:root { --ink:#202124; --muted:#777; --line:#e8e6e1; --paper:#fbfaf7; --accent:#365f8d; }
* { box-sizing:border-box; }
html { font-size:17px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif; line-height:1.75; }
a { color:inherit; text-decoration-color:#aab8c6; text-underline-offset:.18em; }
.site-header, main, footer { width:min(900px,calc(100% - 36px)); margin-inline:auto; }
.site-header { height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { font-weight:750; text-decoration:none; letter-spacing:.04em; }
nav { display:flex; gap:22px; } nav a { color:var(--muted); text-decoration:none; font-size:.92rem; }
.hero { padding:84px 0 64px; border-bottom:1px solid var(--line); }
.hero h1 { margin:.15em 0 0; font-size:clamp(2.8rem,8vw,5.6rem); line-height:1; letter-spacing:-.055em; }
.hero p { color:var(--muted); font-size:1.1rem; }
.eyebrow { font-size:.72rem!important; letter-spacing:.22em; color:var(--accent)!important; }
.post-list article { padding:30px 0; border-bottom:1px solid var(--line); }
.post-list time,.post time,.archive-list time { color:var(--muted); font-size:.82rem; font-variant-numeric:tabular-nums; }
.post-list h2 { margin:.18em 0; font-size:1.5rem; line-height:1.35; }.post-list h2 a { text-decoration:none; }.post-list h2 a:hover { color:var(--accent); }
.post-list p { color:#555; margin:.45em 0; }.tag { color:var(--accent); font-size:.78rem; }
.post,.page-head { padding:70px 0; }.post>header { padding-bottom:30px; border-bottom:1px solid var(--line); }.post h1,.page-head h1 { font-size:clamp(2rem,6vw,3.5rem); line-height:1.2; letter-spacing:-.035em; margin:.2em 0; }
.prose { padding-top:28px; }.prose h2,.prose h3,.prose h4 { margin-top:1.8em; line-height:1.35; }.prose img { max-width:100%; height:auto; border-radius:4px; }.prose pre { overflow:auto; padding:18px; background:#202124; color:#f3f3f3; border-radius:6px; line-height:1.55; }.prose code { font-family:"SFMono-Regular",Consolas,monospace; font-size:.86em; }.prose :not(pre)>code { background:#eceae4; padding:.12em .32em; border-radius:3px; }.prose blockquote { margin-left:0; padding-left:1em; border-left:3px solid #bbb; color:#555; }
.archive-list { list-style:none; padding:0 0 60px; }.archive-list li { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid var(--line); }
.back { margin-top:50px; } footer { border-top:1px solid var(--line); padding:28px 0 50px; color:var(--muted); font-size:.82rem; }
@media(max-width:560px){.site-header{height:auto;padding:18px 0;align-items:flex-start}.site-header nav{gap:13px}.hero{padding:58px 0 44px}.archive-list li{grid-template-columns:1fr;gap:0}.post{padding-top:48px}}