:root {
  --surface: #f5f7f9;
  --surface-raised: #fff;
  --stage: #e7eef4;
  --stage-line: #a5b8c8;
  --focus: #326d8f;
}
:focus-visible { outline-color: var(--focus); }
.theme-toggle, .menu-toggle { width: 44px; height: 44px; }
.theme-toggle { position: relative; }
.theme-toggle > svg { width: 19px; height: 19px; }
.theme-sun { display: none; }
html:not(.js-ready) .theme-toggle { display: none; }
.nav-links .nav-mobile-cta { display: none; }
.example-play, .example-reset, .screen-tabs button, .nav-cta { min-height: 44px; }
.example-reset { width: 44px; }
.screen-picker select { color: var(--ink); background: var(--surface-raised); }
[data-stage-state="active"] { background-color: var(--stage); outline-color: var(--stage-line); }
.screen p, .screen-breadcrumb, .illustration-label, .field-label,
.context-row, .draft-tag, .source-note, .record-row > div > span,
.example-status, .example-steps li, .tag, .footer-bottom, .step-index,
.review-document dt, .deliverables-list article > span, .founder-role,
.contact-guide li > span { color: var(--muted); }
.screen [data-reading] { color: var(--ink); }
.feature-panel__bottom > p { color: var(--muted); }
@media (max-width: 600px) {
  .nav-cta { display: none; }
  .theme-toggle { margin-left: auto; }
  .nav-links .nav-mobile-cta { display: flex; gap: 12px; border-top: 1px solid var(--line); }
}