/* Guide layer: fixes heading colors on dark bands and tightens the long-form reading experience.
   Loaded after styles.css on the legacy-body Protocol pages. */
.section.dark, .section.darker, .ph-panel, .aud-hero.split .grid > div:not(.art), .closing.dark { color: var(--ds-cream); }
.section.dark :is(h1,h2,h3,h4,h5,h6,.sec-h1,.sci-h,.tc-h,.sol-n),
.section.darker :is(h1,h2,h3,h4,h5,h6,.sec-h1,.sci-h,.tc-h,.sol-n),
.ph-panel :is(h1,h2,h3,h4) { color: var(--ds-cream); }
.section.dark .sec-sub, .section.darker .sec-sub, .section.dark .body-txt, .section.darker .body-txt { color: rgba(250,246,236,.86); }
.ph-panel .fact-num { color: var(--ds-gold); }
.ph-panel .fact-label { color: rgba(250,246,236,.8); }
.container { max-width: 1120px; }
.body-txt { max-width: 68ch; }
.section { padding-block: clamp(56px, 8vw, 112px); }
:focus-visible { outline: 2px solid var(--ds-gold-text); outline-offset: 3px; }
.section.dark .italic-sub, .section.darker .italic-sub { color: rgba(250,246,236,.86); }