:root{
  --fg:#0f172a; --muted:#475569; --bg:#ffffff; --line:#e2e8f0; --link:#0ea5e9;
}
@media (prefers-color-scheme: dark){
  :root{ --fg:#e5e7eb; --muted:#9ca3af; --bg:#0b0f17; --line:#1f2937; --link:#38bdf8; }
}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height:1.65;
}
.wrap{max-width:860px; margin:0 auto; padding:2.5rem 1.25rem 4rem}
header{margin-bottom:1.25rem}
h1{font-size:2rem; line-height:1.2; margin:0 0 .25rem}
h2{font-size:1.25rem; margin:2rem 0 .5rem; line-height:1.35}
h3{font-size:1.05rem; margin:1.25rem 0 .25rem}
p, ul, ol{margin:.75rem 0}
small, .muted{color:var(--muted)}
a{color:var(--link); text-decoration:underline}
.badge{display:inline-block; font-size:.85rem; padding:.15rem .5rem; border:1px solid var(--line); border-radius:.5rem; color:var(--muted)}
.card{border:1px solid var(--line); border-radius:14px; padding:1rem; background:rgba(127,127,127,.02)}
.footer{margin-top:2.5rem; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.95rem}