.read-heading,.read-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}.read-heading h1{font-size:clamp(1.65rem,3.2vw,2.6rem);margin:4px 0}.read-level{align-self:center;font-weight:750;padding:12px 20px;border-radius:30px;background:#dbf5f3;color:#06565c}.read-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.read-book{border:1px solid #cddcde;border-top:5px solid #07818b;background:white;padding:22px;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.read-book p,.read-book h2,.read-book h3{margin:0 0 8px;overflow-wrap:anywhere}.read-book h2{font-size:1.3rem}.read-book.read-core{border-top-color:#bc7800;background:#fffbf2}.read-book button{width:100%;white-space:normal}.read-status{font-weight:650}.read-progress{display:flex;align-items:center;gap:15px;margin:16px 0;flex-wrap:wrap}.read-progress progress{flex:1;min-width:160px;height:13px;accent-color:#07818b}.read-sections{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mq-portal .read-sections button{font-size:.9rem;padding:10px 14px;white-space:normal;max-width:100%}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.read-main{min-width:0}.read-main>.mq-card{margin-bottom:20px}.read-passage{font-size:1.16rem;line-height:1.95;max-width:70ch}.read-passage p{position:relative;padding-left:30px;white-space:pre-wrap;overflow-wrap:break-word}.read-paragraph-number{position:absolute;left:0;top:3px;color:#587179;font-size:.8rem;font-weight:750}.read-poem p{margin:3px 0}.read-vocabulary article{border-top:1px solid #d5e4e3;padding:14px 0}.read-vocabulary h3{font-size:1rem;margin:6px 0}.read-vocabulary p{font-size:1rem;line-height:1.5}.read-vocabulary h2{font-size:1.3rem}.read-focus{background:#e4f6f4;padding:15px;border-radius:10px}.read-wordbank{padding:18px;background:#eaf7f5;border:1px solid #b6ded8;border-radius:12px}.read-wordbank h3{margin:0 0 12px}.read-wordbank>div{display:flex;gap:8px;flex-wrap:wrap}.read-wordbank span{padding:7px 13px;border-radius:9px;background:white;border:1px solid #b6d6d2;font-size:1rem}.read-wordbank p{font-size:.9rem;margin-bottom:0}.read-question{padding:22px 0;border-bottom:1px solid #dae5e5}.read-question h3{font-size:1.05rem;line-height:1.55;margin-top:0}.mq-portal .read-fill{font-size:1.1rem;line-height:2.8}.mq-portal .read-fill input{display:inline-block;width:190px;max-width:100%;margin:4px 6px;padding:9px 12px;font-size:1rem;border:2px solid #9bbcb9;border-radius:8px;vertical-align:middle}.read-choices{display:grid;gap:12px;margin:16px 0}.read-choices label{display:flex;align-items:flex-start;gap:9px;background:#f5f9fa;border:1px solid #d4e2e4;border-radius:10px;padding:14px;font-size:1rem}.read-choices input{flex:0 0 20px;width:20px;margin:4px 0}.read-feedback{padding:12px 16px;border-radius:10px;background:#eaf5f8;margin-top:12px;font-size:1rem}.read-feedback p{margin:4px 0}.read-question textarea{min-height:140px}.read-toolbar>span{font-size:.9rem}.read-layout input:focus,.read-layout textarea:focus{outline:3px solid #81d5d1;outline-offset:2px}
@media(max-width:1050px){.read-books{grid-template-columns:repeat(2,minmax(0,1fr))}.read-layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:720px){.read-layout{grid-template-columns:1fr}.read-vocabulary{order:-1}.read-vocabulary article{display:inline-block;vertical-align:top;margin-right:16px;max-width:100%}.read-heading{align-items:flex-start}.read-passage{font-size:1.1rem}.read-toolbar button{flex:1}.mq-portal .read-fill input{width:160px}.read-sections button{flex:1;min-width:115px}}
@media(max-width:440px){.read-books{grid-template-columns:1fr}.read-book{padding:18px}.read-main .mq-card{padding:19px}.read-passage p{padding-left:22px}.read-level{margin:0 0 12px}}

.read-library-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.read-library-entry h1{margin:4px 0;font-size:clamp(1.6rem,3vw,2.3rem)}.read-library-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr));gap:16px}.read-library-filters label{min-width:0}.read-library-filters input,.read-library-filters select{width:100%;max-width:100%;box-sizing:border-box}.read-excerpt{color:#49616a;font-size:.96rem;line-height:1.65}.read-full-text{max-width:850px;margin:0 auto}.read-full-text>section+section{margin-top:32px}.read-full-text .read-passage{max-width:none}.read-full-text .read-passage p{padding-left:0}.read-full-text h2{font-size:1rem;color:#526a73}.read-library-entry button{white-space:normal}#read-library-books .read-book button{margin-top:auto}
@media(max-width:800px){.read-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.read-library-filters{grid-template-columns:minmax(0,1fr)}.read-library-entry button{width:100%}.read-full-text{padding:18px}}
/* Section and activity controls have separate, stable roles. */
.read-week-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 20px}.mq-portal .read-week-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;white-space:normal;background:#fff;border:1px solid #cfdfdf;color:#204954;padding:14px;border-radius:14px;font-size:.92rem;min-width:0}.read-week-card strong{line-height:1.35}.read-week-card small,.read-week-card span{font-size:.78rem}.mq-portal .read-week-card.active{border:2px solid #07818b;background:#effbf9}.read-week-card:disabled{opacity:.62}.read-activities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#eaf2f3;padding:6px;border-radius:14px;margin:0 0 18px}.mq-portal .read-activities button{white-space:normal;padding:12px 8px;border:0;border-radius:10px;min-width:0}.mq-portal .read-activities [aria-current=page]{background:#fff;color:#056d76;box-shadow:0 2px 5px #163f5010}.read-section-controls{align-items:center;gap:10px;padding:12px 0;border-top:1px solid #dae6e6}.read-section-select{display:flex;align-items:center;gap:8px;font-size:.85rem;margin:0}.read-section-select select{width:auto;max-width:220px}.read-vocabulary-panel>summary{font-size:1.1rem;font-weight:750;cursor:pointer}.read-vocabulary-panel input{width:100%;min-width:0}.read-vocabulary-panel label{margin-top:18px}#read-word-list{max-height:65vh;overflow-y:auto}.read-vocabulary-panel button{white-space:normal;font-size:.85rem}.read-vocabulary-panel>button{width:100%;margin:12px 0}.read-question-number{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:7px;background:#173c4c;color:white;font-size:.85rem;margin-right:8px}.read-field-error{color:#a22231;font-size:.95rem;min-height:0}.read-field-error:empty{display:none}.read-hint{align-self:center;color:#126c75}.read-hint summary{cursor:pointer;font-weight:650}.read-hint p{max-width:60ch;padding:12px;background:#f1f8f8;border-radius:8px;color:#254b54}.read-fill input:focus{border-color:#07818b;background:#f1fffd}.read-reread{margin-top:18px}.read-reread p{line-height:1.8}.read-save-error{background:#fff6e9;border:1px solid #e7cca2;padding:14px;border-radius:12px;margin-bottom:16px}.read-save-error[hidden]{display:none}.read-save-error p{margin:0 0 10px}.read-listening,.read-preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.read-listening label{display:flex;align-items:center;gap:6px;margin:0}.read-listening select{width:auto}.read-listening button{font-size:.88rem}.read-preview{padding:12px;background:#eef7f7;border-radius:10px}.read-preview [aria-pressed=true]{border:2px solid #087d86}.mq-portal .read-term{display:inline;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;border:0;border-bottom:2px dotted #138893;border-radius:0;white-space:normal}.read-passage.read-large{font-size:1.45rem}.read-passage+button,.read-passage>button{font-size:.78rem;padding:7px 10px;margin:0 0 12px 30px}.read-evidence-list{margin:20px 0}.read-evidence-list blockquote{margin:12px 0;padding:10px 18px;border-left:3px solid #26a8a8;background:#f3f9f8;line-height:1.6}.read-curriculum{margin:14px 0}.read-wordbank button{background:white;color:#1a555e;border:1px solid #adcdcd;padding:8px 12px;font-size:1rem}.read-main h2{font-size:1.35rem}.read-main .read-focus{background:transparent;border-left:3px solid #28aaa8;border-radius:0;padding:6px 16px;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.read-vocabulary{position:sticky;top:16px}.read-vocabulary-panel{margin-top:0}
@media(max-width:900px){.read-week-path{grid-template-columns:repeat(2,minmax(0,1fr))}.read-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:720px){.read-layout{display:flex;flex-direction:column}.read-main,.read-vocabulary{width:100%;min-width:0}.read-vocabulary{position:static;order:2}.read-vocabulary-panel article{display:block}.read-vocabulary-panel{margin:12px 0}.read-section-controls button{min-width:auto;flex:0 1 auto}.read-section-select{max-width:100%;flex:1}.read-section-select select{max-width:100%;min-width:0}.read-activities{position:sticky;top:0;z-index:2}.read-activities button{font-size:.84rem}.read-listening label{font-size:.85rem}.read-toolbar>p{line-height:1.6}.read-week-card{padding:10px}.read-week-card strong{font-size:.85rem}}

.read-section-writing{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #c8e6e0}.read-fill input.read-blank-active{outline:3px solid #168071;outline-offset:2px}.read-wordbank button{min-height:44px}.read-wordbank{position:sticky;top:0;z-index:2;box-shadow:0 3px 12px #12332a12}.read-section-writing .read-question-number{display:none}@media(max-width:720px){.read-wordbank{position:static}}