.reading-page .site-header,.reading-page main,.reading-page .site-footer{width:min(100% - 48px,1200px)}
.reading-page .brand{color:var(--ink);text-decoration:none}.reading-page main{margin-top:20px}
.reading-page button,.reading-page a{touch-action:manipulation}.reading-page button{cursor:pointer}
.pilot-notice{padding:10px 16px;margin:0 0 26px;background:#fff2d4;border-left:4px solid var(--gold);font-size:.86rem;color:#59451a}
.reading-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end;margin:35px 0 45px}.reading-hero h1{font-size:clamp(3.3rem,6vw,5.1rem);margin-bottom:0}.reading-hero .intro{font-size:1.06rem}.reading-hero .eyebrow{color:var(--green)}
.reading-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{border:1px solid var(--line);border-top:4px solid var(--green);padding:26px;background:var(--card);border-radius:12px}.mode-card h2{font-size:2.3rem;margin:10px 0 16px}.mode-card p{color:var(--muted)}.mode-card .primary-button{margin-top:15px}
.reading-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.reading-section-title{font-size:1.65rem;letter-spacing:-.02em;margin:36px 0 18px}.passage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.passage-link{display:flex;flex-direction:column;align-items:start;gap:10px;text-align:left;background:var(--card);padding:20px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}.passage-link strong{font-family:Georgia,serif;font-size:1.3rem;line-height:1.2}.passage-link:hover{border-color:var(--green);background:#f0f6f1}.passage-link small{color:var(--muted)}
.subtle-button{border:0;padding:8px 0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.reading-alert{padding:12px;background:var(--red-soft);border:1px solid var(--red);color:var(--red)}
.reading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 14px}.reading-toolbar h1{font-family:inherit;font-size:1rem;letter-spacing:0;margin:0}.reading-clock{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:750}.reading-clock.low{color:var(--red)}.reading-controls{display:flex;align-items:center;gap:14px}.compact-button{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:.84rem}.compact-button:hover{border-color:var(--blue)}
.reading-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.passage-pane{overflow:auto;max-height:640px;scrollbar-gutter:stable;padding:30px 28px;border-right:1px solid var(--line);background:#fffdf6}.passage-pane h2{font-size:2.1rem;margin:8px 0 25px;line-height:1.1}.passage-copy{font-family:Georgia,serif;font-size:1.1rem;line-height:1.85}.passage-paragraph{position:relative;margin:0 0 20px;padding-left:28px;transition:background .12s}.paragraph-marker{position:absolute;left:0;top:6px;background:none;border:0;color:#777262;font-family:ui-sans-serif,system-ui;font-size:.7rem;padding:2px 4px;min-height:25px}.paragraph-marker[aria-pressed=true]{color:#845500;font-weight:bold}.passage-paragraph.marked{background:#fff1be}.passage-paragraph.evidence{box-shadow:inset 3px 0 var(--green);background:#edf5ee}.passage-copy mark{background:#f7e3ab;text-decoration:underline;text-underline-offset:4px;padding:0 2px}.passage-tools{font-size:.75rem;color:var(--muted);font-family:ui-sans-serif,system-ui}
.question-pane{padding:30px;overflow:auto;max-height:640px}.reading-question-number{color:var(--muted);font-size:.85rem;margin-bottom:14px}.reading-fieldset{padding:0;margin:0;border:0;min-width:0}.reading-fieldset legend{font-family:Georgia,serif;font-size:1.55rem;line-height:1.35;padding:0;margin-bottom:22px;float:left;width:100%;letter-spacing:-.02em}.reading-options{clear:both;display:grid;gap:10px}.reading-choice{display:flex;align-items:stretch;gap:7px}.reading-choice label{display:flex;align-items:center;gap:11px;cursor:pointer;flex:1;padding:13px 12px;border:1px solid var(--line);border-radius:8px;line-height:1.4;background:white}.reading-choice input{width:17px;height:17px;flex-shrink:0;accent-color:var(--blue)}.reading-choice:has(input:checked) label{border-color:var(--blue);background:#edf3fa}.reading-choice.eliminated label{opacity:.5;text-decoration:line-through}.reading-choice.correct label{border-color:var(--green);background:var(--green-soft)}.reading-choice.wrong label{border-color:var(--red);background:var(--red-soft)}.eliminate-button{border:0;background:transparent;color:var(--muted);padding:7px;font-size:1.1rem}.eliminate-button[aria-pressed=true]{color:var(--red)}
.reading-phrase{font-family:Georgia,serif;font-size:1.7rem;margin:5px 0 24px}.reading-phrase u{text-decoration-thickness:2px;text-underline-offset:5px}.reading-nav{display:flex;justify-content:space-between;gap:10px;margin-top:25px;align-items:center}.reading-nav button:disabled{opacity:.4;cursor:default}.review-note{margin-top:22px;padding:16px;border-left:3px solid var(--green);background:#eef5ef;font-size:.92rem}.review-note p{margin:0 0 10px}.review-note details{margin:12px 0}.review-note summary{cursor:pointer;font-weight:650}.review-note ul{padding-left:20px}.question-map{margin-top:22px;border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:var(--card)}.question-map summary{cursor:pointer;font-weight:650;font-size:.88rem}.map-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:15px}.map-group strong{display:block;font-size:.75rem;margin-bottom:8px}.map-buttons{display:flex;gap:5px;flex-wrap:wrap}.map-buttons button{min-width:30px;min-height:31px;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:.75rem;padding:3px}.map-buttons button.answered{background:#e4edf7;border-color:#a5bad0}.map-buttons button.flagged{box-shadow:inset 0 3px var(--gold)}.map-buttons button.current{outline:2px solid var(--blue);outline-offset:1px}
.mobile-switch{display:none}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.result-stat{border:1px solid var(--line);padding:20px;border-radius:10px;background:var(--card)}.result-stat strong{display:block;font-size:1.8rem;color:var(--blue)}.result-stat small{color:var(--muted)}.skill-table{border-collapse:collapse;width:100%;margin:18px 0}.skill-table th,.skill-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.skill-table th{font-size:.82rem;color:var(--muted)}.skill-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}.review-selection{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.lesson-note{color:var(--muted);font-size:.95rem}.eval-table-wrapper{overflow-x:auto}.gate-chip{display:inline-block;padding:2px 7px;border:1px solid var(--line);border-radius:4px;font-size:.72rem;white-space:nowrap}.gate-chip.pass{background:var(--green-soft);color:var(--green)}.gate-chip.needs_review{background:#fff1d2;color:#725316}.gate-chip.revise{background:var(--red-soft);color:var(--red)}.eval-details{border:1px solid var(--line);padding:15px;background:var(--card);margin-top:10px;border-radius:8px}.eval-details summary{cursor:pointer;font-weight:650}.eval-details p{font-size:.9rem}.eval-hash{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.72rem;color:var(--muted)}
.student-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.student-modes h2{font-size:1.95rem}.block-button{display:block;margin-top:14px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-article{max-width:760px;font-size:1.08rem;line-height:1.75}.worked-example{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);padding:22px 28px;margin:26px 0}.worked-example h2{font-size:1.6rem;margin-top:0}.worked-example blockquote{font-family:Georgia,serif;margin:15px 0;font-size:1.25rem}.lesson-trap{padding:12px 18px;background:#fff2d4}.lesson-layout .passage-pane,.lesson-layout .question-pane{max-height:none}.lesson-layout .passage-pane{display:block}.paragraph-label{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #ded8c8;background:transparent;color:var(--muted);font: .75rem ui-sans-serif,system-ui;padding:5px 0}.paragraph-label:focus{outline:2px solid var(--gold)}.question-preview{margin-top:20px;color:var(--muted);font-size:.85rem}.question-preview summary{cursor:pointer}.question-preview li{padding-left:5px}.question-preview button{text-align:left;font-size:.85rem}.lesson-layout .primary-button{margin-top:18px}
@media(max-width:900px){.student-modes{grid-template-columns:1fr}.student-modes h2{font-size:2.2rem}}
@media(max-width:720px){.lesson-grid{grid-template-columns:1fr}.lesson-layout .passage-pane{border-bottom:1px solid var(--line)}}
.reading-dialog{max-width:450px;border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--card);color:var(--ink)}.reading-dialog::backdrop{background:rgba(20,33,61,.45)}.reading-dialog h2{font-size:2rem;margin-top:0}.reading-dialog .actions{display:flex;gap:12px;justify-content:end}.reading-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;z-index:20;font-size:.85rem}
@media(max-width:850px){.passage-cards{grid-template-columns:1fr 1fr}.reading-hero{gap:20px}.map-groups{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.reading-page .site-header,.reading-page main,.reading-page .site-footer{width:calc(100% - 28px)}.reading-hero{display:block;margin:20px 0 28px}.reading-hero h1{font-size:3.3rem}.reading-modes{grid-template-columns:1fr}.reading-hero .intro{margin-top:18px}.pilot-notice{font-size:.77rem}.reading-layout{display:block}.passage-pane,.question-pane{max-height:none;padding:22px 18px;overflow:visible;border:0}.passage-pane{display:none}.reading-layout[data-pane=passage] .passage-pane{display:block}.reading-layout[data-pane=passage] .question-pane{display:none}.passage-copy{font-size:1.06rem}.mobile-switch{display:flex;gap:8px;margin-bottom:12px}.mobile-switch button{flex:1;padding:10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.mobile-switch button[aria-pressed=true]{background:var(--ink);color:white}.result-stats{grid-template-columns:1fr 1fr}.result-stat:last-child{grid-column:1/-1}.reading-toolbar{align-items:start}.reading-controls{gap:8px}.reading-fieldset legend{font-size:1.45rem}.map-groups{grid-template-columns:1fr 1fr}.passage-cards{gap:10px}.passage-link{padding:16px}.passage-link strong{font-size:1.2rem}}