/* R5: Shared guide frame. Clinical content and interactive tools stay in place. */
.guide-page { background: var(--cd-bg); color: var(--cd-ink); font-family: var(--cd-font-body); }
.guide-page main { max-width: 1120px; width: 100%; margin-inline: auto; padding: 28px 20px; box-sizing: border-box; }
.guide-page .layout--inline { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.guide-page .guide-hero { background: none; border: 0; box-shadow: none; padding: 12px 0; text-align: left; }
.guide-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; font-size: .9rem; color: var(--cd-muted); }
.guide-crumbs a, .guide-sources a { color: var(--cd-brand); text-underline-offset: 3px; }
.guide-page h1 { font: 700 clamp(2rem, 4vw, 2.75rem)/1.12 var(--cd-font-display); color: var(--cd-ink); text-wrap: balance; }
.guide-page .guide-summary { max-width: 65ch; font-size: 1.1rem; color: var(--cd-muted); margin-block: 16px; }
.guide-byline { display: flex; flex-wrap: wrap; gap: 12px 24px; color: var(--cd-muted); font-size: .9rem; }
.guide-byline > span { display: flex; align-items: center; gap: 8px; }
.guide-byline .cd-icon { color: var(--cd-brand); font-size: 20px; }
.guide-introduction { max-width: 65ch; line-height: 1.7; }
.guide-dose { padding: 24px; background: var(--cd-brand-soft); border: 1px solid var(--cd-line); border-radius: var(--cd-r-panel); }
.guide-dose > .cd-icon { color: var(--cd-brand); }
.guide-dose h2 { margin: 8px 0 16px; font: 700 1.5rem/1.2 var(--cd-font-display); color: var(--cd-ink); }
.guide-dose a { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; color: var(--cd-brand); font-weight: 700; }
.guide-warning, .guide-page .dose-alert { display: flex; align-items: start; gap: 12px; padding: 20px; border: 1px solid var(--cd-alert-line); border-left: 4px solid var(--cd-alert); border-radius: var(--cd-r-ctl); background: var(--cd-alert-soft); color: var(--cd-ink); }
.guide-warning p { margin: 0; }
.guide-warning > .cd-icon, .guide-page .dose-alert__icon { color: var(--cd-alert); }
.guide-sources { margin-top: 32px; padding: 24px; border-top: 1px solid var(--cd-line); color: var(--cd-muted); }
.guide-sources h2 { color: var(--cd-ink); font: 700 1.5rem var(--cd-font-display); }
.guide-sources ul { padding-left: 20px; }
.guide-sources li + li { margin-top: 12px; }
.guide-page .card { background: var(--cd-surface); color: var(--cd-ink); border-color: var(--cd-line); box-shadow: none; animation: none; }
.guide-page .guide-hero { background: none; }
.guide-page :is(.med-guide__header, .tip-card, .dose-reading-tip, .step-card, .pitfall-card, .formulation-card, .shopping-toolbar) { background: var(--cd-paper); color: var(--cd-ink); border-color: var(--cd-line); }
.guide-page :is(h2, h3, .med-guide__header p, .step-card__text, .tip-card li, .info-list li) { color: var(--cd-ink); }
.guide-page :is(.step-grid, .pitfall-grid, .formulation-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-page .step-card__num { font-family: var(--cd-font-num); background: var(--cd-brand-soft); color: var(--cd-brand); }
.guide-page .med-guide__header { flex-wrap: wrap; }
.guide-page .med-guide__header h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.guide-page .conc-badge { white-space: normal; }
.guide-page a:focus-visible { outline: 3px solid var(--cd-brand); outline-offset: 4px; }
/* The breathing guide has a separate legacy stylesheet, without global.css. */
.guide-page #assessment { padding-inline: 20px; }
.guide-page #assessment > :is(.guide-dose, .guide-warning) { margin-block: 24px; }
.guide-page :is(.glass-card, .stage-chip, .sign-toggle, .tap-button) { background: var(--cd-surface); color: var(--cd-ink); border-color: var(--cd-line); }
.guide-page #assessment :is([class*="text-slate-"], [class*="text-sky-"]) { color: var(--cd-ink); }
.guide-page #assessment :is([class*="bg-slate-"], [class*="bg-white"], [class*="bg-sky-"]) { background-color: var(--cd-sunk); }
.guide-page #assessment [class*="border-slate-"] { border-color: var(--cd-line); }
.guide-page #assessment #copySummary { background: var(--cd-brand); color: var(--cd-on-brand); }
.guide-page #assessment .stage-chip[aria-current="step"], .guide-page #assessment .sign-toggle[aria-pressed="true"] { background: var(--cd-brand-soft); color: var(--cd-brand); border-color: var(--cd-brand); }
.guide-page .triage-card { --state: var(--cd-brand); --state-soft: var(--cd-brand-soft); }
.guide-page .triage-card[data-level="1"], .guide-page .triage-card[data-level="2"] { --state: var(--cd-warn); --state-soft: var(--cd-warn-soft); }
.guide-page .triage-card[data-level="3"], .guide-page .triage-card[data-level="4"], .guide-page .triage-card[data-level="5"], .guide-page .triage-card[data-level="6"] { --state: var(--cd-alert); --state-soft: var(--cd-alert-soft); }
.guide-page #assessment [class*="bg-red-"] { background-color: var(--cd-alert-soft); color: var(--cd-ink); }
.guide-page #assessment [class*="text-red-"] { color: var(--cd-alert); }
.guide-page #signToggles { grid-template-columns: 1fr; }
@media (min-width: 920px) {
  .guide-page .layout--inline { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .guide-page .layout--inline > * { grid-column: 1; }
  .guide-page .layout--inline > .guide-hero { grid-column: 1 / -1; }
  .guide-page .layout--inline > .guide-dose { grid-column: 2; grid-row: 2 / 4; position: sticky; top: 100px; }
}
@media (max-width: 600px) {
  .guide-byline { display: grid; }
  .guide-page :is(.step-grid, .pitfall-grid, .formulation-grid) { grid-template-columns: 1fr; }
  .guide-page .med-guide__header h2 { display: grid; }
}
.guide-page .guide-hero h1, .guide-page .guide-hero p { text-align: left; margin-inline: 0; }
.guide-page :is(h1, h2, h3) { color: var(--cd-ink) !important; text-shadow: none; }
.guide-page .tip-card li { display: list-item; list-style: disc; }
.guide-page .tip-card li::before { content: none; }
.guide-page .emergency-strip { background: var(--cd-alert-soft); border-color: var(--cd-alert-line); }
.guide-page .emergency-strip p { color: var(--cd-ink); }
.guide-page > footer { background: var(--cd-paper); color: var(--cd-muted); border-color: var(--cd-line); }
.guide-page > footer [class*="text-slate-"] { color: var(--cd-muted); }
.guide-page > footer a { color: var(--cd-brand); }
.guide-page .dose-svg text[fill="#334155"], .guide-page .dose-svg .caption { fill: var(--cd-ink); }
.guide-page .cd-note { color: var(--cd-muted); }
.guide-page .tip-card--warning { background: var(--cd-warn-soft); color: var(--cd-ink); border-color: var(--cd-warn); }
/* Claude, finishing R5: colors that were hard-coded for light mode and failed contrast
   in dark mode (scan of all five guides, both themes). Token-based so both themes pass. */
.guide-page :is(.dose-alert, .guide-warning) strong { color: var(--cd-warn); }
.guide-page .disclaimer-pill { color: var(--cd-alert); background: var(--cd-alert-soft); border-color: var(--cd-alert-line); }
.guide-page .med-warning { color: var(--cd-ink); background: var(--cd-alert-soft); border-color: var(--cd-alert-line); }
.guide-page .safety-card__title { color: var(--cd-brand); }
.guide-page .conc-tab.is-active { background: var(--cd-brand); color: var(--cd-on-brand); }
.guide-page .conc-tab.is-active .conc-badge { color: inherit; background: transparent; border-color: currentColor; }
.guide-page .age-option label { background: var(--cd-surface); border-color: var(--cd-line-strong); color: var(--cd-ink); }
.guide-page .age-option input:checked + label { background: var(--cd-brand-soft); border-color: var(--cd-brand); }
.guide-page .age-option label :is(.text-slate-950, .text-slate-700) { color: var(--cd-ink); }
.guide-page .age-option label .text-slate-600 { color: var(--cd-muted); }