:root {
  color-scheme: light dark;
  --paper: #FFF8DC;
  --ink: #36454F;
  --line: #36454F;
  --card: #FFF8DC;
  --mustard: #D4A017;
  --teal: #008080;
  --link: #007878;
  --orange: #CC5500;
  --olive: #6B8E23;
  --pink: #D4A0A0;
  --wood: #8B6914;
  --attention-ink: #263239;
  --spring: linear(0, 0.5 13%, 0.92 28%, 1.03 45%, 1.01 70%, 1);
}
body { background: var(--paper); color: var(--ink); }
body::before { content: ""; position: fixed; inset: 0; background-image: radial-gradient(var(--wood) 0.6px, transparent 0.7px); background-size: 6px 6px; opacity: 0.045; pointer-events: none; }
.guide-masthead { border-bottom: 2px solid var(--line); }
.guide-name .atomic-mark { color: var(--teal); }
.atomic-mark { color: var(--wood); }
.atomic-mark path { fill: none; stroke: currentColor; stroke-width: 1.5; }
.atomic-mark circle { fill: currentColor; }
.reading-arrow path { fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }
a { color: var(--link); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--teal); outline-offset: 5px; }
.breadcrumb [aria-current="page"] { color: var(--ink); }
.crumb-divider { color: var(--wood); }
.heading-turn { color: var(--teal); }
.starting-question { color: var(--attention-ink); background: var(--mustard); border-radius: 45% 38% 42% 18% / 28% 45% 25% 38%; }
.starting-question::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mustard); border-radius: 45% 38% 42% 18% / 28% 45% 25% 38%; transform: rotate(-3deg); }
.starting-question .atomic-mark { color: var(--wood); }
.question-curve { background: var(--orange); clip-path: ellipse(48% 50% at 50% 50%); transform: rotate(-22deg); }
.peptide-meaning { border-block: 1px solid var(--line); }
.approved-medicine, .made-to-order, .research-label { border: 2px solid var(--line); border-radius: 0; background: var(--card); box-shadow: 0 2px 8px #36454F12; }
.approved-medicine::before, .made-to-order::before, .research-label::before { content: ""; position: absolute; top: -2px; left: -2px; width: 64px; height: 8px; }
.approved-medicine::before { background: var(--olive); }
.made-to-order::before { background: var(--mustard); }
.research-label::before { background: var(--pink); }
.made-to-order::after { content: ""; position: absolute; left: 1.5rem; right: 1.5rem; bottom: -18px; height: 18px; border-inline: 3px solid var(--wood); clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%); }
.takeaway { border-top: 1px solid var(--line); }
.next-link { color: var(--paper); background: var(--ink); border: 2px solid var(--line); text-decoration: none; box-shadow: 0 2px 8px #36454F12; }
.reading-link { text-decoration: underline; }
.next-conversation { border-block: 1px solid var(--line); }
.guide-footer { border-top: 2px solid var(--line); }
.footer-mark { color: var(--wood); }
.skip-link { background: var(--paper); color: var(--link); border: 2px solid var(--teal); }
.visit-note { background: var(--pink); color: var(--attention-ink); border: 2px solid var(--line); box-shadow: 0 2px 8px #36454F12; }
.note-lines { background: repeating-linear-gradient(to bottom, transparent 0, transparent 23px, var(--wood) 23px, var(--wood) 24px); }
.visit-questions > article { border: 2px solid var(--line); background: var(--card); box-shadow: 0 2px 8px #36454F12; }
.clinician-question { border-top: 8px solid var(--pink) !important; }
.assessment-question { border-top: 8px solid var(--teal) !important; }
.medicine-question { border-top: 8px solid var(--mustard) !important; }
.compound-question { border-top: 8px solid var(--orange) !important; }
.payment-questions { background: var(--mustard); color: var(--attention-ink); border: 2px solid var(--line); }
.payment-heading .atomic-mark { color: var(--attention-ink); }
.price-fact { border-block: 1px solid var(--attention-ink); }
.bill-questions { border-top: 1px solid var(--attention-ink); }
.record-note { background: var(--ink); color: var(--paper); border: 2px solid var(--line); }
.record-note .atomic-mark { color: var(--mustard); }
.reading-list > article { border-top: 1px solid var(--line); }
.source-links .reading-link { border: 1px solid var(--teal); text-decoration: none; }
.reading-date { border-top: 1px solid var(--line); }
.evidence-drawer { color: var(--ink); background: var(--paper); border: 0; border-left: 2px solid var(--line); box-shadow: -12px 0 48px #0003; }
.evidence-drawer::backdrop { background: #263239aa; }
.drawer-bar { background: var(--paper); border-bottom: 1px solid var(--line); }
.drawer-close { background: var(--ink); color: var(--paper); border: 2px solid var(--line); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .next-link, .source-links .reading-link, .return-link, .medicine-paths > article { transition: transform 400ms var(--spring), box-shadow 400ms ease; }
  .next-link:hover, .source-links .reading-link:hover, .return-link:hover, .medicine-paths > article:hover { transform: scale(1.03); box-shadow: 0 4px 12px #36454F22; }
}
@media (prefers-reduced-motion: no-preference) {
  .starting-question, .visit-note, .record-note { animation: arrive 400ms var(--spring); }
  .evidence-drawer[open] { animation: drawer-arrive 400ms var(--spring); }
  @keyframes arrive { from { transform: translateY(16px); } to { transform: translateY(0); } }
  @keyframes drawer-arrive { from { transform: translateX(40px); } to { transform: translateX(0); } }
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #28363F; --card: #31424C; --ink: #FFF8DC; --line: #C7C4AF; --teal: #80D7CA; --link: #80D7CA; --wood: #D5B77E; }
  .next-link, .drawer-close { color: #28363F; background: #FFF8DC; }
  .record-note { color: #FFF8DC; background: #31424C; }
  .visit-note { border-color: #D4A0A0; }
  .starting-question .atomic-mark { color: #8B6914; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}