@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Libre+Franklin:ital,wght@0,400..800;1,400..800&family=DM+Mono:wght@400;500&display=swap");

:root {
  --paper: #ECEEE3;
  --surface: #F8F9F3;
  --ink: #10291D;
  --muted: #4F5F55;
  --line: #CDD3C3;
  --accent: #B8861A;
  --accent-ink: #1F1503;
  --link: #1F6B45;
  --frame: #08100C;
  --caption: #FFFFFF;
  --frame-aspect: 480 / 198;

  --display: "Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;
  --body: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0B1410; --surface: #121E18; --ink: #EEE9D9; --muted: #9AA79E; --line: #22302A;
    --accent: #E2B547; --accent-ink: #1F1503; --link: #7DC79A; --frame: #050906; --caption: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0B1410; --surface: #121E18; --ink: #EEE9D9; --muted: #9AA79E; --line: #22302A;
  --accent: #E2B547; --accent-ink: #1F1503; --link: #7DC79A; --frame: #050906; --caption: #FFFFFF;
  color-scheme: dark;
}

.wordmark {
  font-family: var(--display); font-weight: 800; font-optical-sizing: auto;
  font-size: clamp(32px, 5.6vw, 58px); line-height: 1; letter-spacing: -.01em;
}

.wordmark small { font-size: .55em; font-weight: 600; font-style: italic; letter-spacing: 0; }
.wordmark .k { margin-right: -.07em; }
.wordmark mark { background: none; color: var(--accent); margin-left: -.2em; }
.results-head h2, .ptitle h3 { letter-spacing: -.005em; }