/* Subject-specific continuation of the approved house style. */
main[data-reading]{background:var(--idea-paper);color:var(--idea-ink)}
main[data-reading] > :is(header.hero,header.cover,header.subsidy-hero,header.page-hero,header.prv-hero){padding-top:100px}

/* A settled reading surface; diagrams and functioning instruments keep their material. */
.canary-page > .definition,
.canary-page > .signals,
.canary-page > .architecture,
.canary-page > .noise,
.canary-page > .privacy,
.canary-page > .trial{background:var(--idea-paper);color:var(--idea-ink);border-top-color:transparent;border-bottom-color:transparent}
.canary-page > .definition > :is(h2,h3,p,header),
.canary-page > .signals > :is(h2,h3,p,header),
.canary-page > .architecture > :is(h2,h3,p,header),
.canary-page > .noise > :is(h2,h3,p,header),
.canary-page > .privacy > :is(h2,h3,p,header),
.canary-page > .trial > :is(h2,h3,p,header){color:inherit}

.canary-page > section:not(.concept-diagram):not(.lab-image):not(.workbench):not(.lab):not(.detector-shell):not(.instrument):not(.estimator){min-height:0;padding-block:clamp(42px,5vw,70px)}
.canary-page > section > header > :is(.eyebrow,.kicker,.section-label):has(+h2){display:none}

.canary-page .signals article{color:#edf2ee;background:#294955;border-radius:8px}.canary-page .signals h3{color:inherit}

/* One cover unites the existing scene and opening text. */
main[data-reading] .hero[data-immersive-cover]{position:relative;isolation:isolate;display:block;min-height:790px;padding:150px 65px 230px!important;background:var(--idea-deep);color:#f7f3ea;overflow:hidden}
main[data-reading] .hero[data-immersive-cover] .concept-hero{position:absolute;inset:0;z-index:-2;margin:0;background:var(--idea-deep);padding:0;border:0}
main[data-reading] .hero[data-immersive-cover] .concept-hero img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;mask-image:none}
main[data-reading] .hero[data-immersive-cover]:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--idea-paper),transparent 39%),linear-gradient(90deg,color-mix(in srgb,var(--idea-deep) 96%,transparent),color-mix(in srgb,var(--idea-deep) 35%,transparent) 75%)}
main[data-reading] .hero[data-immersive-cover] .hero-copy{position:relative;inset:auto;padding:0;max-width:600px;color:#f7f3ea}
main[data-reading] .hero[data-immersive-cover] h1{max-width:17ch;font-size:clamp(54px,6.8vw,84px);line-height:1.02;font-weight:400;margin:20px 0 30px;color:#f7f3ea}
main[data-reading] .hero[data-immersive-cover] .concept-hero figcaption{position:absolute;bottom:15px;left:0;right:0;padding:20px 65px;font:12px/1.7 Tahoma,sans-serif;background:none;color:var(--idea-muted)}
main[data-reading] .hero[data-immersive-cover] :is(.deck,.hero-deck){max-width:42ch;font:21px/1.7 'Iowan Old Style',Georgia,serif;color:#f7f3ea}
@media(max-width:700px){main[data-reading] .hero[data-immersive-cover]{min-height:740px;padding:135px 30px 205px!important}main[data-reading] .hero[data-immersive-cover] .concept-hero figcaption{padding-inline:30px;font-size:11px}}

main[data-reading] .hero[data-immersive-cover] .hero-grid{margin-top:30px}
