@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root { --width: 1000px; --font-main: 'Courier Prime', Consolas, Monaco, 'Courier New', monospace; --font-secondary: 'Courier Prime', Consolas, Monaco, 'Courier New', monospace; --font-scale: 21px; --background-color: #434C5E; --heading-color: #ECEFF4; --text-color: #ECEFF4; --link-color: #A3BE8C; --visited-color: #B48EAD; --code-background-color: #fbfbf6; --code-color: #333; --blockquote-color: #fbfbf6; }
body { font-family: var(--font-secondary); font-size: var(--font-scale); margin: auto; padding: 20px; max-width: var(--width); text-align: left; background-color: var(--background-color); word-wrap: break-word; overflow-wrap: break-word; line-height: 1.5; color: var(--text-color); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-main); color: var(--heading-color); font-size: var(--font-scale); font-weight: 400; }
a { color: var(--link-color); cursor: pointer; }
nav a { margin-right: 8px; }
strong, b { color: var(--heading-color); }
button { margin: 0; cursor: pointer; }
main { line-height: 1.6; }
table { width: 100%; }
hr { border: 0; border-top: 1px dashed; }
img { max-width: 100%; }
code { font-family: var(--font-main); padding: 2px; background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; }
blockquote { border-left: 1px solid #999; color: var(--code-color); padding-left: 20px; font-style: italic; }
/* --- Balanced Header & Footer Spacing --- */ header, nav { margin-bottom: 1.5rem !important; }
ul.blog-posts { list-style-type: none; padding: unset; margin-top: 0 !important; margin-bottom: 1.5rem !important; }
footer { padding: 0 !important; margin-top: 0 !important; text-align: left; }
.inline { width: auto !important; }
.highlight { background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; margin-block-start: 1em; margin-block-end: 1em; overflow-x: auto; }
/* blog post list */ ul.blog-posts li { display: flex; }
ul.blog-posts li span { flex: 0 0 160px; }
ul.blog-posts li a:visited { color: var(--visited-color); }
footer span:last-child { display: none; }
form#upvote-form { display: none !important; }