/* IQMentis Book Mode. Active only for the former Reading Comfort ON state.
   Keep the OFF palettes and every study control's geometry and behavior intact. */
html[data-theme="light"][data-reading-comfort="on"] {
  color-scheme:light;
  --bg:#f1f3ee; --surface:#fdfefa; --surface-2:#f8faf6; --surface-3:#e9eee8;
  --text:#202b23; --muted:#667269; --line:#d3dbd1; --line-strong:#a9b8a9;
  --accent:#386c50; --accent-strong:#28563f; --accent-soft:#e5efe6;
  --correct:#285d3e; --correct-soft:#dceee0; --wrong:#9a4350; --wrong-soft:#f4e5e2;
  --flag:#806026; --flag-soft:#efe9d8;
  --shadow:0 2px 5px rgba(68,53,29,.05),0 12px 28px rgba(68,53,29,.075);
}
html[data-theme="dark"][data-reading-comfort="on"] {
  color-scheme:dark;
  --bg:#0d1511; --surface:#16221b; --surface-2:#1b2a21; --surface-3:#26372c;
  --text:#f0efe7; --muted:#b9c1b7; --line:#586d5b; --line-strong:#a89779;
  --accent:#8bb89a; --accent-strong:#b0cfb1; --accent-soft:#294735;
  --correct:#9bcea0; --correct-soft:#254633; --wrong:#e3a2a5; --wrong-soft:#44292a;
  --flag:#d5bc7d; --flag-soft:#3b3525;
  --shadow:0 2px 5px rgba(0,0,0,.18),0 14px 30px rgba(0,0,0,.23);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --bg:#f1f3ee; --surface:#fdfefa; --surface-2:#f8faf6; --surface-3:#e9eee8;
  --panel-sky:#fdfefa; --reader-wash:#fdfefa; --reader-wash-border:#c6d2c3;
  --option-surface:#fffefa; --text:#202b23; --muted:#667269;
  --line:#d3dbd1; --line-strong:#a9b8a9; --accent:#386c50;
  --accent-strong:#28563f; --accent-soft:#e5efe6;
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --bg:#0d1511; --surface:#16221b; --surface-2:#1b2a21; --surface-3:#26372c;
  --panel-sky:#16221b; --reader-wash:#17251d; --reader-wash-border:#78836e;
  --option-surface:#1a2920; --text:#f0efe7; --muted:#b9c1b7;
  --line:#586d5b; --line-strong:#a89779; --accent:#8bb89a;
  --accent-strong:#b0cfb1; --accent-soft:#294735;
}

