/* theme-editorial.css — plain, typographic, "blog-like". Default theme. */

[data-theme-pack="editorial"] {
  --max: 780px;
  --paper: #faf6ee;
  --paper-raised: #ffffff;
  --ink: #201d18;
  --ink-muted: #6b6459;
  --line: #ddd5c4;
  --accent: #a8500e;
  color-scheme: light;
  /* Charts: this theme is deliberately near-monochrome (one accent hue), so
     WR1/WR2 share the same color and are told apart by stroke pattern
     (solid/dashed) instead of a forced second hue — see charts.js / base.css.
     Hardcoded (not var(--accent)) so it stays validator-passing in dark mode
     too, independent of --accent's own dark-mode value — dataviz skill's
     validate_palette.js: PASS lightness/chroma/contrast in both modes with
     this exact hex; the CVD/normal-floor FAIL for the duplicated color is an
     accepted, intentional exception (identity comes from the dash pattern,
     not color, so it's not relying on color-alone despite the tool's framing). */
  --chart-series-1: #a8500e;
  --chart-series-2: #a8500e;
  --chart-grid: var(--line);
  --chart-axis: var(--ink-muted);
}

[data-theme-pack="editorial"][data-mode="dark"] {
  --paper: #1a1712;
  --paper-raised: #201c16;
  --ink: #eae3d5;
  --ink-muted: #a49a87;
  --line: #38332a;
  --accent: #e2874c;
  color-scheme: dark;
}

[data-theme-pack="editorial"] body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Newsreader", Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

[data-theme-pack="editorial"] h1,
[data-theme-pack="editorial"] h2,
[data-theme-pack="editorial"] h3 {
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
  line-height: 1.25;
}
[data-theme-pack="editorial"] .content h2 { margin-top: 2.2em; margin-bottom: 0.5em; font-size: 1.4rem; }
[data-theme-pack="editorial"] .content h3 { font-size: 1.15rem; font-style: italic; font-weight: 500; }
[data-theme-pack="editorial"] .page-hero h1 { font-size: 2rem; max-width: 22ch; }

[data-theme-pack="editorial"] .theme-switcher-toggle,
[data-theme-pack="editorial"] .site-nav,
[data-theme-pack="editorial"] .logo,
[data-theme-pack="editorial"] .footer-nav,
[data-theme-pack="editorial"] .footer-fineprint,
[data-theme-pack="editorial"] .kicker,
[data-theme-pack="editorial"] .theme-option,
[data-theme-pack="editorial"] .nav-heading,
[data-theme-pack="editorial"] th,
[data-theme-pack="editorial"] .glossary dt,
[data-theme-pack="editorial"] .pill,
[data-theme-pack="editorial"] .chart-axis-label,
[data-theme-pack="editorial"] .chart-legend,
[data-theme-pack="editorial"] .chart-picker,
[data-theme-pack="editorial"] .chart-tooltip {
  font-family: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;
}

/* Header */
[data-theme-pack="editorial"] .site-header { background: var(--paper); border-bottom: 1px solid var(--line); }
[data-theme-pack="editorial"] .logo__image { display: none; }
[data-theme-pack="editorial"] .logo__wordmark {
  color: var(--ink); font-size: 0.95rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap;
}
[data-theme-pack="editorial"] .logo__dot { color: var(--accent); }

[data-theme-pack="editorial"] .nav-icon { display: none; }
[data-theme-pack="editorial"] .site-nav ul { font-size: 0.82rem; }
[data-theme-pack="editorial"] .site-nav > ul > li > a,
[data-theme-pack="editorial"] .site-nav summary {
  color: var(--ink-muted);
  text-transform: uppercase; letter-spacing: 0.03em;
  border-bottom: 1px solid transparent;
}
[data-theme-pack="editorial"] .site-nav summary::after { content: " ›"; }
[data-theme-pack="editorial"] .site-nav details[open] summary::after { content: " ⌄"; }
[data-theme-pack="editorial"] .site-nav > ul > li > a:hover,
[data-theme-pack="editorial"] .site-nav summary:hover,
[data-theme-pack="editorial"] .site-nav > ul > li > a[aria-current="page"] {
  color: var(--ink); border-bottom-color: var(--accent);
}
[data-theme-pack="editorial"] .dropdown {
  background: var(--paper-raised); border: 1px solid var(--line);
}
[data-theme-pack="editorial"] .dropdown li a {
  color: var(--ink); font-size: 0.82rem; font-family: "Newsreader", serif;
}
[data-theme-pack="editorial"] .dropdown li a:hover { background: var(--paper); color: var(--accent); }
[data-theme-pack="editorial"] .dropdown .nav-heading { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-muted); }

