.continuous-pane{display:grid;gap:28px}.page-frame{scroll-margin-top:96px}.page-label{font-size:.75rem;color:var(--muted);padding:0 0 10px;display:flex;align-items:center;justify-content:space-between}.page-anchor{border:1px solid var(--sage);background:var(--white);color:var(--sage-dark);border-radius:3px;padding:4px 9px;font-size:.7rem}.page-anchor:hover{background:#edf2e9}.reader-actions{display:flex;gap:8px}.range-mode-status{margin:-8px 0 17px;color:var(--sage-dark)}.study-sidebar{max-height:calc(100vh - 112px);overflow:auto}.study-sidebar-content{min-height:220px}.sidebar-page-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:10px}.sidebar-page-heading strong{font-size:1.2rem}.sidebar-section{border-bottom:1px solid var(--line);padding:14px 0}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.sidebar-section-heading h3{margin:0;font-size:.95rem}.sidebar-section-heading span{font-size:.7rem;color:var(--muted)}.content-block{border-bottom:1px solid var(--line);padding:11px 0}.content-block:last-child{border-bottom:0}.content-block summary,.study-question summary{cursor:pointer;font-weight:700;font-size:.82rem}.markdown{white-space:normal;color:#53564f;font-size:.84rem;padding-top:10px}.markdown h1,.markdown h2,.markdown h3{line-height:1.5;color:var(--ink);margin:12px 0 6px}.markdown p{margin:7px 0}.markdown ul,.markdown ol{padding-right:20px}.markdown blockquote{border-right:3px solid var(--sage);margin:10px 0;padding:5px 12px;color:var(--muted)}.markdown code{direction:ltr;background:var(--paper-deep);padding:1px 4px;border-radius:3px}.study-question{border-bottom:1px solid var(--line);padding:11px 0}.study-question:last-child{border-bottom:0}.study-options{margin:10px 0;padding-right:22px;font-size:.8rem}.study-options li{padding:3px 0}.study-options .option-key{display:inline-block;min-width:24px}.study-answer{font-size:.75rem;margin:8px 0 0}.sidebar-empty{font-size:.82rem;padding:18px 0}.sidebar-actions{display:grid;gap:8px;margin-top:18px}.segmented-progress{display:flex;width:100%;height:14px;background:var(--paper-deep);border-radius:20px;overflow:hidden;direction:ltr}.progress-segment{height:100%;background:#d8d3c9;border-left:2px solid var(--white)}.progress-segment:first-child{border-left:0}.progress-segment.is-unlocked{background:var(--sage)}.book-progress-list{display:grid;gap:18px}.book-progress{padding:24px}.book-progress-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.book-progress-header h2{font-size:1.15rem;margin:0 0 3px}.book-progress-header p{font-size:.78rem;margin:0}.progress-endpoints{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:6px;direction:ltr}.progress-legend{display:flex;gap:18px;color:var(--muted);font-size:.7rem;margin-top:10px}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;background:#d8d3c9;margin-left:4px;vertical-align:-1px}.legend-swatch.is-unlocked{background:var(--sage)}.range-progress-context{margin-bottom:22px}.range-progress-context h2{font-size:1.05rem;margin:0 0 3px}.range-modal{border:0;border-radius:6px;padding:0;max-width:min(420px,calc(100vw - 30px));width:100%;box-shadow:0 20px 70px rgba(31,35,28,.25);color:var(--ink)}.range-modal::backdrop{background:rgba(31,35,28,.38)}.range-modal form{padding:28px}.range-modal h2{margin:0 0 8px;font-size:1.35rem}.range-modal p{font-size:.86rem;color:var(--muted)}.range-modal-summary{font-weight:700;color:var(--ink)!important;background:var(--paper);padding:12px}.range-modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:20px}
@media(max-width:800px){.study-sidebar{max-height:none;overflow:visible}.reader-actions{width:100%}.reader-actions .button{flex:1}.book-progress-header{align-items:flex-start;flex-direction:column}.range-progress-context .book-progress-header{align-items:flex-start}}
.mastery-books{display:grid;gap:22px}.mastery-book{padding:24px}.mastery-book .mastery-list{margin-top:18px}.mastery-book .mastery-row:last-child{border-bottom:0}.mastery-book .book-progress-header{align-items:center}.mastery-book .book-progress-header h2{font-size:1.2rem}.answer-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;max-width:1120px;margin:0 auto}.answer-layout .answer-card{max-width:none;margin:30px 0}.answer-support{display:grid;gap:16px;align-content:start}.answer-source,.answer-lessons{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px;padding:20px}.answer-support-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.answer-support h2{font-size:1rem;margin:0 0 14px}.answer-support-heading h2{margin:0}.answer-source img{display:block;width:100%;height:auto;box-shadow:0 8px 22px rgba(0,0,0,.14)}.answer-source>a{display:block}.answer-lessons .content-block{padding:10px 0}.answer-lessons .content-block:last-child{border-bottom:0}@media(max-width:800px){.study-sidebar{max-height:none;overflow:visible}.reader-actions{width:100%}.reader-actions .button{flex:1}.book-progress-header{align-items:flex-start;flex-direction:column}.range-progress-context .book-progress-header{align-items:flex-start}.answer-layout{grid-template-columns:1fr}.answer-layout .answer-card{margin:20px 0}.answer-support{order:-1}}
.sidebar-progress{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:10px}.sidebar-progress-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:9px}.sidebar-progress-heading strong{color:var(--ink);font-size:.8rem}.reveal-answer{border:1px solid var(--line);background:var(--paper);color:var(--sage-dark);border-radius:3px;padding:5px 9px;font-size:.72rem;cursor:pointer}.reveal-answer:hover{border-color:var(--sage);background:#edf2e9}.answer-page{max-width:780px;margin:0 auto}.answer-page .answer-card{max-width:none;margin:30px 0}.answer-page .answer-support{display:grid;gap:18px}.answer-page .answer-source,.answer-page .answer-lessons{padding:24px}.answer-page .answer-source img{max-height:none}
.topbar{height:52px;padding:0 clamp(12px,2.5vw,28px)}.topbar nav{gap:12px;font-size:.78rem}.wordmark{font-size:1.1rem}.wordmark span{font-size:.62rem}.reader-grid{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.source-pane{padding:8px}.continuous-pane{gap:12px}.range-control{position:fixed;left:clamp(14px,2vw,28px);bottom:22px;z-index:6;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:7px;box-shadow:0 10px 28px rgba(31,35,28,.2)}.range-control .button{white-space:nowrap}.range-control .range-mode-status{margin:7px 3px 2px;max-width:250px;font-size:.75rem}.study-answer{margin-top:10px;padding:10px 12px;background:var(--paper);border-right:3px solid var(--sage)}.study-answer p{margin:0 0 7px;font-size:.75rem}.study-explanation{white-space:pre-wrap;color:#53564f;font-size:.8rem;line-height:1.8}
.theme-toggle:focus-visible,.link-button:focus-visible,.button:focus-visible,.page-anchor:focus-visible,.reveal-answer:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
:root[data-theme="dark"] .source-pane{background:var(--source-bg)}:root[data-theme="dark"] .markdown{color:var(--text-soft)}:root[data-theme="dark"] .progress-segment,:root[data-theme="dark"] .legend-swatch{background:var(--progress-empty)}:root[data-theme="dark"] .study-explanation{color:var(--text-soft)}:root[data-theme="dark"] .button:hover{box-shadow:0 7px 15px rgba(0,0,0,.28)}
@media(max-width:520px){.topbar-actions{gap:8px}.theme-toggle{padding:4px 7px}.theme-toggle [data-theme-label]{display:none}.theme-icon{font-size:1.1rem}}
@media(min-width:801px){.reader-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
:root[data-theme="dark"] .page-anchor:hover,:root[data-theme="dark"] .reveal-answer:hover{background:var(--hover-bg)}:root[data-theme="dark"] .range-modal::backdrop{background:rgba(0,0,0,.58)}
.region-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}.source-region{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden}.source-region img{display:block;width:100%;height:auto}.source-region figcaption{padding:5px 8px;color:var(--muted);font-size:.68rem;line-height:1.5}.question-card .region-gallery,.answer-card .region-gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.answer-card .region-gallery{margin:14px 0 20px}
.reader-page{position:relative}.mobile-sidebar-toggle,.mobile-sidebar-header{display:none}.mobile-sidebar-backdrop{display:none}
@media(max-width:800px){
  body.mobile-sidebar-open{overflow:hidden}
  .reader-page{margin-inline:calc(-1 * clamp(20px,4vw,60px))}
  .reader-toolbar{padding-inline:clamp(20px,4vw,60px)}
  .reader-grid{display:block}
  .source-pane{width:100%;padding:0;min-height:0}
  .continuous-pane{gap:0}
  .page-label{padding:10px 16px}
  .mobile-sidebar-toggle{display:inline-flex;align-items:center;gap:7px;position:fixed;left:0;top:50%;z-index:15;transform:translateY(-50%);border:1px solid var(--line);border-left:0;border-radius:0 5px 5px 0;background:var(--white);color:var(--ink);padding:10px 9px;font-size:.76rem;box-shadow:var(--shadow)}
  .mobile-sidebar-toggle[aria-expanded="true"]{opacity:0;pointer-events:none}
  .mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
  .mobile-sidebar-close{border:0;background:none;color:var(--muted);font-size:1.6rem;line-height:1;padding:0 4px}
  .study-sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,380px);height:100dvh;max-height:none;overflow-y:auto;z-index:20;margin:0;border:0;border-radius:0;padding:16px;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;box-shadow:12px 0 35px rgba(0,0,0,.2)}
  .study-sidebar.is-mobile-open{transform:translateX(0);visibility:visible}
  .mobile-sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:rgba(0,0,0,.42)}
}

