:root {
  color-scheme: dark;
  --bg: #0d1018;
  --surface: #151a25;
  --surface-2: #1c2331;
  --text: #f4f1ea;
  --muted: #a9afbd;
  --line: #303949;
  --accent: #d86753;
  --accent-2: #e7ad68;
  --verify: #f3c56d;
  --max: 1120px;
}
[data-theme="light"] { color-scheme: light; --bg:#f5f0e8; --surface:#fffaf2; --surface-2:#f0e7da; --text:#211f24; --muted:#625f65; --line:#ded3c5; --accent:#a83e36; --accent-2:#765326; --verify:#80531e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 80% 0%, #30202a 0, transparent 34rem), var(--bg); color:var(--text); font:16px/1.7 Georgia, 'Noto Serif SC', serif; }
a { color:var(--accent-2); text-decoration-thickness:1px; text-underline-offset:3px; }
.site-header { border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--bg) 90%, transparent); position:sticky; top:0; z-index:4; backdrop-filter:blur(14px); }
.nav { max-width:var(--max); margin:auto; display:flex; align-items:center; gap:28px; padding:14px 22px; }
.brand { color:var(--text); text-decoration:none; font-weight:bold; letter-spacing:.04em; margin-right:auto; }
.brand span { color:var(--accent); }
.nav a { font-family:system-ui,sans-serif; font-size:.9rem; }
button { background:var(--surface-2); color:var(--text); border:1px solid var(--line); border-radius:999px; padding:7px 13px; cursor:pointer; }
main { max-width:var(--max); margin:auto; padding:72px 22px 96px; }
.kicker { color:var(--accent-2); text-transform:uppercase; letter-spacing:.16em; font:700 .72rem/1.2 system-ui,sans-serif; }
h1,h2,h3 { line-height:1.15; letter-spacing:-.02em; }
h1 { font-size:clamp(2.5rem,7vw,5rem); max-width:850px; margin:14px 0 22px; }
h2 { font-size:clamp(1.8rem,3vw,2.6rem); margin:64px 0 18px; }
h3 { font-size:1.35rem; margin:34px 0 8px; color:var(--accent-2); }
.lead { color:var(--muted); font-size:1.2rem; max-width:780px; }
.intro { border-bottom:1px solid var(--line); padding-bottom:42px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card { background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 76%, var(--accent) 24%)); border:1px solid var(--line); border-radius:12px; padding:22px; }
.card h3 { margin-top:0; }
ul { padding-left:1.25rem; }
li { margin:.55rem 0; }
table { width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; display:table; }
th,td { text-align:left; vertical-align:top; padding:14px 16px; border-bottom:1px solid var(--line); }
th { color:var(--accent-2); font:700 .8rem system-ui,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
tr:last-child td { border-bottom:0; }
.note, .verify { margin:20px 0; padding:16px 18px; border-left:3px solid var(--accent); background:var(--surface-2); color:var(--muted); }
.verify { border-color:var(--verify); color:var(--text); }
.verify strong { color:var(--verify); font-family:system-ui,sans-serif; font-size:.82rem; }
.meta { color:var(--muted); font:.78rem system-ui,sans-serif; letter-spacing:.04em; }
details { border-top:1px solid var(--line); padding:14px 0; }
summary { cursor:pointer; font-weight:bold; }
.footer { border-top:1px solid var(--line); max-width:var(--max); margin:auto; padding:24px 22px 42px; display:flex; gap:20px; flex-wrap:wrap; color:var(--muted); font:.82rem system-ui,sans-serif; }
.footer .disclaimer { margin-right:auto; }
@media (max-width:700px) { .nav { gap:12px; flex-wrap:wrap; } .nav a { font-size:.8rem; } main { padding-top:48px; } .grid { grid-template-columns:1fr; } table { font-size:.9rem; } th,td { padding:11px 10px; } }