:root{--bg:#fdfcf9;--fg:#1d232a;--muted:#5b6670;--accent:#1f5f8b;--accent-soft:#e8f1f7;--border:#e3e0d8;--warn:#fff6db;--radius:10px;--max:46rem;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}h1,h2,h3{margin:1.6em 0 .5em;line-height:1.25}h1{margin-top:.4em;font-size:clamp(1.7rem,5vw,2.4rem)}h2{font-size:1.45rem}h3{font-size:1.15rem}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 1rem}main.container{min-height:60vh;padding-top:1rem;padding-bottom:3rem}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:#fff;padding:.5rem;top:1rem;left:1rem}.small{font-size:.9rem}.muted{color:var(--muted)}.lede{color:var(--muted);font-size:1.15rem}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.7rem;padding-bottom:.7rem;display:flex}.brand{color:var(--fg);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--fg);padding:.35rem 0;text-decoration:none;display:inline-block}.site-header nav a[aria-current=page]{color:var(--accent);font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--muted);background:#fff;padding:1.5rem 0 2rem}.site-footer nav{margin:1rem 0}.site-footer nav a{color:var(--fg)}.button{background:var(--accent);color:#fff;border-radius:var(--radius);padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.1)}.hero{padding:1.5rem 0 .5rem}.topics{padding-left:1.2rem}.grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1rem}.card h3{margin:.2em 0 .4em}.card p{margin:.3em 0}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-right:.3rem}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.45rem .6rem}.prose blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);margin:1rem 0;padding:.5rem 1rem}.notice{background:var(--warn);border-radius:var(--radius);border:1px solid #efdca0;margin:1rem 0;padding:.75rem 1rem;font-size:.92rem}.toc{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:1.25rem 0;padding:.6rem 1rem}.toc summary{cursor:pointer;font-weight:700}.toc ol{margin:.5rem 0 .2rem;padding-left:1.2rem}.toc li.d3{margin-left:1rem;list-style-type:circle}.faq-item h3{margin-bottom:.25em}.draft-banner,.todo{color:#8a1c1c;border-radius:var(--radius);background:#ffe3e3;border:1px dashed #c33;padding:.5rem .8rem;font-weight:600}:root{--ice:#8fb8d3;--pampa:#d9a441;--jungle:#2f7d4f;--sun:#f2b632}.hero{padding-top:0}.hero-art{width:calc(100% + 2rem);height:clamp(120px,28vw,220px);margin:0 -1rem 1rem;display:block}@media (width>=760px){.hero-art{border-radius:16px;width:100%;margin:.5rem 0 1rem}}.section-accent{border-radius:3px;width:72px;height:6px;margin:2rem 0 -.6rem;display:flex;overflow:hidden}.section-accent span{flex:1}.section-accent span:first-child{background:var(--ice)}.section-accent span:nth-child(2){background:var(--pampa)}.section-accent span:nth-child(3){background:var(--jungle)}.topics{grid-template-columns:1fr;gap:.75rem;padding:0;list-style:none;display:grid}@media (width>=640px){.topics{grid-template-columns:1fr 1fr}}.topics li{border:1px solid var(--border);border-left:6px solid var(--accent);border-radius:var(--radius);background:#fff;padding:.75rem 1rem}.topics li strong{display:block}.topics .t-ice{border-left-color:var(--ice)}.topics .t-pampa{border-left-color:var(--pampa)}.topics .t-jungle{border-left-color:var(--jungle)}.topics .t-sky{border-left-color:var(--sun)}.card{border-top:4px solid var(--pampa)}