.study-options{list-style:none;padding:0;display:grid;gap:7px}
.study-options li{padding:0}
.study-option{display:flex;align-items:start;gap:8px;width:100%;text-align:start;padding:10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:.8rem;line-height:1.8}
.study-option:not(:disabled):hover{background:var(--hover-bg);border-color:var(--sage)}
.study-option:disabled{opacity:1}
.study-option.is-correct{border-color:var(--sage-dark);background:var(--success-bg)}
.study-option.is-wrong{border-color:var(--rust);background:var(--danger-bg)}
.option-feedback{margin-inline-start:auto;font-size:.65rem;white-space:nowrap;color:var(--sage-dark)}
.is-wrong .option-feedback{color:var(--rust)}
.question-instruction{font-size:.7rem;margin:10px 0 4px}
.study-question .personal-note{margin:12px 0 0}
.study-question .study-answer{padding:10px}
.study-answer [data-answer-feedback]{font-weight:700;color:var(--ink)}
.answer-support-heading{flex-wrap:wrap}
.range-mode-button{padding:5px 10px;font-size:.72rem}
.reader-actions{align-items:center}
.range-mode-status{background:var(--success-bg);padding:10px 14px;border-radius:5px;margin:0 0 14px;font-size:.8rem}
.mobile-sidebar-toggle{border-color:var(--sage);background:var(--sage-dark);color:var(--white)}
@media(max-width:800px){
  .reader-toolbar>.reader-actions{order:0;width:auto;margin-inline-start:auto;gap:12px}
  .reader-actions .range-mode-button{flex:none}
  .reader-actions .text-link{font-size:.72rem}
  .range-mode-status{margin:0 16px 12px}
  .mobile-sidebar-toggle{left:16px;top:auto;bottom:calc(22px + env(safe-area-inset-bottom));transform:none;border:1px solid var(--sage-dark);border-radius:10px;padding:12px 18px;font-size:.85rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.22)}
  :root[data-theme="dark"] .mobile-sidebar-toggle{background:var(--sage);color:#071e24;box-shadow:0 0 20px rgba(65,238,215,.2)}
  .study-sidebar{overscroll-behavior:contain}
  .study-sidebar.is-mobile-open{transition:transform .22s ease}
}