*{box-sizing:border-box}
:root{color-scheme:light dark;--page:#f7f7f4;--ink:#171717;--muted:#6c6c68;--line:#d8d8d2;--code:#ecece7;--max:72rem}
@media(prefers-color-scheme:dark){:root{--page:#111210;--ink:#efefe9;--muted:#a5a59e;--line:#33352f;--code:#1d1f1b}}
html{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:var(--page);color:var(--ink);line-height:1.65}
body{margin:0}
a{color:inherit;text-underline-offset:.18em}
.site-header,.site-footer,main{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.site-header{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.site-header nav{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.86rem}
.brand{font-weight:800;text-decoration:none}
main{padding:clamp(2rem,6vw,6rem) 0}
.page-header,.entry-header{max-width:52rem;margin-bottom:3rem}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.035em}
h1{font-size:clamp(2rem,7vw,5rem);margin:.2em 0}
h2{font-size:clamp(1.35rem,3vw,2rem)}
.eyebrow,.meta,.tags{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.stream{display:grid;gap:0}
.teaser{padding:1.5rem 0;border-top:1px solid var(--line);max-width:58rem}
.teaser h2{margin:.25rem 0}
.teaser p{margin:.4rem 0}
.entry{max-width:58rem}
.entry-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(1rem,2vw,1.12rem)}
.entry-body h2,.entry-body h3,.entry-body h4{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:2.2em}
.entry-body pre{overflow:auto;padding:1rem;background:var(--code);border-radius:.35rem}
.entry-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code);padding:.12em .28em;border-radius:.2rem}
.entry-body pre code{padding:0;background:transparent}
blockquote{margin:2rem 0;padding-left:1rem;border-left:3px solid var(--ink)}
.tags{display:flex;gap:.5rem;list-style:none;padding:2rem 0 0;margin:3rem 0 0;border-top:1px solid var(--line);flex-wrap:wrap}
.tags li::before{content:"#"}
.pagination{max-width:58rem;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.86rem}
.pagination>:last-child{text-align:right}
.search{max-width:58rem}
.search label{display:block;margin-bottom:.5rem;font-weight:700}
.search-input{width:100%;font:inherit;font-size:1.1rem;padding:.9rem 1rem;color:var(--ink);background:var(--page);border:1px solid var(--line);border-radius:.3rem}
.search-input:focus{outline:2px solid var(--ink);outline-offset:2px}
.search-results{margin-top:1.5rem}
.search-result{padding:1.5rem 0;border-top:1px solid var(--line)}
.search-result h2,.search-result p{margin:.35rem 0}
.search-preview-code{overflow:auto;white-space:pre-wrap;margin:.65rem 0;padding:.75rem 1rem;background:var(--code);border-radius:.3rem;font:inherit;font-size:.9rem}
.site-footer{padding:2rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}
@media(max-width:44rem){.site-header{align-items:flex-start;flex-direction:column}.pagination{grid-template-columns:1fr 1fr}.pagination>span:nth-child(2){grid-column:1/-1;grid-row:1;text-align:left}.pagination>:last-child{text-align:right}}