/* voice.css — JointClass's voice (2026-10-06), set once after /msk.css and worn on every page but /app.
 * The class: deep green on cream, Newsreader headlines at a book weight, Plus Jakarta Sans body. The grammar (nav,
 * footer, buttons) lives in msk.css and is shared with the rest of the ortho/MSK suite; only these values are this
 * site's. Declared for the scanner in design.json. */
:root {
  --msk-navy: #003638;
  --msk-ink: #0F1C2F;
  --msk-muted: #495555;
  --msk-accent: #1B4D4F;
  --msk-accent-deep: #003638;
  --msk-accent-soft: #E8F1EC;
  --msk-paper: #F7F4EE;
  --msk-line: #E2DDD3;
  --msk-max: 1180px;
  --msk-nav-h: 64px;
  --msk-sans: 'Plus Jakarta Sans', -apple-system, 'Segoe UI', sans-serif;
  --msk-display: 'Newsreader', Georgia, serif;
}
/* the wordmark is set in the book face, not bold */
.msk-logo { font-weight: 500; font-size: 1.55rem; letter-spacing: -0.01em; }
.msk-foot .msk-logo { font-size: 1.5rem; }
/* the worksheet pill keeps its minute chip */
.msk-cta .pill-chip { font-size: 11px; font-weight: 700; padding: 2px 8px; margin-left: 8px; border-radius: 999px; background: rgba(255,255,255,.18); color: #fff; }
/* six links: fold to the Menu below 1040px, not only below 760 */
@media (max-width: 1040px) { .msk-links { display: none; } .msk-menu { display: block; } }
@media (max-width: 760px) {
  .msk-logo { font-size: 1.25rem; }
  .msk-cta .pill-chip { display: none; }
}
/* six labels stay whole; the row never wraps */
.msk-links a { white-space: nowrap; }