code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{color-scheme:light dark;--color-bg: #ffffff;--color-bg-elevated: #f6f5f3;--color-text: #1a1a1a;--color-text-muted: #5f5f5f;--color-accent: #2b6cb0;--color-accent-hover: #1a4971;--color-border: #e4e2df;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-base: 1.0625rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--font-size-h1: clamp(1.75rem, 4vw, 2.5rem);--font-size-h2: clamp(1.4rem, 3vw, 1.85rem);--font-size-h3: 1.35rem;--font-size-h4: 1.15rem;--line-height-base: 1.65;--measure: 68ch;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--radius: 10px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04)}@media(prefers-color-scheme:dark){:root{--color-bg: #121212;--color-bg-elevated: #1c1c1e;--color-text: #e8e6e3;--color-text-muted: #a3a3a3;--color-accent: #6ea8dc;--color-accent-hover: #8fc0ea;--color-border: #2e2e30;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1,h2,h3,h4{line-height:1.25;font-weight:700;margin:var(--space-5) 0 var(--space-3)}h1{font-size:var(--font-size-h1);margin-top:0}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{margin:0 0 var(--space-3)}.site-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.site-header a{display:block;max-width:var(--measure);margin:0 auto;color:var(--color-text);font-weight:700;font-size:var(--font-size-h4)}.site-header a:hover{color:var(--color-accent);text-decoration:none}.page{padding:var(--space-5) var(--space-4)}.prose{max-width:var(--measure);margin:0 auto}.page-wide{max-width:1200px;margin:0 auto}@media(max-width:480px){.page{padding:var(--space-4) var(--space-3)}.site-header{padding:var(--space-3)}}.articles-list{display:grid;gap:var(--space-4);margin-top:var(--space-4)}@media(min-width:700px){.articles-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.article-link{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);box-shadow:var(--shadow-card);transition:transform .12s ease,border-color .12s ease}.article-link:hover{transform:translateY(-2px);border-color:var(--color-accent);text-decoration:none}.article-link h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg);color:var(--color-text)}.article-link p{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-link time,.article-meta{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-meta{margin-bottom:var(--space-4)}article{padding-bottom:var(--space-5)}.back-link{display:inline-block;padding:var(--space-2) 0;margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.back-link--bottom{margin-top:var(--space-4);margin-bottom:0}markdown p,markdown li{color:var(--color-text)}markdown ul,markdown ol{padding-left:var(--space-4);margin:0 0 var(--space-3)}markdown blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-accent);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:0 var(--radius) var(--radius) 0}markdown code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-elevated);padding:.15em .4em;border-radius:4px}markdown pre{background:linear-gradient(to left,#00000059,#0000 12px) 100% 0 / 24px 100% no-repeat local,linear-gradient(to right,#00000059,#0000 12px) 0 0 / 24px 100% no-repeat local,#272822;border-radius:var(--radius);padding:var(--space-3);overflow-x:auto;margin:0 0 var(--space-3)}markdown pre code{background:none;padding:0}markdown img{max-width:100%;border-radius:var(--radius)}markdown hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}
