/* blurt tokens (tokens.css) mapped onto the shared milestones page. Not overwritten by install.py.
   The template's sizes are tuned for a pixel font; blurt's display face is a mono, so a few labels are sized up (prefixed "html body" to beat the page's own inline styles). */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap");
@import url("tokens.css");
:root{
  --ms-bg:var(--b-night); --ms-s1:var(--b-card); --ms-s2:#1d2030; --ms-s3:var(--b-line);
  --ms-accent:var(--b-mint); --ms-accent2:var(--b-peri); --ms-bone:var(--b-text);
  --ms-text:var(--b-text); --ms-muted:var(--b-muted); --ms-dim:var(--b-dim);
  --ms-pass:var(--b-mint); --ms-part:#e6c46a; --ms-none:var(--b-dim);
  --ms-display:var(--font-mono); --ms-mono:var(--font-mono);
  --ms-glow:0 0 18px color-mix(in srgb,var(--b-mint) 45%,transparent);
}
html body .brand{font-size:16px;font-weight:700;letter-spacing:0;text-transform:none}
html body .brand b{color:var(--b-mint)}
html body .brand .full{font-size:12px;font-weight:400;letter-spacing:.12em}
html body .topbar nav a{font-size:12px;letter-spacing:.08em}
html body .kicker{font-size:11px}
html body h1{font-size:clamp(28px,5vw,44px);font-family:var(--font-sans);font-weight:800;letter-spacing:-.02em}
html body .pill{font-size:10px}
html body .meta dt{font-size:10px}
html body .total .lab{font-size:11px}
html body .master th{font-size:11px}
html body .master .sec{font-size:12px}
html body .item .ord{font-size:11px}
html body .crit .st{font-size:10px}
html body details.blk>summary h2{font-size:clamp(13px,1.6vw,16px)}
/* Phone: the five-column table needed a sideways swipe and looked cut off. Drop the Progress bar column
   (each milestone block below has its own bar) so Milestone, Done, State and Proof fit 390px. */
@media (max-width:560px){
  html body .master table{min-width:0}
  html body .master th:nth-child(2),html body .master td:nth-child(2){display:none}
  html body .master th,html body .master td{padding-left:6px;padding-right:6px}
  html body .master .sec{white-space:normal}
}