:root{
  --bg:#ffffff;--fg:#0f172a;--muted:#475569;--accent:#0f172a;--border:#e2e8f0;
  color-scheme: light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial;line-height:1.6;color:var(--fg);background:var(--bg)}
.container{max-width:1120px;margin:0 auto;padding:0 1rem}
header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);z-index:10}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-size:.95rem}
.nav a:hover{color:var(--fg)}
.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--fg);font-weight:700}
.cta{background:var(--accent);color:white;border-radius:12px;padding:.5rem .9rem;text-decoration:none}
main{min-height:70vh}
.hero{padding:3rem 0}
.grid{display:grid;gap:1rem}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid var(--border);border-radius:16px;padding:1rem;background:#fff}
.prose{max-width:740px}
footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem;color:var(--muted)}
small.muted{color:var(--muted)}
.badge{font-size:.7rem;border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{left:1rem;top:1rem;width:auto;height:auto;background:#fff;border:2px solid var(--fg);padding:.5rem;border-radius:.5rem;z-index:20}
.accordion dt{margin:0}
.accordion button{display:block;width:100%;text-align:left;border:none;background:none;padding:.75rem 0;font-weight:600}
.accordion dd{margin:0 0 1rem 0}
.lang{font-size:.85rem;text-decoration:underline}
kbd{background:#f1f5f9;border:1px solid #e2e8f0;border-bottom-width:2px;padding:0 .3rem;border-radius:.25rem}
.alert{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:#f8fafc}
table{border-collapse:collapse;width:100%}th,td{padding:.5rem;border:1px solid var(--border)}th{text-align:left}
hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}