[data-theme-pack="editorial"] .theme-switcher-toggle {
  border: 1px solid var(--line); background: transparent; color: var(--ink-muted);
  font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em;
}
[data-theme-pack="editorial"] .theme-switcher-toggle:hover { color: var(--ink); border-color: var(--ink); }

/* Theme switcher panel */
[data-theme-pack="editorial"] .theme-switcher { background: var(--paper-raised); border-bottom: 1px solid var(--line); }
[data-theme-pack="editorial"] .theme-switcher__label { margin: 0; color: var(--ink-muted); font-size: 0.85rem; font-style: italic; }
[data-theme-pack="editorial"] .theme-option { border: 1px solid var(--line); background: transparent; color: var(--ink); font-size: 0.78rem; }
[data-theme-pack="editorial"] .theme-option:hover { border-color: var(--accent); }
[data-theme-pack="editorial"] .theme-option__hint { color: var(--ink-muted); font-size: 0.7rem; }

/* Hero — quiet, no glow */
[data-theme-pack="editorial"] .page-hero__glow { display: none; }
[data-theme-pack="editorial"] .kicker { color: var(--accent); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.6rem; }
[data-theme-pack="editorial"] .lede { font-style: italic; color: var(--ink-muted); font-size: 1.2rem; max-width: 52ch; margin-top: 0.6rem; }

/* Single column always — no sidebar ad */
[data-theme-pack="editorial"] .ad-slot--sidebar { display: none; }

/* Content */
[data-theme-pack="editorial"] .content p { margin: 1.1em 0; }
[data-theme-pack="editorial"] .content ul, [data-theme-pack="editorial"] .content ol { padding-left: 1.4rem; }
[data-theme-pack="editorial"] .content li { margin-block: 0.4rem; }
[data-theme-pack="editorial"] .content a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 2px; }
[data-theme-pack="editorial"] .content a:hover { color: var(--ink); }
[data-theme-pack="editorial"] .content img { max-width: 100%; height: auto; }
[data-theme-pack="editorial"] .content strong { font-weight: 600; }
[data-theme-pack="editorial"] .content > p:first-of-type::first-letter {
  font-size: 3.4rem; line-height: 0.8; float: left;
  padding: 0.1rem 0.35rem 0 0; font-weight: 600; color: var(--accent);
}

[data-theme-pack="editorial"] .notice {
  margin: 1.75rem 0; padding-left: 1.1rem;
  border-left: 2px solid var(--accent);
  color: var(--ink-muted); font-size: 1.02rem; background: none;
}
[data-theme-pack="editorial"] .notice strong:first-child { color: var(--ink); }

[data-theme-pack="editorial"] .glossary { border-top: 1px solid var(--line); }
[data-theme-pack="editorial"] .glossary dt { font-size: 0.85rem; color: var(--ink); padding-top: 1rem; }
[data-theme-pack="editorial"] .glossary dd { color: var(--ink-muted); padding-bottom: 1rem; border-bottom: 1px solid var(--line); }

[data-theme-pack="editorial"] table { font-size: 0.95rem; }
[data-theme-pack="editorial"] th, [data-theme-pack="editorial"] td { border-bottom: 1px solid var(--line); }
[data-theme-pack="editorial"] th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-muted); font-weight: 500; }

[data-theme-pack="editorial"] .embed { border: 1px solid var(--line); background: var(--paper-raised); }

