:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #0b0b0f; }
body {
  margin: 0;
  min-height: 100vh;
  color: #f5f5f5;
  background: radial-gradient(circle at 10% 0%, rgba(255,84,0,.16), transparent 42%), #0b0b0f;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
header, main, footer { width: min(760px, calc(100% - 40px)); margin: 0 auto; }
header { padding: 28px 0; }
header a, footer a { color: #ffb347; }
main {
  padding: 36px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(20,20,28,.88);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
h1 { margin: 0 0 8px; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; }
h2 { margin-top: 32px; font-size: 1.25rem; }
p, li { color: #c6c6cf; }
a { color: #ffb347; }
.lede { font-size: 1.08rem; color: #e6e6ec; }
.updated { color: #888894; font-size: .85rem; }
.notice { padding: 16px; border-left: 3px solid #ffb347; background: #171720; }
footer { display: flex; flex-wrap: wrap; gap: 14px; padding: 28px 0 48px; color: #888894; font-size: .85rem; }
@media (max-width: 600px) { main { padding: 26px 20px; } }