/* voice.css — SurgicalTrack's voice (2026-10-06), set once after /msk.css and worn on every page.
 * The warm tracker: teal on navy, warm paper, Manrope headlines, Inter body (the same family as SurgeryProcess,
 * which prepares the visit this site follows). 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-accent: #0D7377;
  --msk-accent-deep: #0A5C5F;
  --msk-accent-soft: #E2F4F2;
  --msk-paper: #fcf9f8;
  --msk-line: #e5e2e1;
  --msk-max: 1100px;
  --msk-display: 'Manrope', 'Inter', sans-serif;
}
/* the mark: the "healing" symbol in a navy-to-teal tile, as the old bar drew it */
.msk-logo .msk-mark { width: 30px; height: 30px; border-radius: 9px; margin-right: 9px; flex: none; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--msk-navy), var(--msk-accent)); }
.msk-logo .msk-mark .ms { color: #fff; font-size: 17px; font-variation-settings: 'FILL' 1; }
.msk-foot .msk-logo b { color: #6bd8cb; }
.msk-foot { margin-top: 0; } /* the waitlist band above it is already dark */
@media (max-width: 760px) {
  .msk-logo .msk-mark { display: none; }
  .msk-logo { font-size: 1rem; }
  .msk-nav-in { gap: 8px; }
  .msk-cta { padding: 0 10px; font-size: 0.88rem; }
  .msk-menu summary { padding: 8px 8px; }
}