/* Clean Slate — the platform default. A cool blue-grey page with a soft
   indigo/violet glow at the top, crisp white cards with bluish shadows,
   a frosted white masthead, a navy ticker strip, and (classic layout) the
   hero lifted into a white card. Same typefaces and indigo accent as
   Almanac, so the brand is unchanged — only the surface feels more
   professional. Light theme: dark --ink, white --accent-contrast. */
:root{
  --paper:#F2F5FA;
  --paper-card:#FFFFFF;
  --ink:#171A24;
  --ink-soft:#46506A;
  --muted:#5E6A85;
  --accent:#2F3EE4;
  --accent-soft:#E6EAFD;
  --accent-contrast:#fff;
  --amber:#C97E1D;
  --amber-soft:#F7E7CF;
  --moss:#3C7A56;
  --moss-soft:#E1EFE6;
  --brick:#A23F2E;
  --brick-soft:#F3E1DC;
  --violet:#6B4FA0;
  --violet-soft:#EBE4F5;
  --line:#DDE3EE;
  --line-strong:#98A4BE;
  --line-inverse:#34405F;
  --muted-inverse:#B7BDD8;
  --font-display:'Fraunces', serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
  --shadow-sm:0 1px 2px rgba(23,35,90,.05), 0 1px 1px rgba(23,35,90,.03);
  --shadow-md:0 4px 16px rgba(23,35,90,.08), 0 1px 2px rgba(23,35,90,.04);
  --shadow-lg:0 12px 32px rgba(23,35,90,.14), 0 2px 6px rgba(23,35,90,.06);
}
body{
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(47,62,228,.20), transparent 62%),
    radial-gradient(900px 480px at 100% 0%, rgba(107,79,160,.15), transparent 55%),
    linear-gradient(180deg, #F7F9FD 0%, #E9EEF8 100%);
  background-attachment:fixed;
  background-color:var(--paper);
}
.masthead{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.dateline{background:#101A3A;color:#E6EAFB;}
/* Classic layout: lift the hero into a card so it anchors the page. */
body[data-layout="classic"] .hero{
  background:linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,255,255,.45));
  border:1px solid var(--line);border-radius:16px;padding:28px 32px 30px;
  box-shadow:0 8px 28px rgba(30,45,120,.08);
}