/* Dawn layer for the Budget 2026-27 mini-site (compiled Astro pages, no source in this repo).
   Linked after the Astro stylesheet. It swaps the mini-site's own tokens for Dawn's and turns
   its typography onto Dawn: Author throughout, sentence-case labels, no italics, ink for text
   accents and buttons, amber for small marks, square functional controls. The React islands
   (filters, lead form) are styled only through these tokens, never edited. */
:root{
  --bg:var(--page);--bg-card:var(--white);--bg-panel:var(--tile);
  --orange:var(--ink);--orange-hover:var(--dusk);--orange-soft:var(--tile);
  --fg:var(--ink);--fg-muted:var(--soft);--fg-subtle:var(--soft);
  --border:var(--line);--border-strong:var(--faint);
  --font-sans:var(--f);--font-emphasis:var(--f);--mono:var(--f);
  --clay:var(--ink);--dark-green:var(--ink);--green-hover:var(--dusk);
}
body{background:var(--page);color:var(--ink);font-family:var(--f);font-synthesis-weight:none}

/* sentence case */
.topbar .live,.hero .eyebrow,.stat .label,.section-head .label,.card .topic-pill,.card .for-you .for-you-label,
.deep-dive-nav .label,.article th,.worked-example .label,.worked-example .metric .lbl,.source-verification summary,
.dd-eyebrow,.dd-hero-eyebrow,.dd-article th,.dd-section-num,.dd-sources>summary,.dd-sources-body th,.dd-mobile-eyebrow{
  text-transform:none;letter-spacing:0}

/* no italics */
em,.timestamp-band .time,.dd-brand h2 em,.dd-hero h1,.dd-article h2,.dd-article h2 em,.dd-article blockquote,
.dd-section-title,.dd-section-title em,.dd-mobile-title em{font-style:normal}

/* small marks in amber */
.topbar .live:before,.card .impact-bar .dot.on{background-color:var(--amber)}
.dd-toc-link.sub:before,.dd-case-title:before,.dd-sources>summary:before,.dd-mobile-toc-link.sub:before{color:var(--amber)}
.hero .ai-tag .glyph{background:var(--amber)}
.card .for-you,.article blockquote,.dd-article blockquote{border-left-color:var(--amber)}

/* functional controls are square */
.topbar-cta,.chip,.btn,.persona,.persona-icon,.status-line,.dd-toc-link,.dd-sidebar-cta,.dd-mobile-cta,
.dd-mobile-toc-link,.dd-hero-cta,.card .topic-pill{border-radius:0}

/* links: ink, underlined */
.article a,.dd-article a,.dd-back{color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px;border-bottom:0}

/* deep dives: the fixed section sidebar starts under the Dawn nav, and the Dawn footer clears it */
.dd-nav{top:72px;height:calc(100vh - 72px)}
.dd-main [id]{scroll-margin-top:96px}
@media (min-width:821px){.dd-body #dawn-foot{margin-left:var(--dd-nav-w)}}
.menu-open .dd-mobile-fab{display:none}

/* ink surfaces: the mini-site's orange-on-dark accents become amber and on-dark, not ink on ink */
body .result-card.highlight .rc-value,.timestamp-band .time{color:var(--amber)}
.footer-cta p a{color:var(--on-dark);text-decoration:underline;text-underline-offset:3px;border-bottom:0}
.footer-cta .btn-primary{background:var(--white);color:var(--night)}
.footer-cta .btn-primary:hover{background:var(--peach)}
body .persona.active .persona-icon{background:var(--dusk)}
body .btn-ghost{color:var(--ink);border-color:var(--faint)}

/* inside the islands (their styles load later in the body, hence the body prefix) */
body .lf-eyebrow,body .lf-label-text,body .calc-label,body .cf-label,body .rc-label,body .methodology summary{text-transform:none;letter-spacing:0}
body .lf-field input,body .lf-field textarea,body .lf-radio,body .lf-submit,body .lf-error,body .calc-field input,
body .calc-field select,body .radio-opt,body .error,body .btn,.dd-mobile-fab,.dd-mobile-close{border-radius:0}

/* hub on phones: the topbar only held the logo and CTA (its date line is hidden there) */
@media (max-width:720px){.topbar{display:none}}
/* the pages already end with their own bottom padding */
#dawn-foot{margin-top:0}
/* the mini-site gives every scroller a classic 8px scrollbar; the phone menu keeps the native overlay one */
#nav .menu{scrollbar-width:none}
#nav .menu::-webkit-scrollbar{width:0;height:0}