:root{--bg: #faf7f1;--surface: #ffffff;--text: #231c12;--muted: #6b5d48;--border: #ece2d0;--accent: #a15c07;--accent-strong: #7a4505;--accent-soft: #fdf0d5;--hero-from: #e0901a;--hero-to: #3d2304;--good: #1e7d3c;--good-soft: #e3f4e8;--shadow: 0 1px 2px rgba(60, 35, 5, .06), 0 4px 16px rgba(60, 35, 5, .06);--radius: 14px;--mono: ui-monospace, "Cascadia Code", Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #14110c;--surface: #1e1a13;--text: #f1ebe0;--muted: #b9aa90;--border: #3a3122;--accent: #f5b94a;--accent-strong: #fad48a;--accent-soft: #3a2a0d;--hero-from: #a15c07;--hero-to: #1f1302;--good: #6fd68f;--good-soft: #15321f;--shadow: none}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}a{color:var(--accent);overflow-wrap:anywhere}a:hover{color:var(--accent-strong)}code,pre{font-family:var(--mono);font-size:.9em}code{background:var(--accent-soft);padding:.1em .35em;border-radius:5px}pre{margin:0;padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);overflow-x:auto}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.hero{background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:#fff;padding:40px 0 44px}.hero a{color:#fff}.hero code{color:#fff;background:#ffffff2e}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15}.eyebrow{margin:0 0 8px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.lead{margin:0;max-width:760px;font-size:1.1rem;opacity:.95}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:20px;margin-top:-20px;padding-bottom:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:0}.card-wide{grid-column:1 / -1}.card h2{margin:0 0 6px;font-size:1.25rem}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{margin:0 0 10px}.card>:last-child{margin-bottom:0}.card ul{padding-left:1.3em}.muted{color:var(--muted)}.small{font-size:.9rem}.button{display:inline-block;font:inherit;font-weight:600;font-size:.95rem;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:8px;padding:8px 16px;cursor:pointer;text-decoration:none}.button:hover{color:#fff;background:var(--accent-strong)}.button-ghost{color:var(--accent);background:transparent;border-color:var(--accent)}.button-ghost:hover{color:var(--accent-strong);background:var(--accent-soft)}@media (prefers-color-scheme: dark){.button:not(.button-ghost),.button:not(.button-ghost):hover{color:#14110c}}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.field{display:grid;gap:4px;margin-bottom:12px}.field label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.input{font:inherit;font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%;min-width:0}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.readout{margin:8px 0 0;padding:12px 16px;border-radius:10px;border:1px solid var(--accent);background:var(--accent-soft);font-weight:600;overflow-wrap:anywhere}.badge{display:inline-block;min-width:2.4em;text-align:center;font-family:var(--mono);font-size:.8rem;font-weight:600;border-radius:999px;padding:1px 8px;color:var(--accent-strong);background:var(--accent-soft)}