/* Book Mode changes paint and reading typography, never study behavior or control order. */
html[data-reading-comfort="on"] body:has(#app > .app-header) {
  background:var(--bg) !important;
  color:var(--text);
}
html[data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .app-header,.reader-shell,.page-shell,.removed-feature-page,.comparison-reader-shell,
  .wrong-overview-shell,.flagged-overview-shell,.saved-notes-page
) { background-color:var(--bg); }
html[data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.reader-topnav,.reader-context-head,.reader-number-nav,
  .removed-feature-card,.comparison-card,.comparison-reader-stage,
  .wrong-overview-panel,.flagged-overview-panel,.saved-note-card,.panel
) {
  background-color:var(--surface) !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.055) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-card,.removed-feature-card,.comparison-card,.saved-note-card) {
  box-shadow:0 2px 3px rgba(68,53,29,.04),0 12px 24px rgba(68,53,29,.075),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-content,.removed-question-content,.comparison-reader-topnav,.saved-note-writing) {
  background-color:var(--reader-wash) !important;
  border-color:var(--reader-wash-border) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-toolbar,.removed-feature-toolbar,.comparison-actions) {
  background-color:transparent !important;
  border-color:var(--line) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-content .option,.removed-option,.comparison-option):not(.correct):not(.incorrect):not(.active):not(.draft) {
  background-color:var(--option-surface) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
  box-shadow:0 1px 3px rgba(26,29,20,.035) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.answer-section,.removed-feature-answer,.comparison-explanation,.note-card,.saved-note-question-block) {
  background-color:var(--surface-2) !important;
  border-color:var(--line) !important;
  box-shadow:0 2px 7px rgba(35,35,20,.045),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-context-head,.reader-number-nav,.comparison-reader-strip,.wrong-practice-strip,.flagged-practice-strip) {
  border-color:var(--line) !important;
}
/* The legacy comfort rules use high-specificity transparent option fills.
   Override their paint only in Book Mode, preserving every choice state. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option:not(.correct):not(.incorrect):not(.active),
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option:not(.correct):not(.incorrect):not(.active) {
  background:var(--option-surface) !important;
  border-color:var(--line) !important;
  box-shadow:0 1px 3px rgba(26,29,20,.035) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.active:not(.correct):not(.incorrect),
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.active:not(.correct):not(.incorrect) {
  background:var(--accent-soft) !important;
  border-color:var(--accent) !important;
}

/* Keep result and selected-answer semantics from the current reader. */
html[data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.active:not(.correct):not(.incorrect) {
  background:var(--accent-soft) !important;
  border-color:var(--accent) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.correct {
  background:var(--correct-soft) !important;
  border-color:var(--correct) !important;
  color:var(--text) !important;
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.correct {
  background:#23442f !important;
  border-color:#9bcea0 !important;
  color:var(--text) !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option.incorrect {
  background:var(--wrong-soft) !important;
  border-color:var(--wrong) !important;
  color:var(--text) !important;
}

/* The botanical branch and book engraving are intentionally faint and non-interactive.
   Background images never add DOM text, intercept selection, or change layout. */
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.question-stem,.removed-feature-stem,.comparison-stem,.comparison-lead) {
  background-image:url("/book-leaf.svg") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px bottom 6px !important;
  background-size:min(16vw,108px) auto !important;
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .question-stem {
  background-image:url("/book-leaf.svg") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px bottom 6px !important;
  background-size:min(16vw,108px) auto !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.answer-section,.removed-feature-answer,.comparison-explanation) {
  background-image:url("/book-stack.svg") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px bottom 10px !important;
  background-size:min(17vw,116px) auto !important;
}
html[data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.answer-section,.removed-feature-answer,.comparison-explanation) p {
  position:relative;
}
@media (max-width:600px) {
  html[data-reading-comfort="on"] body:has(#app > .app-header)
    :is(.question-stem,.removed-feature-stem,.comparison-stem,.comparison-lead,.answer-section,.removed-feature-answer,.comparison-explanation) {
    background-size:72px auto !important;
  }
}

/* Carry the same quiet page edge through the remaining Light Book Mode views.
   These selectors only paint existing shells and cards; their controls and states stay put. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.page-shell,.removed-feature-page,.iqm-search-main) {
  padding-inline:clamp(10px,2vw,22px);
  border:1px solid #d2c1a5;
  border-radius:22px;
  background:linear-gradient(90deg,#eee4d3 0%,#faf6ed 4%,#fffdf7 9%,#fffdf7 91%,#faf6ed 96%,#eee4d3 100%) !important;
  box-shadow:0 3px 0 #f0e5d2,0 7px 0 #d8c7aa,0 13px 26px rgba(78,55,28,.12),inset 0 0 0 3px rgba(255,255,255,.68);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.library-panel,.book-tile,.book-panel,.chapter-card,.panel,.removed-feature-card,.iqm-search-card) {
  border-color:#d2c1a5 !important;
  background:linear-gradient(90deg,#f7f0e4,#fffdf8 5%,#fffdf8 95%,#f7f0e4) !important;
  box-shadow:0 3px 0 #eee2ce,0 9px 18px rgba(82,60,31,.09),inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.removed-question-content,.iqm-search-question,.saved-question,.comparison-stem) {
  background:linear-gradient(90deg,#f9f3e9,#fffdf8 5%,#fffdf8 95%,#f9f3e9) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.removed-feature-page,.iqm-search-page) {
  background-color:#f5efe3;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.removed-feature-page,.iqm-search-page) :is(.removed-source-picker,.iqm-search-input-wrap,.iqm-search-appbar,.saved-note-link,.comparison-card > header) {
  background:#fffdf7;
  border-color:#d9cdb8;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .removed-feature-page:has(> .removed-feature-card:last-child) { padding-bottom:0; }
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .removed-feature-page > .removed-feature-card:last-child {
  border-bottom:0 !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
/* The settings overlay lives beside #app rather than inside it. */
html[data-theme="light"][data-reading-comfort="on"] .iqm-settings-page #settingsForm {
  border-color:#d2c1a5;
  background:linear-gradient(90deg,#f3e9d8,#fffdf7 5%,#fffdf7 95%,#f3e9d8) !important;
  box-shadow:0 3px 0 #e5d6bc,0 18px 42px rgba(68,47,21,.22),inset 0 0 0 3px rgba(255,255,255,.7);
}
html[data-theme="light"][data-reading-comfort="on"] .iqm-settings-page :is(.dialog-head,.dialog-body,.dialog-actions) {
  border-color:#d9cdb8;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.search-panel,.account-popover,.highlight-palette,.settings-dialog,.iqm-search-card,.removed-source-picker) {
  border-color:#d2c1a5;
  background:linear-gradient(90deg,#f8f2e7,#fffdf8 6%,#fffdf8 94%,#f8f2e7) !important;
  box-shadow:0 2px 0 #eee2ce,0 10px 22px rgba(82,60,31,.12),inset 0 1px 0 #fff;
}

/* Raised paper, restrained enough for long reading sessions. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --book-paper-top:#fffffd; --book-paper-bottom:#f7faf5;
  --book-option-top:#ffffff; --book-option-bottom:#f9fbf7;
  --book-panel:#f8faf6; --book-edge:rgba(102,126,99,.27);
  --book-engraving:rgba(110,127,108,.11);
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --book-paper-top:#1b2a20; --book-paper-bottom:#142119;
  --book-option-top:#1e2c22; --book-option-bottom:#18261d;
  --book-panel:#1a2920; --book-edge:rgba(173,159,122,.38);
  --book-engraving:rgba(181,165,125,.11);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) {
  background:radial-gradient(circle at 62% 0%,#fbfcf8 0%,#f1f3ee 70%) !important;
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header) {
  background:radial-gradient(circle at 56% 0%,#142019 0%,#0d1511 72%) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.removed-feature-card,.comparison-card,.comparison-reader-stage,
  .wrong-overview-panel,.flagged-overview-panel,.saved-note-card
) {
  background:linear-gradient(145deg,var(--book-paper-top),var(--book-paper-bottom)) !important;
  border:1px solid var(--book-edge) !important;
  box-shadow:
    0 18px 35px rgba(8,25,13,.13),
    0 4px 8px rgba(8,25,13,.09),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(57,77,52,.10) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.removed-feature-card,.comparison-card,.comparison-reader-stage,
  .wrong-overview-panel,.flagged-overview-panel,.saved-note-card
) {
  box-shadow:
    0 20px 36px rgba(40,65,44,.105),
    0 4px 8px rgba(40,65,44,.07),
    inset 0 1px 0 #fff,
    inset 0 -2px 0 rgba(89,120,87,.09) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-content,.removed-question-content,.comparison-reader-topnav,.saved-note-writing
) {
  background:linear-gradient(165deg,var(--book-paper-top),var(--book-paper-bottom)) !important;
  border-color:var(--book-edge) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 3px 12px rgba(14,32,20,.035) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-content .lead-in,.removed-question-content .lead-in) {
  background:var(--book-panel) !important;
  border-color:var(--book-edge) !important;
  color:var(--text) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-content .question-stem,.removed-feature-stem,.comparison-stem,.comparison-lead) {
  background-image:url("/book-leaf.svg"),linear-gradient(120deg,var(--book-paper-top),var(--book-panel)) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 12px bottom 8px,center !important;
  background-size:clamp(70px,9vw,108px) auto,cover !important;
  border-color:var(--book-edge) !important;
  box-shadow:0 4px 12px rgba(17,35,23,.055),inset 0 1px 0 rgba(255,255,255,.095) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-content .option:not(.correct):not(.incorrect):not(.active),
      .removed-option:not(.correct):not(.incorrect):not(.draft),
      .comparison-option:not(.correct):not(.incorrect):not(.active)) {
  background:linear-gradient(180deg,var(--book-option-top),var(--book-option-bottom)) !important;
  border-color:var(--book-edge) !important;
  color:var(--text) !important;
  box-shadow:0 2px 4px rgba(19,36,21,.075),inset 0 1px 0 rgba(255,255,255,.11) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.answer-section,.removed-feature-answer,.comparison-explanation,.note-card,.saved-note-question-block) {
  background-image:url("/book-stack.svg"),linear-gradient(145deg,var(--book-paper-top),var(--book-panel)) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 16px bottom 12px,center !important;
  background-size:clamp(76px,11vw,116px) auto,cover !important;
  border-color:var(--book-edge) !important;
  box-shadow:0 8px 18px rgba(17,35,23,.065),inset 0 1px 0 rgba(255,255,255,.11) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-context-head,.reader-number-nav,.comparison-reader-strip,.wrong-practice-strip,.flagged-practice-strip) {
  border-color:var(--book-edge) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.reader-toolbar .question-label,.reader-context-head .question-label) {
  font-family:Georgia,"Times New Roman",serif;
}

/* Bookbinding detail: a fine brass edge and a readable, quiet title. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --book-edge:rgba(139,137,105,.34);
  --book-binding:rgba(73,118,79,.17);
}
html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --book-edge:rgba(170,151,103,.53);
  --book-binding:rgba(157,178,139,.16);
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.removed-feature-card,.comparison-card,.comparison-reader-stage
) {
  box-shadow:0 18px 35px rgba(8,25,13,.15),0 4px 9px rgba(8,25,13,.10),
    inset 3px 0 0 var(--book-binding),inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -2px 0 rgba(57,77,52,.10) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.removed-feature-card,.comparison-card,.comparison-reader-stage
) {
  box-shadow:0 20px 36px rgba(40,65,44,.12),0 4px 9px rgba(40,65,44,.08),
    inset 3px 0 0 var(--book-binding),inset 0 1px 0 #fff,
    inset 0 -2px 0 rgba(89,120,87,.10) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-toolbar .question-index {
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(22px,2vw,28px);
  font-weight:500;
  letter-spacing:-.025em;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  .reader-content .option:not(.correct):not(.incorrect) .option-letter {
  background:var(--book-panel) !important;
  border-color:var(--book-edge) !important;
  color:var(--accent) !important;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html[data-theme][data-reading-comfort="on"] body:has(#app > .app-header)
  .header-crumbs button {
  background-color:var(--surface) !important;
  border-color:var(--book-edge) !important;
  color:var(--text) !important;
}

html[data-theme="dark"][data-reading-comfort="on"] body:has(#app > .app-header) :is(
  .reader-card,.removed-feature-card,.comparison-card,.comparison-reader-stage,
  .wrong-overview-panel,.flagged-overview-panel,.saved-note-card
) {
  box-shadow:0 22px 42px rgba(0,0,0,.44),0 5px 12px rgba(0,0,0,.30),
    inset 3px 0 0 var(--book-binding),inset 0 1px 0 rgba(193,174,130,.15),
    inset 0 -2px 0 rgba(0,0,0,.30) !important;
}

/* Light Book Mode reader only: a quiet, layered printed-page treatment.
   The chapter reader's existing nodes, controls, states and opacity remain intact. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) {
  --bg:#f5efe3; --surface:#fffdf7; --surface-2:#faf5ea; --surface-3:#f1e8d7;
  --panel-sky:#fffdf7; --reader-wash:#fffdf7; --reader-wash-border:#cfc0a5;
  --option-surface:#fffdf8; --text:#24271f; --muted:#686457;
  --line:#d9cdb8; --line-strong:#c4b498;
  --accent:#416b55; --accent-strong:#345742; --accent-soft:#e5efe5;
  --book-paper-top:#fffdf7; --book-paper-bottom:#faf4e8;
  --book-option-top:#fffefa; --book-option-bottom:#faf6ec;
  --book-panel:#f9f3e7; --book-edge:rgba(151,119,70,.34);
  background:#f5efe3 !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .app-header {
  background:linear-gradient(180deg,#fffdf7,#f9f3e8);
  border-bottom-color:#d7c8af;
  box-shadow:0 2px 7px rgba(86,62,32,.08);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell {
  position:relative;
  max-width:1120px;
  margin-inline:auto;
  padding:14px clamp(12px,2.5vw,28px) 0;
  border:1px solid #cdbb9c;
  border-radius:22px;
  background:linear-gradient(90deg,#eee4d3 0%,#faf6ed 4%,#fffdf7 9%,#fffdf7 91%,#faf6ed 96%,#eee4d3 100%) !important;
  box-shadow:0 3px 0 #f0e5d2,0 7px 0 #d8c7aa,0 13px 26px rgba(78,55,28,.15),inset 0 0 0 3px rgba(255,255,255,.68);
}

html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell :is(.reader-context-head,.reader-number-nav) {
  background:linear-gradient(180deg,#fffdf8,#faf5e9) !important;
  border-color:#d2c0a0 !important;
  box-shadow:0 3px 7px rgba(98,72,38,.07),inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-card {
  border:1px solid #cbb797 !important;
  border-radius:20px;
  background:linear-gradient(165deg,#fffdf8,#fbf6eb) !important;
  border-bottom:0 !important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.75),inset 0 0 0 5px rgba(191,158,110,.14) !important;
  padding-inline:clamp(15px,3vw,34px);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-toolbar {
  border-bottom-color:#cdb58c !important;
  margin-bottom:18px;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-toolbar :is(.question-index-group > .inline-question-edit-button,.marker-row > .tool-icon,.marker-row > .tool-word):not(.active):not(.speaking) {
  box-shadow:0 2px 0 rgba(161,131,87,.25),0 5px 9px rgba(88,65,36,.08),inset 0 1px 0 rgba(255,255,255,.7) !important;
}

/* Two adjoining existing siblings form one page, ending before Previous/Next. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content > .text-section {
  margin:0 clamp(0px,1.3vw,14px) !important;
  padding:12px 12px 2px;
  border:1px solid #ceb993;
  border-bottom:0;
  border-radius:15px 15px 0 0;
  background:#fffdf7;
  box-shadow:0 -3px 0 #eee1cb,0 -6px 15px rgba(91,65,33,.07),inset 0 2px 0 #fff;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content .question-stem {
  margin:0 !important;
  border:1px solid #e1d3ba !important;
  border-inline-start:3px solid #6d8c6d !important;
  border-radius:11px !important;
  background-image:url("/book-leaf.svg"),linear-gradient(145deg,#fffefa,#fbf6ec) !important;
  box-shadow:0 2px 5px rgba(99,72,38,.06),inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content > .options {
  width:auto !important;
  margin:0 clamp(0px,1.3vw,14px) 0 !important;
  padding:8px 12px 14px !important;
  border:1px solid #ceb993;
  border-top:0;
  border-radius:0 0 15px 15px;
  background:#fffdf7;
  box-shadow:0 3px 0 #e9dac1,0 8px 16px rgba(91,65,33,.10),inset 0 -2px 0 rgba(206,185,147,.20);
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content .option:not(.correct):not(.incorrect):not(.active) {
  border-color:#d7c7aa !important;
  background:linear-gradient(180deg,#fffefa,#faf6ed) !important;
  box-shadow:0 2px 4px rgba(86,62,35,.07),inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-inline-nav {
  margin-block:24px 22px;
  border-top-color:#d7c5a4;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-inline-nav .nav-button:not(.finish-button) {
  border-color:#bbab90;
  background:linear-gradient(180deg,#fffefa,#f4ebdb);
  box-shadow:0 2px 0 #d8c7a9,0 6px 10px rgba(82,60,32,.09),inset 0 1px 0 #fff;
}

html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area,
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .note-card {
  width:calc(100% - clamp(0px,2.6vw,28px));
  margin-inline:auto;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area > .answer-section {
  border:1px solid #ceb993 !important;
  border-radius:16px;
  background-image:url("/book-stack.svg"),linear-gradient(155deg,#fffdf8,#faf4e8) !important;
  box-shadow:0 3px 0 #e9dac2,0 9px 19px rgba(82,60,31,.11),inset 0 0 0 3px rgba(255,255,255,.65) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area > .answer-section .explanation-head {
  flex-wrap:wrap;
  align-items:center;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area > .answer-section .explanation-head::before {
  content:"Explanation";
  flex:1 0 auto;
  color:#8a6a37;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(12px,calc(var(--reader-size) * .58),16px);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area > .answer-section:not(:has(.explanation-head))::before {
  content:"Explanation";
  display:block;
  margin-bottom:10px;
  color:#8a6a37;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(12px,calc(var(--reader-size) * .58),16px);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area > .answer-section .explanation-tools {
  width:auto;
  max-width:100%;
  margin-left:auto;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .note-card {
  border:1px solid #d1bea0 !important;
  border-radius:15px;
  background:#fdf8ed !important;
  box-shadow:0 2px 0 #eadbc2,0 8px 16px rgba(82,60,31,.08),inset 0 0 0 3px rgba(255,255,255,.64) !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .note-card textarea {
  border-color:#dacbb0;
  background:#fffdf8;
  box-shadow:inset 0 2px 5px rgba(81,58,29,.04) !important;
}
@media (max-width:600px) {
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell {
    padding-inline:6px;
  }
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-card {
    padding-inline:10px;
  }
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content > :is(.text-section,.options) {
    margin-inline:0 !important;
  }
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content > .text-section {
    padding-inline:8px;
  }
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .reader-content > .options {
    padding-inline:8px !important;
  }
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .answer-area,
  html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header) .reader-shell .note-card {
    width:100%;
  }
}

/* Final paint order for book surfaces outside the chapter/exam reader. */
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  :is(.removed-feature-card,.comparison-card,.saved-note-card,.wrong-overview-panel,.flagged-overview-panel,.comparison-reader-stage) {
  border-color:#d2c1a5 !important;
  background:linear-gradient(90deg,#f7f0e4,#fffdf8 5%,#fffdf8 95%,#f7f0e4) !important;
  box-shadow:0 3px 0 #eee2ce,0 9px 18px rgba(82,60,31,.09),inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .removed-feature-page > .removed-feature-card:last-child {
  border-bottom:0 !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
html[data-theme="light"][data-reading-comfort="on"] body:has(#app > .app-header)
  .removed-question-content {
  background:linear-gradient(90deg,#f9f3e9,#fffdf8 5%,#fffdf8 95%,#f9f3e9) !important;
}