
:root{--bg:#f3f2ed;--panel:#f8f7f3;--ink:#171717;--muted:#656565;--line:#c9c8c2;--editorial:#6b802f;--editorial-soft:#dde0cf;--max:900px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Source Serif 4",Georgia,serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.slate{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.045em}.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
nav{position:sticky;top:0;z-index:10;background:rgba(243,242,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:18px;text-decoration:none;font-weight:600}.nav-links{display:flex;gap:18px;font-size:13px}.nav-links a{text-decoration:none;border-bottom:1px solid transparent}.nav-links a:hover{border-color:var(--ink)}
.archive-head{padding:64px 0 36px;border-bottom:1px solid var(--line)}.archive-kicker{font-size:12px;color:var(--muted);letter-spacing:.13em;margin:0 0 10px}.archive-head h1{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(42px,7vw,74px);line-height:.95;margin:0;max-width:850px}.dek{max-width:760px;font-size:19px;color:#444;margin:18px 0 0}.meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--muted);margin:20px 0 0}.provenance{background:var(--editorial-soft);border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;color:#404535}.provenance p{margin:0}.provenance a{word-break:break-all}
main{padding:42px 0 80px}.article{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--editorial);padding:clamp(24px,5vw,52px);box-shadow:0 8px 24px rgba(0,0,0,.025)}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"Barlow Condensed",Impact,sans-serif;letter-spacing:.015em;line-height:1.08;margin:1.4em 0 .45em}.article h1{font-size:38px}.article h2{font-size:32px;text-transform:uppercase}.article h3{font-size:26px}.article p{margin:.75em 0}.article ul,.article ol{padding-left:1.35em}.article li{margin:.45em 0}.article img{display:block;max-width:100%;height:auto;margin:24px auto}.article figure{margin:26px 0}.article hr{border:0;border-top:1px solid var(--line);margin:32px 0}.article blockquote{margin:24px 0;padding:14px 20px;border-left:4px solid var(--editorial);background:#f1f0ea}.article a{color:#394d17;text-decoration-thickness:1px;text-underline-offset:2px}.article table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0}.article th,.article td{border:1px solid var(--line);padding:8px 10px;vertical-align:top}.article button,.article form{display:none!important}.archive-note{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.index-head{padding:72px 0 40px;border-bottom:1px solid var(--line)}.index-head h1{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,8vw,82px);line-height:.92;margin:0}.index-head p{max-width:720px;font-size:19px;color:#444}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:42px 0 70px}.archive-card{display:block;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--editorial);padding:24px;text-decoration:none;transition:transform .15s ease}.archive-card:hover{transform:translateY(-2px)}.archive-card .date{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted);text-transform:uppercase}.archive-card h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:27px;line-height:1.05;margin:10px 0}.archive-card p{font-size:15px;color:#555;margin:0}.backline{padding:28px 0;border-top:1px solid var(--line);font-size:13px}.backline a{text-decoration:none;border-bottom:1px solid var(--ink)}
@media(max-width:720px){.archive-grid{grid-template-columns:1fr}.nav-links{display:none}.archive-head{padding-top:44px}.article{padding:24px 20px}.wrap{width:min(var(--max),calc(100% - 28px))}}
