.skill-grid,.reading-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
.skill-card,.reading-level-card{display:flex;flex-direction:column;align-items:flex-start;min-height:195px;padding:24px;border:1px solid #dce8e2;border-radius:19px;background:#fff;text-align:left;color:#24414b;box-shadow:0 7px 24px #24414b0c;transition:transform .18s,box-shadow .18s}
.skill-card:hover,.reading-level-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #24414b20}
.skill-card:nth-child(2),.reading-level-card:nth-child(2){background:#fff5df}.skill-card span,.reading-level-card span{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#37817c}.skill-card strong,.reading-level-card strong{font:900 30px/1.1 Nunito,Arial,sans-serif;margin:16px 0 11px}.skill-card small,.reading-level-card small{font-size:13px;line-height:1.55;color:#607985}.skill-card b,.reading-level-card b{font-size:13px;color:#267e7c;margin-top:auto;padding-top:24px}
.footer-link{border:0;background:none;color:#407f80;font-size:inherit;font-weight:800;padding:4px}
.reading-title h1{font-size:clamp(34px,4vw,52px);margin:9px 0}.reading-title p{font-size:14px;color:#637982}
.reading-steps{display:flex;gap:8px;margin:22px 0}.reading-steps span{flex:1;padding:11px 10px;border-radius:9px;background:#e9eeec;color:#8c9d9b;text-align:center;font-size:12px;font-weight:900}.reading-steps .active{background:#d9f1ed;color:#14716e;box-shadow:inset 0 0 0 2px #74b8ae}
.reading-layout{display:grid;grid-template-columns:minmax(285px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}.reading-question,.reading-passage{padding:26px;border:1px solid #dce8e2;border-radius:18px;background:white}.reading-question{position:sticky;top:15px}.reading-question h2,.reading-passage h2{font-size:24px;margin:10px 0 16px}.reading-question-text{font-size:20px;line-height:2.2;font-weight:800}.reading-token,.passage-token{border:0;border-radius:5px;background:transparent;color:#274752;padding:2px 4px;line-height:1.4}.reading-token{font-weight:900}.reading-token:hover,.passage-token:hover{background:#edf8f6}.reading-token.picked.wh{background:#d4eafd;color:#21527f;box-shadow:0 2px 0 #5e9bd1}.reading-token.picked.key,.passage-token.highlighted{background:#ffe194;color:#624818;box-shadow:0 2px 0 #d9ae46}.reading-instruction{font-size:13px;line-height:1.7;color:#58717b;margin:21px 0 10px}.reading-key-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.reading-key-legend span{font-size:10px;font-weight:800;padding:5px 7px;border-radius:6px;background:#d4eafd}.reading-key-legend span+span{background:#ffe194}.reading-notice{min-height:28px;margin:17px 0 0;font-size:13px;font-weight:800;color:#a04c27;line-height:1.5}.reading-notice.good{color:#16754a}.reading-passage-heading p{font-size:12px;color:#71828b;line-height:1.5}.reading-sentence{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:start;border-bottom:1px solid #e8eeea;padding:12px 0;line-height:2.05;touch-action:pan-y}.reading-sentence.confirmed{background:#e3f4e9;box-shadow:0 0 0 5px #e3f4e9}.reading-line{font-size:11px;color:#9da9a6;font-weight:900;padding-top:6px}.passage-token{font-size:15px}.evidence-select{align-self:center;white-space:nowrap;border:1px solid #c9ded8;border-radius:7px;background:#f1faf7;color:#236961;padding:7px;font-size:11px;font-weight:900}.evidence-select:hover{background:#dbf0e7}.reading-swipe-hint{font-size:12px;color:#397e77;margin:20px 0 0}.reading-answer{border-top:1px solid #e4ece9;margin-top:20px;padding-top:18px}.reading-answer p{font-size:12px;line-height:1.55;color:#627783}.reading-answer textarea{margin:8px 0 12px;font-size:16px;line-height:1.5}.reading-answer .button{margin:0 7px 7px 0}.reading-model{background:#e5f6eb;padding:12px;border-radius:8px}.reading-model.hidden{display:none}.reading-finish{text-align:center;background:#fff;border-radius:20px;padding:60px 20px}.reading-finish span{font-size:58px;color:#dda655}.skill-placeholder{min-height:55vh}.skill-placeholder p{color:#67808a}
@media(max-width:950px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:1fr}.reading-question{position:static}.reading-sentence{grid-template-columns:25px minmax(0,1fr)}.evidence-select{grid-column:2;justify-self:start}}
@media(max-width:640px){.skill-grid,.reading-levels{grid-template-columns:1fr}.skill-card,.reading-level-card{min-height:160px}.reading-question,.reading-passage{padding:18px}.reading-steps span{font-size:10px;padding:9px 5px}.reading-question-text{font-size:18px}.passage-token{font-size:15px}}

.reading-countdown{display:inline-flex;align-items:center;gap:12px;margin:12px 0;padding:9px 15px;border:1px solid #d6e7df;border-radius:12px;background:#f1faf5;color:#527278;font-weight:800}.reading-countdown strong{font-size:23px;font-variant-numeric:tabular-nums;color:#155f65}.reading-time-lock{display:grid;place-items:center;min-height:340px;padding:24px;text-align:center;border:2px dashed #d89147;border-radius:16px;background:#fff8e8;color:#734f28}.reading-time-lock b{font-size:28px}.reading-time-lock p{max-width:430px}.reading-time-lock .button{margin-top:8px}

.reading-levels{display:grid;grid-template-columns:1fr;gap:12px}.reading-grade{border:1px solid #dce8e2;border-radius:15px;background:white;box-shadow:0 7px 24px #24414b0c;overflow:hidden}.reading-grade>summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:18px 21px;cursor:pointer;list-style:none}.reading-grade>summary::-webkit-details-marker{display:none}.reading-grade>summary span{font-size:15px;font-weight:1000;color:#245e66}.reading-grade>summary b{grid-column:2;grid-row:1/3;padding:7px 11px;border-radius:99px;background:#e8f4ed;color:#26776f}.reading-grade>summary small{font-size:12px;color:#70848a}.reading-grade-passages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}.reading-grade-passages .reading-level-card{min-height:125px;padding:16px;border-radius:12px}.reading-grade-passages .reading-level-card strong{font-size:19px;margin:8px 0}.reading-grade-passages .reading-level-card b{padding-top:10px}.reading-grade-passages .reading-level-card span{letter-spacing:.08em}.reading-grade-passages .reading-level-card small{font-size:11px}.reading-mini-card{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #e3ece7;border-radius:12px;background:#fbfcfa}.reading-mini-card span{font-size:9px;font-weight:1000;letter-spacing:.1em;color:#39827d}.reading-mini-card strong{font-size:16px;color:#24414b}.reading-mini-card small{font-size:10px;color:#667e84}.reading-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reading-solo-button,.duel-level-button{padding:9px 7px;border:1px solid #d5e3dd;border-radius:9px;background:#f1f8f4;color:#27545d;font-size:11px;font-weight:900}.reading-mode-buttons .duel-level-button{background:#fff1d2;border-color:#efb764;color:#815321}@media(max-width:640px){.reading-grade-passages{grid-template-columns:1fr}.reading-mode-buttons{grid-template-columns:1fr 1fr}}