/* Student reading-colour controls, independent of revision routing. */
.reading-tools {position:relative;flex-shrink:0;z-index:30}
.reading-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;background:var(--reader-card,#fff);color:#17191c;border:1px solid #6d6771;border-radius:999px;font-size:13px;font-weight:750;white-space:nowrap}
.reading-toggle:hover {box-shadow:0 2px 8px #0000001f}
.reading-panel {position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:min(340px,calc(100vw - 30px));padding:18px;border:2px solid #77717b;border-radius:18px;background:var(--reader-card,#fff);box-shadow:0 12px 34px #17191c30;color:#1c1d1b}
.reading-panel[hidden]{display:none!important}
.reading-panel h2{font-size:19px;margin:0 0 8px;letter-spacing:-.035em}
.reading-panel p {font-size:13px;line-height:1.55;margin:0 0 13px}
.reading-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.reading-choice {display:flex;align-items:center;gap:8px;text-align:left;min-height:43px;padding:7px 9px;color:#17191c;background:var(--reader-card,#fff);border:1.5px solid #bcb3ba;border-radius:11px;font-size:13px;font-weight:700}
.reading-choice .reading-swatch {width:23px;height:23px;flex-shrink:0;border-radius:6px;border:1px solid #79717b;background:var(--swatch,#fff)}
.reading-choice.selected,.reading-choice[aria-pressed=true]{border:2px solid #42304f;box-shadow:inset 0 0 0 1px #42304f}
.reading-custom-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #aaa2ab;font-size:13px;font-weight:750}
#readingCustom{cursor:pointer;min-height:37px;width:56px;border:1px solid #777;border-radius:7px;background:transparent;padding:3px}
.reading-panel .reading-footnote{margin:12px 0 0;font-size:12px}
@media(max-width:700px){.topbar{gap:8px}.reading-toggle{min-height:40px;padding:7px 10px;font-size:12px}.reading-toggle .reading-long{display:none}.reading-panel{right:-43px}}
@media(max-width:350px){.topbar .logo{font-size:27px}.reading-toggle{padding:7px 8px}}
/* A colour overlay is simulated with real pale background colours, keeping text dark.
   Do not tint text/images using CSS filters: they distort readability and feedback. */
html[data-reading-theme]:not([data-reading-theme="default"]) {
 --paper:var(--reader-base);
 --reader-card:color-mix(in srgb,var(--reader-base) 62%,white);
 --reader-soft:color-mix(in srgb,var(--reader-base) 89%,#bfb6c0);
 --reader-subtle:color-mix(in srgb,var(--reader-base) 77%,white);
 --reader-edge:color-mix(in srgb,var(--reader-base) 67%,#827683);
 --line:var(--reader-edge);
 color:#1c1d1b;
 background:var(--reader-base);
}
html[data-reading-theme]:not([data-reading-theme="default"]) body,
html[data-reading-theme]:not([data-reading-theme="default"]) .site,
html[data-reading-theme]:not([data-reading-theme="default"]) .topbar,
html[data-reading-theme]:not([data-reading-theme="default"]) .topbar nav {background:var(--reader-base)}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.paper,.tile,.case-card,.resultcell,.review-item,.check-grid label,.stat,.entry,.textfield,.opt,.tabs button,.toolrow select,.tile-actions button,.dk-chapter,.dk-search,.dk-chart,.sb-paper-question,.sb-quicklinks button,.dk-data tr:nth-child(even) td,.reading-panel,.reading-toggle,.reading-choice) {background:var(--reader-card);color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.welcome,.priority,.pill,.answer-guide,.coverage,.coverage[open] summary,.research-card,.level-steps,.progress-notice,.deep-toc a,.dk-summary,.dk-index-link,.dk-chapter[open]>summary,.dk-figure,.sb-research-choices,.sb-feature,.sb-reading-box,.business-spotlight,.flashcard,.note,.art-sticker,.art-dashboard) {background:var(--reader-subtle);color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.dk-case,.dk-question,.dk-misconception,.dk-answer,.dk-swot>div,.dk-swot>div:nth-child(2n),.dk-flow-cell,.dk-flow-cell:nth-child(2n),.dk-flow-cell:nth-child(3n),.dk-tree .dk-node,.dk-index-no,.dk-data th,.dk-data tr:nth-child(even) td,.deep-think,.deep-table th,.sb-documented,.sb-hypothetical,.sb-recall,.guide-reveal summary,.sb-chapter-num,.game-question) {background:var(--reader-soft);color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.callout,.callout.peach,.callout.lime,.sb-research-choices,.goal,.menu-toggle,.game-question) {background:var(--reader-soft);color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.bg-blue,.bg-lilac,.bg-peach,.bg-lime,.actioncard) {background:color-mix(in srgb,var(--reader-base) 78%,var(--blue));color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.btn.outline,.sb-quicklinks button,.opt .letter,.art-dashboard,.art-sticker,.spotlight-tag,.spotlight-tag:nth-child(2),.spotlight-tag:nth-child(3),.spotlight-tag:nth-child(4),.spotlight-tag:nth-child(5)) {background:var(--reader-card);color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) .opt.selected {background:color-mix(in srgb,var(--reader-base) 50%,#c7b2fe);border-color:#634baa}
/* Preserve colour-coded correct/incorrect responses and visible quiz status. */
html[data-reading-theme]:not([data-reading-theme="default"]) .opt.correct {background:#e3f8ed!important;border-color:#168458!important}
html[data-reading-theme]:not([data-reading-theme="default"]) .opt.wrong {background:#fee9ec!important;border-color:#bf4350!important}
html[data-reading-theme]:not([data-reading-theme="default"]) .hero-art {background:linear-gradient(140deg,var(--reader-soft),var(--reader-subtle) 68%)}
html[data-reading-theme]:not([data-reading-theme="default"]) .business-art {background:var(--reader-soft)}
html[data-reading-theme]:not([data-reading-theme="default"]) .arcade-frame{background:var(--reader-soft)}
@media(prefers-reduced-motion:reduce){.reading-panel,.reading-choice,.reading-toggle{transition:none!important}}

/* 2026-11-04: Adaptive Pathways + Classroom integration reading surfaces. */
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.pathway-focus,.pathway-nudge,.pathway-step,.pathway-error,.pathway-outcome span,.classroom-share,.dk-book,.sb-case-file,.sb-paper-question,.sb-answer,.practice-question,.reading-choice) {
 background:var(--reader-card); color:#17191c;
}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.pathway-steps,.pathway-home-link,.pathway-outcomes,.ip-steps) {color:#17191c}
html[data-reading-theme]:not([data-reading-theme="default"]) :is(.classroom-share:hover,.classroom-share:focus-visible) {background:var(--reader-subtle);}
/* On mobile, the palette appears immediately before the collapsed navigation menu. */
.reading-palette-icon {display:inline-block;font-size:18px;line-height:1;font-weight:850}
@media(max-width:700px){
  .topbar .reading-tools{margin-left:auto}
  .topbar{gap:7px}
  .reading-panel{right:-50px;max-height:min(77vh,650px);overflow:auto;overscroll-behavior:contain}
  .reading-toggle{padding:8px 11px}
}
@media(max-width:350px){.topbar .logo{font-size:26px}.reading-toggle{font-size:11px;min-height:39px;padding:7px 8px}.reading-panel{right:-48px}}
/* Help students recognise which option is active without relying on swatch colour alone. */
.reading-choice[aria-pressed="true"]::after {content:"✓";font-size:15px;margin-left:auto}
@media print {.reading-tools{display:none!important}}