.reading-unit-tabs{display:flex;gap:8px;padding:18px clamp(16px,5vw,80px) 0;overflow-x:auto}.reading-unit-tabs a{min-width:112px;padding:11px 20px;border:1px solid #cfc0dc;border-radius:999px;background:#fbf8fd;color:var(--ink);text-align:center;text-decoration:none;font-weight:800;box-shadow:0 5px 12px rgba(91,60,116,.1)}.reading-unit-tabs a[aria-current=page]{background:#76558f;color:#fff;box-shadow:0 7px 16px rgba(91,60,116,.25)}
.reading-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;padding:18px clamp(16px,5vw,80px) 65px}.reading-rail{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 122px);overflow:auto;border:1px solid #d4c6df;border-radius:16px;background:linear-gradient(150deg,#fffdfa,#eee7f4);box-shadow:0 13px 27px rgba(91,60,116,.13)}.reading-rail>.eyebrow,.reading-rail>h1,.reading-essential{margin-left:18px;margin-right:18px}.reading-rail h1{font-size:25px;line-height:1.08;margin:5px 18px 8px}.reading-essential{font-size:12px;line-height:1.45;color:#6f6178;font-style:italic}.reading-rail nav{display:grid;gap:7px;padding:8px}.reading-rail button{display:grid;grid-template-columns:42px 1fr;gap:4px 9px;width:100%;padding:10px;text-align:left;border:1px solid #d7cce0;border-radius:10px;background:linear-gradient(145deg,#fffdfa,#f3edf7);color:var(--ink);box-shadow:0 3px 8px rgba(91,60,116,.09);cursor:pointer}.reading-rail button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e8dff0;color:#76558f;font-size:11px;font-weight:800}.reading-rail button strong{font-size:12px}.reading-rail button small{font-size:9px;color:#75697c}.reading-rail button[aria-pressed=true]{border-color:#76558f;background:linear-gradient(135deg,#84639d,#563d69);color:#fff}.reading-rail button[aria-pressed=true] span{background:rgba(255,255,255,.15);color:#fff}.reading-rail button[aria-pressed=true] small{color:#eee5f4}
.reading-stage,.reading-practice,.reading-test{min-width:0}.reading-lesson h2,.reading-practice h2,.reading-test h2{font-size:clamp(30px,4vw,45px);line-height:1.05;margin:6px 0 10px}.lesson-goal{color:#665d6c;line-height:1.55}.reading-skill-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:14px}.reading-skill-grid>*,.mentor-passage,.reading-model,.reading-benchmarks,.reading-sources,.reading-problem,.test-progress,.test-results{border:1px solid #d6c9df;border-radius:16px;background:linear-gradient(145deg,#fffdfa,#f4eef7);box-shadow:0 11px 24px rgba(91,60,116,.1)}.reading-skill-grid>*{padding:clamp(20px,3vw,32px)}.reading-skill-grid h3,.mentor-passage h3,.reading-model h3{font:700 22px 'Fraunces',serif;margin:3px 0 13px}.reading-skill-grid li{margin:10px 0;line-height:1.55}.card-label{margin:0;color:#76558f;font-size:10px;font-weight:900;letter-spacing:.14em}.reading-skill-grid dl{margin:12px 0 0}.reading-skill-grid dt{font-weight:800;color:#5d426f}.reading-skill-grid dd{margin:5px 0 18px;line-height:1.45;color:#6f6475}.mentor-passage{margin-top:14px;padding:clamp(22px,4vw,38px);background:linear-gradient(135deg,#fffdf8,#f4ecdf)}.passage-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.passage-top button{padding:10px 14px;border:1px solid #cbb9d7;border-radius:999px;background:#fff;color:#68467f;font-weight:800;cursor:pointer}.mentor-passage>p{font:500 clamp(18px,2.2vw,22px)/1.75 Georgia,serif;color:#362e3b}.reading-model{display:flex;gap:15px;margin-top:14px;padding:22px}.reading-model>span{font-size:28px}.reading-model p{margin:0;line-height:1.55}.reading-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.reading-actions a{padding:11px 14px;border:1px solid #cbb9d7;border-radius:10px;background:#fff;color:#68467f;text-decoration:none;font-weight:800;box-shadow:0 4px 9px rgba(91,60,116,.08)}.lesson-nav{display:flex;align-items:center;justify-content:space-between;margin:18px 0 38px}.lesson-nav button{padding:11px 15px;border:1px solid #cbb9d7;border-radius:10px;background:#fff;color:#68467f;font-weight:700;cursor:pointer}.lesson-nav button:disabled{opacity:.35}.reading-benchmarks{padding:25px}.reading-benchmarks h2{margin-top:0}.reading-benchmarks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reading-benchmarks span{display:flex;flex-direction:column;padding:13px;border-left:4px solid #a97abf;background:#fff}.reading-benchmarks b{font-size:10px;color:#76558f;margin-bottom:5px}.reading-benchmarks small{margin-top:4px;color:#786e7d}.reading-sources{margin-top:14px;padding:18px 22px}.reading-sources summary{cursor:pointer;font-weight:800}.reading-sources li{margin:14px 0}.reading-sources a{color:#68467f;font-weight:700}.reading-sources p{margin:3px 0;color:#756a7a;font-size:12px}
.reading-practice-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.reading-problem{padding:clamp(24px,5vw,46px)}.reading-problem h3{font:700 clamp(22px,3vw,32px)/1.3 'Fraunces',serif;margin:16px 0}.question-passage{padding:20px;border-left:5px solid #a97abf;border-radius:8px;background:#fff;font:500 17px/1.7 Georgia,serif;white-space:pre-line}.benchmark-chip{display:inline-block;padding:6px 9px;border-radius:999px;background:#e8dff0;color:#68467f;font-size:10px;font-weight:800}.reading-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reading-choices button{min-height:58px;padding:13px;border:1px solid #d3c5dc;border-radius:11px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 4px 9px rgba(91,60,116,.08)}.reading-choices button:hover{transform:translateY(-2px);border-color:#76558f}.reading-choices button.selected{border-color:#76558f;background:#eee5f4}.reading-choices button.correct{background:#dceee5;border-color:#39805e}.reading-choices button.wrong{background:#f8e3d8;border-color:#bd7655}.reading-choices button:disabled{cursor:default;transform:none}.reading-problem .feedback{margin-top:14px;box-shadow:none}.reading-test>header{margin-bottom:14px}.test-progress{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px}.test-progress>div{height:8px;flex:1;border-radius:99px;background:#e1d8e7;overflow:hidden}.test-progress i{display:block;height:100%;width:10%;background:#76558f;transition:width .2s}.test-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.test-actions button{padding:11px 16px;border:1px solid #76558f;border-radius:10px;background:#fff;color:#68467f;font-weight:800;cursor:pointer}.test-actions [data-test-submit]{margin-left:auto;background:#76558f;color:#fff}.test-results{padding:28px}.test-results h3{font-size:30px;margin-top:0}.test-review{margin:12px 0;padding:15px;border-left:4px solid #bd7655;background:#fff}.test-review.correct{border-color:#39805e}.test-review p{margin:5px 0}
@media(max-width:900px){.reading-shell{grid-template-columns:1fr}.reading-rail{position:static;max-height:none}.reading-rail nav{display:flex;overflow-x:auto}.reading-rail button{flex:0 0 180px}.reading-benchmarks>div{grid-template-columns:1fr}}
@media(max-width:680px){.reading-skill-grid{grid-template-columns:1fr}.reading-choices{grid-template-columns:1fr}.reading-practice-top{align-items:flex-start;flex-direction:column}.passage-top{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.reading-shell{padding-left:12px;padding-right:12px}.reading-test .reading-problem{padding:18px}.test-actions{flex-wrap:wrap}}