
:root{--background:#FFF8E7;--background-alt:#F5EBDA;--foreground:#1F3D2B;--foreground-muted:#4A6B52;--primary:#C7402D;--primary-foreground:#FFF8E7;--secondary:#D4A84B;--secondary-foreground:#1F3D2B;--accent:#4F7A34;--accent-foreground:#FFF8E7;--border:#8B7355;--ring:#C7402D;--accent-tint:rgba(79,122,52,.12);--radius:.75rem}
@media (prefers-color-scheme:dark){:root{--background:#1A1512;--background-alt:#2A2420;--foreground:#F5EBDA;--foreground-muted:#B8A898;--primary:#E04D38;--primary-foreground:#FFF8E7;--secondary:#E0B85A;--secondary-foreground:#1A1512;--accent:#7CB050;--accent-foreground:#1A1512;--border:#7D6E5C;--ring:#E04D38;--accent-tint:rgba(124,176,80,.1)}}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:17px/1.6 Georgia,'Times New Roman',serif}
a{color:var(--primary)}a:focus-visible,button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.wrap{max-width:62rem;margin:0 auto;padding:0 16px}
header.site{border-bottom:1px solid var(--border)}header.site .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;padding-top:14px;padding-bottom:14px}
.brand{font:700 1.6rem 'Courier New',monospace;color:var(--primary);text-decoration:none;letter-spacing:-.02em}.brand span{color:var(--foreground)}
nav a{margin-right:16px;color:var(--foreground);font-family:'Courier New',monospace}
.draft{background:var(--secondary);color:var(--secondary-foreground);font:14px/1.4 'Courier New',monospace;padding:6px 16px;text-align:center}
.hero{padding:48px 0 32px}.hero h1{font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.05;margin:0 0 12px;color:var(--primary)}.hero p{font-size:1.2rem;max-width:40rem;margin:0}
.band{background:var(--background-alt);padding:32px 0}h2{font-size:1.6rem;margin:1.6em 0 .4em}h1{margin-top:.8em}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));list-style:none;padding:0}
.grid a,.card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--background);text-decoration:none;color:var(--foreground)}
.grid a:hover{border-color:var(--primary)}.muted{color:var(--foreground-muted)}.card{margin:14px 0}.card h3{margin:0 0 2px}
.tag{display:inline-block;font:13px 'Courier New',monospace;background:var(--accent);color:var(--accent-foreground);border-radius:99px;padding:1px 10px;margin-right:6px}
.warn{background:var(--accent-tint);border-left:4px solid var(--accent);padding:8px 12px;border-radius:6px}
footer{border-top:1px solid var(--border);margin-top:48px;padding:24px 0;color:var(--foreground-muted);font-size:15px}
ul.src{padding-left:1.1em}pre{white-space:pre-wrap}
