/* Highlight roles: action / reading annotation / material, never a blue wash. */
:root{--annotation:#5f6258;--material:#676b5f;--reading-link:#464b40;--annotation-line:#92998a80;--inset-surface:#e7e9e1}
html[data-theme=dark]{--annotation:#cde5a4;--material:#b6beb0;--reading-link:#dbe8ce;--annotation-line:#cde5a455;--inset-surface:#242624}
.manual-identity>span{color:var(--annotation)}
.hero-copy>.machine-english{color:var(--material)}
html[data-theme=dark] .manual-identity>span{color:var(--annotation)}
html[data-theme=dark] .hero-copy>.machine-english{color:var(--accent)}
.quick-links>a:nth-of-type(2){border-color:var(--annotation-line)}
.quick-links>a:nth-of-type(3){color:var(--annotation);border-color:var(--annotation-line)}
.part-index,html[data-theme=dark] .part-index{color:var(--annotation)}
.section-count{color:var(--material)}
.question-no{color:var(--material)}
html[data-theme=dark] .plus{color:var(--material)}
details[open] .question-no,html[data-theme=dark] details[open] .plus{color:var(--accent)}
html[data-theme=light] details[open] .question-no{color:var(--annotation)}
details[open] summary h3{color:var(--reading-link)}
.answer h4,html[data-theme=dark] .answer h4,.answer h5{color:var(--annotation)}
.answer a{color:var(--reading-link);border-color:var(--annotation-line)}
.answer blockquote{background:var(--inset-surface);border-left:1px solid var(--annotation-line);border-radius:0 6px 6px 0}
.answer li::marker{color:var(--annotation)}
.answer th{color:var(--annotation)}
.answer-actions{color:var(--muted)}
.chapter-next a>svg{color:var(--annotation);transition:transform .2s ease}
.chapter-next a:hover>svg{transform:translateX(4px)}
.chapter-next a:hover strong{color:var(--reading-link)}
html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] summary:focus-visible{outline-color:var(--accent)}
::selection{color:var(--accent-ink)}
.audio-toggle .sound-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.sound-waves{display:none}.audio-toggle[aria-pressed=true] .sound-waves{display:block}.audio-toggle[aria-pressed=true] .sound-mute{display:none}
.wishlist-link{display:inline-flex;align-items:center;gap:12px;color:var(--annotation);border-color:var(--annotation-line);white-space:nowrap}
.wishlist-link svg{width:17px;height:17px;transition:transform .2s ease}
.wishlist-link:hover{color:var(--reading-link)}.wishlist-link:hover svg{transform:translateX(4px)}
.specimen-stage{height:390px;border-radius:0;overflow:hidden;background:transparent}
.oracle-collage{position:absolute;width:100%;height:100%;object-fit:contain;object-position:50% 55%;z-index:1;filter:drop-shadow(0 9px 7px #44483d12)}
.collage-paper{position:absolute;inset:40px 38px 32px;background:linear-gradient(115deg,#dedfd770,#e9ebe355),url('./assets/manual-paper.webp');background-size:auto,620px;clip-path:polygon(3% 0,97% 4%,100% 97%,0 100%);transform:rotate(-5deg);border:1px solid #aeb3a5}
.collage-paper:after{content:'';position:absolute;inset:14px;border:1px solid #a6ad9c40}
.specimen-stage:after{content:'';position:absolute;left:19%;top:30px;width:58px;height:19px;background:#b7bdae70;transform:rotate(-15deg);z-index:2}
.specimen-coordinate{display:block;top:auto;bottom:36px;left:12px;font-size:9px;color:var(--annotation);writing-mode:vertical-rl;background:none;line-height:1.7}
.specimen-coordinate span{display:none}
.scene-symbol{z-index:2;color:var(--material)}
figcaption{color:var(--annotation)}
html[data-theme=dark] .oracle-collage,html[data-theme=dark] .collage-paper,html[data-theme=dark] .specimen-stage:after{display:none}
html[data-theme=dark] .specimen-stage{border-radius:3px;background:radial-gradient(ellipse at 55% 50%,#bff55c08,transparent 64%),#151515;border:1px solid #cde5a426}
html[data-theme=dark] .specimen-coordinate{writing-mode:horizontal-tb;top:14px;bottom:auto;left:17px;padding:0;background:none;color:var(--annotation);font-size:9px;letter-spacing:.15em}
html[data-theme=dark] .specimen-coordinate span{display:inline}
html[data-theme=dark] .scene-symbol{display:none}
html[data-theme=dark] .tech-caption{color:var(--material)}
html[data-theme=dark] .scene-index{color:var(--annotation)}
@media(max-width:1050px){.specimen-stage{height:335px}}
@media(max-width:760px){.specimen-stage{height:290px}.collage-paper{inset:30px 34px 24px}.specimen-stage:after{top:20px}.specimen-coordinate{bottom:28px;font-size:8px}.scene-symbol{right:18px;bottom:24px}.wishlist-link{font-size:10px;gap:7px}.wishlist-link svg{width:15px;height:15px}footer{gap:10px}.audio-toggle .sound-icon{width:16px;height:16px}}
@media(max-width:360px){.specimen-stage{height:255px}footer{align-items:flex-start;flex-direction:column}footer .wishlist-link{margin-left:0}}

/* The corrected day artwork has a paper backdrop; multiply merges it into the existing paper. */
.oracle-collage{mix-blend-mode:multiply}
.cyber-scene{display:none}
