/* voice.css — doesyourbackhurt.com's voice (2026-10-14), set once after /msk.css and worn on every page
 * through app/layout.tsx. Warm tracker family: teal #0D7377 on cream paper #FEFCF6, Manrope headlines,
 * Inter body (next/font exposes them as --font-manrope / --font-inter). 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: #FEFCF6;
  --msk-line: #E5E7E2;
  --msk-max: 1120px;
  --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; }
.msk-foot .msk-logo .tld { color: rgba(255, 255, 255, 0.65); }
.msk-foot-emergency a { color: #fff; font-weight: 700; text-decoration: underline; }
/* a 390px or 320px phone: the 20-char brand, the door and Menu must share one row without horizontal overflow */
@media (max-width: 760px) {
  .msk-logo { font-size: 0.92rem; }
  .msk-nav-in { gap: 8px; }
  .msk-cta { padding: 0 10px; font-size: 0.85rem; }
  .msk-menu summary { padding: 8px 8px; }
}
@media (max-width: 390px) {
  .msk-nav-in { gap: 5px; padding: 0 10px; }
  .msk-logo { font-size: 0.78rem; }
  .msk-cta { padding: 0 8px; font-size: 0.75rem; }
  .msk-menu summary { padding: 6px 6px; font-size: 0.76rem; }
}