:root{--bg: #f7f6f2;--surface: #ffffff;--ink: #1b1b1b;--muted: #6e6b66;--border: #e6e2d8;--accent: #2f5d4e;--accent-soft: #e6efe9;--gold: #e8a23c;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--container: 1080px;--content: 700px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-decoration-thickness:2px;text-underline-offset:2px}a:hover{text-decoration-color:var(--accent)}img{max-width:100%;display:block}.wrap{max-width:var(--container);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}.site-logo{font-family:var(--font-display);font-weight:600;font-size:1.35rem;color:var(--ink);text-decoration:none}.site-logo:hover{color:var(--accent)}.site-nav a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;margin-left:28px}.site-nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:40px 0 60px;color:var(--muted);font-size:.9rem}.site-footer .wrap{display:flex;flex-direction:column;gap:8px}.site-footer a{color:var(--muted);text-decoration-color:var(--border)}.site-footer a:hover{color:var(--accent)}.hero-intro{padding:64px 0 32px;max-width:620px}.hero-intro .eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hero-intro h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.08;margin:0 0 14px}.hero-intro p{color:var(--muted);font-size:1.05rem;margin:0}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:80px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card-image{width:100%;height:auto;border-radius:8px;margin:-8px -8px 4px;display:block}.post-card .post-date{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.post-card h2{font-family:var(--font-display);font-size:1.4rem;line-height:1.25;margin:0;text-decoration:none}.post-card p{color:var(--muted);font-size:.95rem;margin:0;flex:1}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:4px 12px;text-decoration:none}.hero-grid{max-width:var(--container);margin:0 auto;padding:56px 0 40px;display:grid;gap:40px;align-items:center}.hero-grid--solo{max-width:var(--content)}@media(min-width:860px){.hero-grid:not(.hero-grid--solo){grid-template-columns:1fr 1fr}}.article-header h1{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,3.1rem);line-height:1.12;margin:18px 0 16px}.article-meta{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--muted);display:flex;gap:10px;align-items:center;margin-top:18px}.article-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--border)}.hero-image{width:100%;height:auto;border-radius:16px;border:1px solid var(--border);display:block}.article-layout{display:grid;grid-template-columns:1fr;gap:48px;padding-bottom:64px}@media(min-width:980px){.article-layout{grid-template-columns:200px minmax(0,var(--content));justify-content:center}.toc{order:-1}}.toc{align-self:start;position:sticky;top:96px}.toc-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;border-left:2px solid var(--border)}.toc a{display:block;font-size:.85rem;color:var(--muted);text-decoration:none;padding-left:14px;line-height:1.4}.toc a:hover{color:var(--accent);border-left:2px solid var(--accent);margin-left:-2px;padding-left:14px}.prose{max-width:var(--content)}.prose h2{font-family:var(--font-display);font-size:1.7rem;margin:2.4em 0 .7em;line-height:1.25}.prose h3{font-family:var(--font-display);font-size:1.3rem;margin:1.8em 0 .6em}.prose p{margin:0 0 1.2em}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin-bottom:.5em}.prose strong{color:var(--ink)}.prose blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:3px solid var(--gold);position:relative}.prose blockquote:before{content:"Field note";display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.prose blockquote p{margin:0;color:var(--muted);font-size:.98rem}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--accent-soft);padding:.15em .4em;border-radius:4px}.prose img{border-radius:12px;margin:1.5em 0}.prose hr{border:none;border-top:1px solid var(--border);margin:3em 0}.faq{border-top:1px solid var(--border);padding-top:48px;margin-top:64px;max-width:var(--content)}.faq h2{font-family:var(--font-display);font-size:1.7rem;margin:0 0 24px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:1.2rem}.faq details[open] summary:after{content:"−"}.faq .faq-answer{margin-top:12px;color:var(--muted)}