[data-theme-pack="editorial"] .card-grid { display: block; }
[data-theme-pack="editorial"] .card { border: none; padding: 0; margin-bottom: 1em; }
[data-theme-pack="editorial"] .stat-strip { display: block; }
[data-theme-pack="editorial"] .stat { border: none; padding: 0; text-align: left; display: inline; }
[data-theme-pack="editorial"] .stat strong { display: inline; font-size: inherit; color: var(--accent); }

[data-theme-pack="editorial"] .btn {
  padding: 0.6rem 1.1rem; border: 1px solid var(--ink); background: transparent; color: var(--ink);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 0;
}
[data-theme-pack="editorial"] .btn:hover { background: var(--ink); color: var(--paper); }
[data-theme-pack="editorial"] .btn--ghost { border-color: var(--line); color: var(--ink-muted); }
[data-theme-pack="editorial"] .btn--ghost:hover { background: transparent; border-color: var(--ink); color: var(--ink); }

[data-theme-pack="editorial"] .pill { border: 1px solid var(--line); padding: 0.25rem 0.6rem; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-muted); border-radius: 0; }
[data-theme-pack="editorial"] .pill--stand { color: var(--accent); border-color: var(--accent); }

/* Charts */
[data-theme-pack="editorial"] .chart-bar { fill: var(--chart-series-1); }
[data-theme-pack="editorial"] .chart-line--1 { stroke: var(--chart-series-1); }
[data-theme-pack="editorial"] .chart-line--2 { stroke: var(--chart-series-2); }
[data-theme-pack="editorial"] .chart-grid { stroke: var(--chart-grid); }
[data-theme-pack="editorial"] .chart-axis-label { fill: var(--chart-axis); }
[data-theme-pack="editorial"] .chart-crosshair { stroke: var(--chart-axis); }
[data-theme-pack="editorial"] .chart-dot { fill: var(--paper); stroke: var(--ink); stroke-width: 1.5; }
[data-theme-pack="editorial"] .chart-legend { color: var(--ink-muted); }
[data-theme-pack="editorial"] .chart-legend__swatch { border-color: var(--chart-series-1); }
[data-theme-pack="editorial"] .chart-legend__swatch--2 { border-color: var(--chart-series-2); }
[data-theme-pack="editorial"] .chart-tooltip { background: var(--paper-raised); color: var(--ink); border: 1px solid var(--line); }
[data-theme-pack="editorial"] .chart-picker select { background: var(--paper-raised); color: var(--ink); border: 1px solid var(--line); }

/* No animations, no scroll chrome */
[data-theme-pack="editorial"] .scroll-progress,
[data-theme-pack="editorial"] .back-to-top,
[data-theme-pack="editorial"] .page-hero__glow {
  display: none;
}
[data-theme-pack="editorial"] .reveal { opacity: 1; transform: none; }

/* Footer */
[data-theme-pack="editorial"] .site-footer { border-top: 1px solid var(--line); }
[data-theme-pack="editorial"] .site-footer__inner { max-width: var(--max); }
[data-theme-pack="editorial"] .site-footer__by { color: var(--ink-muted); font-style: italic; margin: 0 0 1.25rem; }
[data-theme-pack="editorial"] .footer-nav { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; }
[data-theme-pack="editorial"] .footer-nav a { color: var(--ink); }
[data-theme-pack="editorial"] .footer-nav a:hover { color: var(--accent); }
[data-theme-pack="editorial"] .footer-fineprint { color: var(--ink-muted); font-size: 0.72rem; }

/* Cookie banner */
[data-theme-pack="editorial"] .cookie-banner { background: var(--paper-raised); border-top: 1px solid var(--line); }
[data-theme-pack="editorial"] .cookie-banner p { font-size: 0.95rem; color: var(--ink-muted); }
[data-theme-pack="editorial"] .cookie-banner a { color: var(--accent); }
[data-theme-pack="editorial"] .cookie-banner .btn--primary { border-color: var(--ink); }

[data-theme-pack="editorial"] ::selection { background: var(--accent); color: var(--paper); }