/* Shared-material reading: material first, question beside it, navigation below. */
.reading-session main{max-width:1440px;margin-top:16px}
.reading-session .account-bar{margin-top:10px;padding:6px 14px;background:transparent;border-color:transparent}
.reading-session .account-bar .small{display:none}
.reading-layout{grid-template-columns:minmax(0,1fr);gap:16px;--reading-tools-height:64px;--material-controls-height:56px}
.reading-layout>.question-panel{min-width:0}
.reading-layout>.question-panel{padding:20px 24px}
.reading-layout .question-top{padding-bottom:8px;margin-bottom:8px}
.reading-layout .question-top h1{margin-bottom:0}
.reading-layout .question-top details{margin:0}
.reading-layout .reading-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}
.reading-material,.reading-question{min-width:0}
.reading-material{position:sticky;top:calc(var(--head) + var(--reading-tools-height) + 12px);border-right:1px solid var(--line);padding-right:20px}
.reading-layout .ink-toolbar{top:var(--head);margin-bottom:12px;padding-block:8px}
.reading-layout .ink-toolbar input[type=color]{width:36px;height:34px;padding:3px;border-radius:6px}
.reading-layout .ink-toolbar input[type=range]{padding:0;min-height:32px}
.material-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:12px}
.material-controls h2{font-size:1rem;margin:0;line-height:1.6}
.material-zoom{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.material-zoom button{min-height:44px;padding:7px 10px;font-size:.86rem}
.material-zoom output{min-width:48px;text-align:center;font-size:.86rem;font-variant-numeric:tabular-nums}
.material-viewport{overflow:auto;max-height:calc(100vh - var(--head) - var(--reading-tools-height) - var(--material-controls-height) - 40px);min-height:180px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8293a6 #edf1f6;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#f6f8fb}
.material-viewport::-webkit-scrollbar{width:10px;height:10px}
.material-viewport::-webkit-scrollbar-track{background:#edf1f6}
.material-viewport::-webkit-scrollbar-thumb{background:#8293a6;border:2px solid #edf1f6;border-radius:6px}
.material-sheet{width:100%;transform-origin:top left}
.reading-layout .material{margin:0;border-radius:0;padding:16px;font-size:1rem;overflow-wrap:anywhere}
.reading-layout .material img{display:block;width:100%;max-width:100%;height:auto;cursor:zoom-in}
.reading-layout .material table{font-size:1em}
.reading-layout .material details{margin:0}
.reading-layout .question-body{font-size:1.02rem}
.reading-layout .reading-question>.actions{margin-top:16px;gap:8px}
.question-pane-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:var(--material-controls-height);padding-bottom:12px}
.question-pane-heading h2{font-size:1rem;margin:0;align-self:center}
.question-pane-heading button{font-size:.86rem;min-height:44px;padding:7px 10px}
.reading-layout .question-controls{border-top:1px solid var(--line);padding-top:16px}
.reading-layout .question-controls button{font-size:.88rem;min-height:44px}
.reading-layout .navigator{position:static;top:auto;order:initial;max-height:none;overflow:visible;padding:20px}
.reading-layout .navigator h2{margin-bottom:8px}
.reading-layout .nav-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}
.reading-layout .nav-grid button{min-height:44px}
.reading-layout .navigator .primary{width:auto}
.answer-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;color:var(--muted);margin:4px 0 12px}
.answer-legend span{display:inline-flex;align-items:center;gap:7px}
.answer-legend span::before{content:'';width:12px;height:12px;border:1px solid #9aabbd;border-radius:3px}
.answer-legend .legend-answered::before{background:#e9f0f9}
.answer-legend .legend-marked::before{background:#f4e9ca;border-color:#94772d}
.answer-legend .legend-current::before{border:2px solid #345f82}
.answer-legend .legend-right::before{background:#e8f4ed;border-color:#4d8a70}
.answer-legend .legend-wrong::before{background:#fbe9ed;border-color:#a93644}
.reading-legacy{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:.86rem;color:var(--muted)}
.reading-legacy button{font-size:.86rem;min-height:44px}
.reading-layout .question-top .reading-legacy{margin:0;justify-content:flex-end}
.reading-layout .question-top .reading-legacy span{display:none}
@media(max-width:1000px){
 .reading-layout .question-panel{padding:20px}
 .reading-layout .reading-split{gap:16px}
 .reading-material{padding-right:12px}
 .material-zoom{gap:4px}
 .material-zoom button{padding-inline:8px}
 .reading-layout .ink-toolbar .small{display:none}
}
@media(max-width:699px){
 .reading-layout .reading-split{grid-template-columns:minmax(0,1fr);gap:20px}
 .reading-material{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}
 .material-viewport{max-height:55vh;min-height:160px}
 .reading-layout .question-panel{padding:18px 14px}
 .reading-layout .navigator .primary{width:100%}
 .reading-session .account-bar{margin:8px 16px 0;gap:8px}
 .reading-session .account-bar .actions{margin-top:8px}
 .question-pane-heading{min-height:44px}
}