/* Lower Level 2.0 tokens (styles.css, the basementos.com synthwave look) mapped onto the shared milestones page. Not overwritten by install.py.
   VT323 is a tall, narrow pixel face, so the display sizes below are raised from the template's Press Start 2P sizes. */
@import url("https://fonts.googleapis.com/css2?family=VT323&family=JetBrains+Mono:wght@400;600&display=swap");
@import url("styles.css");
:root{
  --ms-bg:var(--ll-night); --ms-s1:var(--ll-s1); --ms-s2:var(--ll-s2); --ms-s3:var(--ll-s3);
  --ms-accent:var(--ll-pink); --ms-accent2:var(--ll-pink2); --ms-bone:var(--ll-bone);
  --ms-text:var(--text-primary); --ms-muted:var(--text-muted); --ms-dim:var(--text-dim);
  --ms-pass:var(--ll-pink); --ms-part:var(--ll-amber); --ms-none:var(--text-dim);
  --ms-display:var(--font-display); --ms-mono:var(--font-mono);
  --ms-glow:var(--glow-accent);
}
/* Top bar: the same basementos.com terminal header as the home page (rules in styles.css, restated here
   because the page's own <style> comes after this file). */
html .topbar{background:var(--ll-s1);border:1px solid var(--ll-s3);border-radius:8px;padding:10px 14px;margin-top:16px}
html .brand{font-size:24px;letter-spacing:.12em;color:var(--ll-pink);display:flex;align-items:center;gap:14px}
html .brand b{color:var(--ll-pink);text-shadow:var(--glow-accent);font-weight:400}
html .brand .full{color:var(--text-dim);font-size:20px}
html .topbar nav{gap:8px}
html .topbar nav a{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ll-pink2);text-decoration:none;
  border:1px solid var(--ll-pink2);border-radius:4px;padding:7px 12px;line-height:1.2}
html .topbar nav a.on,html .topbar nav a:hover{background:var(--ll-pink);border-color:var(--ll-pink);color:#000;text-shadow:none}
html .topbar nav a[href^="http"]::after{content:" \2197"}
html .kicker{font-size:20px;letter-spacing:.14em}
html h1{font-size:clamp(44px,8vw,84px);line-height:1}
html .pill{font-size:16px;padding:2px 6px 1px}
html .meta dt{font-size:16px}
html .total .lab{font-size:20px}
html .total .pct{font-size:clamp(60px,10vw,110px)}
html .master th{font-size:18px}
html .master .sec{font-size:20px}
html details.blk>summary h2{font-size:clamp(24px,3vw,32px)}
html .item .ord{font-size:18px}
html .crit .st{font-size:15px}
/* Phone: the five-column table hid Done, State and Proof off the right edge. Drop the bar and Proof
   columns (both are repeated in each milestone block below) so the rest fits at 390px. */
@media (max-width:600px){
  html .master table{min-width:0}
  html .master th:nth-child(2),html .master td:nth-child(2),
  html .master th:nth-child(5),html .master td:nth-child(5){display:none}
  html .master th,html .master td{padding:12px 8px}
  html .master .sec{white-space:normal}
  html .brand{font-size:20px;gap:10px}
  html .brand::before{width:10px;height:10px;box-shadow:16px 0 0 var(--ll-pink),32px 0 0 #ff6b9d;margin-right:32px}
  html .brand .full{display:none}
  html .topbar nav{gap:6px}
  html .topbar nav a{font-size:11px;padding:6px 9px}
}