@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-Variable.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-Italic-Variable.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("fonts/DMSans-Variable.woff2") format("woff2"); font-weight: 100 1000; font-display: swap; }
:root { --bg: #0D0E22; --surface: #16183A; --line: #2E3170; --text: #EEEAF6; --text-2: #ABA7C9; --gold: #E6C47F; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 17px/1.65 "DM Sans", "Helvetica Neue", Arial, sans-serif;
  padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
main { max-width: 44rem; margin: 0 auto; padding-block: 48px 80px; }
a { color: var(--gold); }
.wordmark { font: italic 500 28px/1 "Cormorant Garamond", Georgia, serif; color: var(--text); text-decoration: none; }
.wordmark b { font-style: normal; font-weight: 500; color: var(--gold); }
h1 { font: 500 clamp(38px, 6vw, 56px)/1.05 "Cormorant Garamond", Georgia, serif; margin: 40px 0 8px; text-wrap: balance; }
h2 { font: 500 28px/1.15 "Cormorant Garamond", Georgia, serif; margin: 40px 0 8px; }
p, li { color: var(--text-2); }
strong { color: var(--text); font-weight: 600; }
.meta { font-size: 14px; color: var(--text-2); }
.draft { margin-top: 24px; padding: 14px 16px; border-radius: 14px; background: var(--surface); border: 1px solid var(--gold); color: var(--text); font-size: 15px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); }
th { color: var(--text); font-weight: 600; }
.wrap { overflow-x: auto; }
footer { margin-top: 56px; font-size: 14px; color: var(--text-2); }