:root{--bg:#f7f3ea;--text:#111111;--muted:#5a544a;--line:#d7d0c3;--title:Verdana, Geneva, Tahoma, sans-serif;color-scheme:light}*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-underline-offset:.14em;text-decoration-thickness:.08em}img,svg{display:block}.shell{width:min(48rem,calc(100% - 1rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px)}.row,.brand,.menu,.icon-link{display:flex;align-items:center}.row{justify-content:space-between;gap:1rem;min-height:4rem}.brand{gap:.7rem;text-decoration:none}.brand img{width:5rem;height:5rem}.brand span,h1,.post-card h3{font-family:var(--title);font-weight:300;letter-spacing:.01em}.brand span{font-size:1.1rem}.menu{gap:1rem}.icon-link{justify-content:center;width:1.25rem;height:1.25rem;text-decoration:none}.icon-link img,.icon-link svg{width:100%;height:100%}.post-list,.post-single{padding-bottom:1rem}.post-card,.page-head{padding:.75rem 0}.meta,.lede{color:var(--muted)}.post-head{display:flex;align-items:flex-start;gap:.5rem}.post-head>div{min-width:0}.post-head .meta{margin:.1rem 0 0;font-size:.85rem}.title-row{display:flex;align-items:center;gap:.5rem}.title-row h1,.title-row h3{margin:0}.post-icon{width:3rem;height:3rem;flex:none}.page-head .post-icon{width:3rem;height:3rem}h1{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2}.post-card h3{margin:0 0 .35rem;line-height:1.2;font-size:1.1rem}.post-card p:last-child,.post-single>:last-child,.prose>:last-child{margin-bottom:0}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.prose pre{overflow:auto;padding:.45rem;border:1px solid var(--line);border-radius:.8rem;background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.row,.menu{flex-wrap:wrap}.row{align-items:stretch}.site-header{position:static}}