/* voice.css — arthritisrisk.com's voice (2026-10-05), set once after /msk.css and worn on every page (the Next routes
 * through app/layout.tsx, the static /rehearse page by its own link). The warm tracker: teal #0D7377 on paper #FAFAF8,
 * Manrope headlines, Inter body (next/font exposes them as --font-manrope / --font-inter; the static page loads the
 * same faces from Google Fonts). The grammar (nav, footer band, buttons, tags) is the ortho/MSK suite's msk.css.
 * Declared for the scanner in design.json. */
:root {
  --msk-accent: #0D7377;
  --msk-accent-deep: #0A5C5F;
  --msk-accent-soft: #E2F4F2;
  --msk-paper: #FAFAF8;
  --msk-line: #E8E8E4;
  --msk-max: 1200px;
  --msk-sans: var(--font-inter, 'Inter'), 'Inter', system-ui, -apple-system, sans-serif;
  --msk-display: var(--font-manrope, 'Manrope'), 'Manrope', 'Inter', sans-serif;
}
.msk-logo { font-size: 1.05rem; }
.msk-logo .tld { font-size: 0.78em; font-weight: 600; color: var(--msk-muted); letter-spacing: 0; }
/* a 390px phone: the brand, the door and Menu must share one row (the grammar's 760px breakpoint) */
@media (max-width: 760px) { .msk-logo { font-size: 0.95rem; } .msk-nav-in { gap: 8px; } .msk-cta { padding: 0 10px; font-size: 0.88rem; } .msk-menu summary { padding: 8px 8px; } }