:root {
  color-scheme: dark;
  --surface: #131312; --surface-2: #1d1d1a; --surface-3: #262622; --line: #33332e; --line-2: #47463e;
  --text: #f6f5f1; --text-2: #b9b7ad; --muted: #7d7b73;
  --s1: #3987e5; --s2: #d95926; --s3: #199e70;
  --hi: #f0c453; --paper: #78766d; --dim: #47463f;
  --q1: #6e6c64; --q2: #3987e5; --q3: #d9a026; --q4: #d95926;
}
:root[data-theme="light"] {
  color-scheme: light;
  --surface: #fcfcfb; --surface-2: #f2f1ee; --surface-3: #e8e7e2; --line: #e0dfda; --line-2: #cbc9c0;
  --text: #0b0b0b; --text-2: #52514e; --muted: #86847a;
  --s1: #2a78d6; --s2: #d1521f; --s3: #1a9c6c;
  --hi: #9a6c06; --paper: #a3a199; --dim: #d6d5cf;
  --q1: #a8a69d; --q2: #2a78d6; --q3: #b07d09; --q4: #d1521f;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--surface); color: var(--text);
  font: 15.5px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main { max-width: 1400px; margin: 0 auto; padding: 0 clamp(14px, 2.4vw, 30px) 60px; }
a { color: var(--hi); }
h1 { font: 600 clamp(24px, 2.6vw, 36px)/1.1 ui-serif, Georgia, serif; letter-spacing: -.015em; margin: 0 0 8px; }
h2 { font: 600 clamp(19px, 1.9vw, 25px)/1.15 ui-serif, Georgia, serif; margin: 0 0 8px; }
h3 { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin: 0 0 8px; }
p { color: var(--text-2); max-width: 66ch; margin: 0 0 10px; }
p b { color: var(--text); font-weight: 600; }
.sm { font-size: 13px; color: var(--muted); max-width: 72ch; }
[hidden] { display: none !important; }