/* HTML shell only. Renderer themeColors() deliberately reads the unchanged
   root tokens: document palettes and measured export typography are independent. */
body.mg-site{
  --bg:var(--mg-paper);--card:var(--mg-surface);--ink:var(--mg-ink);--muted:var(--mg-muted);--border:var(--mg-line);
  --brand:var(--mg-accent);--brand-text:var(--mg-accent);--brand-on:var(--mg-paper);
  --err:#a23431;--st-done-ink:#216e3c;--st-risk-ink:#825b00;--st-blocked-ink:#a23431;
  padding:0 0 32px;background:var(--mg-paper);color:var(--mg-ink);
}
@media(prefers-color-scheme:dark){:root:not([data-theme='light']) body.mg-site{--err:#f1948d;--st-done-ink:#78c18d;--st-risk-ink:#e0b34e;--st-blocked-ink:#f1948d}}
:root[data-theme='dark'] body.mg-site{--err:#f1948d;--st-done-ink:#78c18d;--st-risk-ink:#e0b34e;--st-blocked-ink:#f1948d}
body.mg-site > :is(.mg-masthead,.mg-footer){width:min(calc(var(--page-max,1208px) - var(--page-gutter,24px) * 2),calc(100% - 48px));margin-inline:auto}
body.mg-site > .wrap{margin-top:28px}
/* The collection link in the masthead replaces a repeated back-link; Energy's
   local series already supplies its instrument number above the title. */
body.mg-site [data-tool-header] > .crumb{display:none}
:root[data-mg-section='energy'] [data-tool-header] > .kicker{display:none}
body.mg-site [data-tool-header] h1{font-family:var(--mg-display);font-size:clamp(34px,4vw,52px);line-height:1.14;letter-spacing:-.02em;font-weight:600}
body.mg-site [data-tool-header] .tagline{font-family:var(--mg-serif);font-size:22px;line-height:1.4;max-width:68ch;font-optical-sizing:auto;color:var(--mg-muted)}
body.mg-site :is(.kicker,.micro,.micro-ink){font-size:12px;letter-spacing:.075em}
body.mg-site .series{gap:0 24px;border-color:var(--mg-line)}
body.mg-site .series a{font:400 15px/1.3 var(--mg-sans);letter-spacing:0;text-transform:none;min-height:44px}
body.mg-site .series a[aria-current='page']{font-weight:600}
body.mg-site .series .enum{font-size:11px;letter-spacing:0}
body.mg-site .mg-footer{margin-top:36px}
@media(max-width:760px){
  body.mg-site > :is(.mg-masthead,.mg-footer){width:calc(100% - 32px)}
  body.mg-site > .wrap{margin-top:20px}
  body.mg-site [data-tool-header] .tagline{font-size:20px}
  body.mg-site .series{gap:0 20px}
}
@media print{body.mg-site{background:white;color:black;padding:0}}