:root{color-scheme:dark;font-size:18px;--background:#0b090a;--surface:#191617;--text:#e9e0d9;--muted:#c3b2ae;--link:#efb79f;--heading:#f0c5b3;--border:#4d3638;--accent:#ae5357}
*{box-sizing:border-box}
html{scroll-padding-top:1rem}
body{margin:0;background:var(--background);color:var(--text);font:1rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--link);text-decoration:underline;text-underline-offset:.16em;overflow-wrap:anywhere}
a:hover{color:var(--text)}
:focus-visible{outline:3px solid var(--link);outline-offset:4px}
::selection{background:#673438;color:#fff}
header,.layout,footer{width:min(980px,100%);margin:auto;padding:1.5rem}
header{border-bottom:2px solid var(--accent);padding-top:2.5rem}
h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;margin:.4rem 0 1rem}
h2{font-size:1.65rem;line-height:1.3;margin-top:0;color:var(--heading)}
h3{font-size:1.2rem;line-height:1.4;color:var(--heading)}
p,li{max-width:75ch}
header nav,.contents{display:flex;flex-wrap:wrap;gap:.65rem 1.3rem}
.eyebrow{font-weight:700;color:var(--muted);margin:0}
.contents{padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
section{padding:2rem 0;border-bottom:1px solid var(--border);scroll-margin-top:1rem}
section:last-child{border-bottom:0}
.cards{padding-left:1.4rem}.card{margin-bottom:1.7rem}.card h3 i{display:none}
.lead{font-size:1.08rem}.small,small{font-size:.95rem}
.note{padding:1rem;background:var(--surface);border-left:4px solid var(--accent)}
.btn{display:inline-flex;align-items:center;gap:.4rem;border:2px solid var(--accent);border-radius:3px;padding:.5rem .8rem;font:inherit;font-weight:650;background:var(--surface);color:var(--link);text-align:center}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}
.ico{width:1.1em;height:1.1em;flex:none}
pre{background:var(--surface);padding:1rem;overflow:auto;font-size:.9rem;line-height:1.55}
code{font-size:.95em;overflow-wrap:anywhere}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}th,td{padding:.6rem;border:1px solid var(--border);text-align:left;vertical-align:top}th{background:var(--surface)}
img{max-width:100%;height:auto}figure{margin:1.5rem 0}figcaption{font-size:.95rem}audio{width:min(100%,360px)}
.tag{font-weight:700;padding:.15rem .4rem;background:var(--surface);color:var(--heading)}
.stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:0;list-style:none}.stats li{padding:.5rem .8rem;border:1px solid var(--border)}.stats b{margin-right:.3rem}
.steps li{margin-bottom:1.5rem}.steps h3{margin-bottom:.4rem}
footer{border-top:2px solid var(--accent)}.llm-credit{display:block;margin-top:1rem}
.skip{position:absolute;left:-9999px;top:.4rem;background:var(--surface);padding:.5rem;z-index:10}.skip:focus{left:.5rem}
@media(max-width:600px){:root{font-size:17px}header,.layout,footer{padding:1rem}header{padding-top:1.5rem}.btn{max-width:100%}}
@media print{:root{color-scheme:light;--background:#fff;--surface:#eee;--text:#000;--muted:#333;--link:#000;--heading:#000;--border:#aaa;--accent:#555}body{background:#fff;color:#000}.contents,header nav,.skip{display:none}a{color:inherit}section{break-inside:auto}header,.layout,footer{width:100%;padding:0}}