/* 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: WR1/WR2 originally shared one color (dash pattern only, no
     second hue) to keep this theme's near-monochrome identity — reversed
     after adding the "Optimal" clear-sky reference line (charts.js), which
     already introduces a third, genuinely distinct color, so the strict
     monochrome premise no longer held anyway; two same-colored overlapping
     lines were also hard to tell apart at a glance regardless. --chart-
     series-1 doesn't change between light/dark in this theme (unlike
     --accent), so one violet works for both — validated with the dataviz
     skill's validate_palette.js against #a8500e on both surfaces (#faf6ee
     light / #1a1712 dark): ALL CHECKS PASS, no warnings, in both. Kept the
     dashed stroke too (double-encoding: color AND pattern), same as every
     other theme's WR2. */
  --chart-series-1: #a8500e;
  --chart-series-2: #8b5cf6;
  --chart-grid: var(--line);
  --chart-axis: var(--ink-muted);
  --chart-nodata: 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-bar--no-data { fill: var(--chart-nodata); opacity: 0.45; }
[data-theme-pack="editorial"] .chart-hatch-line { stroke: var(--chart-nodata); }
[data-theme-pack="editorial"] .chart-note { color: var(--ink-muted); font-style: italic; }
[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-line--optimal { stroke: var(--chart-nodata); }
[data-theme-pack="editorial"] .chart-legend__swatch--optimal { border-color: var(--chart-nodata); }
[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); }