.reading-page{--ink:#29233f;--paper:#fffdf5;--accent:#366c5e;--soft:#e8f4d8;background:#f5f0ff;color:var(--ink)}.reading-page *{box-sizing:border-box}.reading-page header{gap:16px;flex-wrap:wrap;position:relative}.reading-page header nav{display:flex;flex-wrap:wrap;gap:14px;margin-left:auto;align-items:center}.reading-page h1,.reading-page h2,.reading-page h3,.reading-page h4{font-family:Andika,sans-serif}.reading-page button,.reading-page input,.reading-page select,.reading-page textarea{font-family:Andika,sans-serif}.reading-shell{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 90px)}.reading-sidebar{padding:30px 22px;border-right:2px solid #e1d5f0;background:#fffcf4;min-width:0}.reading-sidebar h1{font-size:39px;line-height:1.05;margin:12px 0}.heading-dot{color:#dd5b7c}.reading-sidebar>p{font-size:15px;line-height:1.6}.reading-sidebar label{font-size:13px;display:block;font-weight:700;margin:12px 0 6px}.reading-sidebar input,.reading-sidebar select{width:100%;font-size:14px;border:2px solid #ded3ed;border-radius:12px;padding:11px;background:white;color:var(--ink)}.course-choices{display:grid;gap:10px;margin:24px 0}.course-choices button{text-align:left;padding:14px;border:2px solid #e3d9ed;border-radius:17px;background:white;box-shadow:none;color:var(--ink);font-size:17px}.course-choices button.active{border-color:var(--ink);background:var(--soft);box-shadow:3px 3px 0 var(--ink)}.course-choices small{display:block;font-size:12px;margin-top:5px;font-weight:400}.reading-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reading-filters select{padding:9px 5px;font-size:12px}.reading-small{font-size:12px!important;line-height:1.6;color:#70617d}.reading-unit-list{display:grid;gap:8px}.reading-level-heading{font-size:12px;font-weight:800;margin:17px 0 2px;color:#77658c}.reading-unit-list button{width:100%;display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #e4dbea;border-radius:12px;box-shadow:none;padding:12px;background:white;font-size:14px;line-height:1.3}.reading-unit-list button.active{border:2px solid var(--accent);background:var(--soft)}.reading-unit-list .unit-emoji{font-size:25px}.reading-unit-list small{display:block;font-size:10px;font-weight:500;color:#776b83;margin-top:5px}.reading-guide{margin-top:24px;font-size:13px;line-height:1.7;border-top:2px dashed #dbd0e7;padding-top:15px}.reading-guide summary{cursor:pointer;font-weight:700}.reading-guide h4{margin-bottom:4px}.reading-guide ul{padding-left:18px}.reading-guide button{font-size:12px;box-shadow:none}.reading-workspace{display:block;min-width:0;padding:32px clamp(22px,4vw,65px) 50px;background:transparent}.reading-topline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#726181}.reading-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.reading-hero h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-1px;margin:10px 0 15px}.reading-hero p:not(.eyebrow){font-size:clamp(18px,2vw,23px);line-height:1.4;max-width:650px;margin:10px 0}.reading-hero-icon{font-size:82px;background:var(--soft);border:2px solid var(--ink);border-radius:32% 38% 30% 40%;width:140px;height:140px;display:grid;place-items:center;flex-shrink:0;transform:rotate(6deg);box-shadow:6px 6px 0 #29233f18}.reading-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.reading-meta span{font-size:12px;border:1px solid #ddd0ec;background:#ffffffa8;border-radius:50px;padding:7px 11px}.reading-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.reading-page button{cursor:pointer}.reading-actions button,.reading-next-row button{border:2px solid var(--ink);border-radius:13px;padding:12px 17px;background:white;color:var(--ink);font-size:14px;box-shadow:0 3px 0 var(--ink)}.reading-actions .reading-primary{background:#ffe56b}.reading-actions button[aria-pressed=true]{background:var(--soft)}.reading-lesson-choices{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.reading-lesson-choices button{border:1px solid #d7c8e6;background:transparent;border-radius:50px;font-size:12px;padding:9px 13px;box-shadow:none;color:var(--ink)}.reading-lesson-choices button.active{background:var(--ink);color:white;border-color:var(--ink)}.reading-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:2px solid #ded2e9;padding-bottom:0}.reading-tabs button{border:0;border-radius:12px 12px 0 0;background:transparent;white-space:nowrap;box-shadow:none;font-size:13px;padding:13px 14px;color:#776487}.reading-tabs button.active{background:var(--ink);color:white}.reading-content{padding:25px 0;min-height:450px}.reading-content h3{font-size:27px;margin:0 0 15px}.reading-content h4{font-size:20px;margin:12px 0}.reading-content p{line-height:1.75}.reading-card{background:var(--paper);border:2px solid #e3d7ed;border-radius:20px;padding:22px;margin:14px 0}.reading-card.goal{background:var(--soft);border-color:#b9d4c1}.reading-card.goal p{margin:0}.reading-card.goal h3{font-size:19px}.reading-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reading-plan-grid .reading-card{margin:0}.reading-stage-number{display:inline-block;background:var(--ink);color:white;border-radius:9px;padding:5px 9px;font-size:12px;margin-bottom:10px}.reading-card .time-pill{float:right;background:#ffe989;border-radius:40px;font-size:12px;padding:5px 10px}.reading-task{font-size:14px;line-height:1.7;margin:8px 0}.reading-read-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.reading-read-selector button{font-size:13px;border:2px solid #d3c3e3;border-radius:12px;box-shadow:none;background:white;padding:11px 15px}.reading-read-selector button.active{background:var(--soft);border-color:var(--accent)}.reading-passage{background:var(--paper);border:2px solid #e0d4eb;border-radius:24px;padding:clamp(22px,4vw,50px);max-width:850px;margin:auto}.reading-passage h3{font-size:33px}.reading-passage .reading-byline{font-size:12px;color:#7e6b84;margin-bottom:20px}.reading-passage p{font-size:19px;line-height:1.9;margin:0 0 15px;padding:9px 12px;border-radius:9px;cursor:pointer;border:1px solid transparent}.reading-passage p:focus-visible{outline:3px solid #7151cf}.reading-passage p.marked{background:#fff0a8;border-color:#dbc557}.paragraph-num{font-size:11px;display:inline-block;color:#98829c;margin-right:12px;vertical-align:top;font-weight:700}.reading-content textarea{width:100%;min-height:130px;padding:15px;border:2px solid #d8c9e6;border-radius:13px;background:white;font-size:17px;line-height:1.7;color:var(--ink);resize:vertical}.reading-content label{display:block;font-weight:700;margin:17px 0 8px}.reading-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reading-word-card{min-height:150px;border:2px solid #d5c4e7;border-radius:20px;padding:22px;background:var(--paper);text-align:left;box-shadow:0 4px 0 #e0d3e9;color:var(--ink)}.reading-word-card strong{display:block;font-size:26px;overflow-wrap:anywhere}.reading-word-card span{display:block;margin-top:13px;font-size:15px;font-weight:400;line-height:1.5}.reading-word-card[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.reading-match{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.reading-match-column{display:grid;gap:10px}.reading-match button{font-size:15px;min-height:58px;padding:12px;border:2px solid #d7c9e3;border-radius:12px;box-shadow:none;white-space:normal;background:white}.reading-match button.selected{background:#ffe77a;border-color:#998331}.reading-match button.matched{background:#d9efcf;border-color:#5a9677}.reading-question{padding:21px;background:white;border:2px solid #e4d9ee;border-radius:18px;margin:15px 0}.reading-question fieldset{border:0;padding:0;margin:0}.reading-question legend{font-weight:800;font-size:17px;line-height:1.5;padding:0;margin-bottom:10px}.reading-question label{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.6;margin:0;padding:9px;font-size:15px;border-radius:9px}.reading-question label:hover{background:#f4effa}.reading-question input{margin-top:5px;flex-shrink:0}.reading-feedback{font-size:14px;padding:12px;border-radius:10px;background:#f2edf8}.reading-feedback.correct{background:#e2f4d9}.reading-content button.small-action{font-size:13px;padding:10px 14px;background:#ffe675;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:10px}.reading-content details{margin:15px 0;padding:14px;background:#f0eafa;border-radius:12px;line-height:1.7}.reading-content details summary{cursor:pointer;font-weight:700}.reading-sequence{padding:0;list-style:none;counter-reset:seq}.reading-sequence li{display:flex;align-items:center;gap:10px;padding:12px;margin:8px 0;background:white;border:1px solid #dfd1ed;border-radius:12px;font-size:14px}.reading-sequence li:before{counter-increment:seq;content:counter(seq);background:var(--soft);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.reading-sequence span{flex:1}.reading-sequence button{font-size:15px;box-shadow:none;padding:5px 10px;border:1px solid #d3c4e1;border-radius:7px;background:white}.reading-video-card{background:#173d36;color:white;border:2px solid var(--ink);border-radius:24px;padding:30px;display:flex;gap:25px;align-items:center;margin:15px 0}.reading-video-icon{font-size:70px}.reading-video-card h3{color:white;font-size:26px}.reading-video-card p{font-size:13px;color:#dbede5}.reading-video-card a{background:#ffe675;color:#29233f;font-weight:800;padding:12px 18px;border-radius:12px;display:inline-block;text-decoration:none}.reading-print-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reading-print-options button{font-size:16px;min-height:130px;background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 #dfd1ed;padding:20px;white-space:normal}.reading-next-row{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.reading-status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;background:#29233f;color:white;padding:12px 20px;z-index:1000;display:none;max-width:85vw;font-size:14px}.reading-status.visible{display:block}.reading-page button:disabled{opacity:.45;cursor:default}.reading-classroom .reading-sidebar,.reading-classroom>header{display:none}.reading-classroom .reading-shell{display:block;max-width:1400px}.reading-classroom .reading-workspace{padding-top:24px}.reading-classroom #readingClassroom{position:fixed;top:12px;right:15px;z-index:50;background:#ffe675}.reading-classroom .reading-passage{max-width:1100px}.reading-classroom .reading-passage p{font-size:25px}.reading-presentation{background:#183d36;color:#fffdf4;width:min(1400px,98vw);height:96dvh;max-height:96dvh;max-width:98vw;border:3px solid #ffe675;border-radius:24px;padding:20px;overflow:auto}.reading-presentation::backdrop{background:#140c25db}.reading-slide-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;position:sticky;top:0;background:#183d36;z-index:5;padding-bottom:12px}.reading-slide-toolbar button,.reading-slide-controls button{font-size:14px;border:1px solid #c8ddd1;background:#f7f6ed;color:var(--ink);border-radius:10px;padding:10px 15px;box-shadow:none}.reading-slide-toolbar span{font-size:13px;color:#d5e7dc}.reading-slide-controls{display:flex;gap:12px;align-items:center;justify-content:center;position:sticky;bottom:0;background:#183d36;padding:15px 0 5px;flex-wrap:wrap}.reading-slide-controls button:last-child{background:#ffe675;border-color:#ffe675}.reading-slide-controls #readingTimer{font-variant-numeric:tabular-nums;min-width:55px;font-size:25px}.reading-slide{min-height:55vh;padding:30px 6%;display:flex;flex-direction:column;justify-content:center}.reading-slide h2{font-size:clamp(34px,5vw,65px);line-height:1.08;color:#ffe779;margin:10px 0 25px}.reading-slide p{font-size:clamp(22px,2.7vw,36px);line-height:1.7;margin:10px 0}.reading-slide .slide-kicker{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#bedaca}.reading-slide .slide-question{padding:15px 22px;border:2px solid #567f6d;border-radius:16px;margin:12px 0;font-size:clamp(20px,2.5vw,32px);line-height:1.5;background:#214b41;box-shadow:none;color:white;text-align:left;white-space:normal}.reading-slide .slide-answer{color:#ffe675;font-size:22px;padding-left:20px}.reading-slide a{background:#ffe675;color:#29233f;padding:15px 22px;border-radius:15px;width:fit-content;font-size:20px;font-weight:800}.reading-slide-notice{font-size:14px!important;color:#bdd6c8}.reading-slide-vocab{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reading-slide-vocab button{font-size:24px;color:#29233f;border:2px solid #e0d3a0;border-radius:18px;padding:28px;background:#fff6da;white-space:normal;box-shadow:0 5px 0 #0b2a23}.reading-slide-vocab small{display:block;font-size:19px;line-height:1.5;margin-top:15px;font-weight:400}.reading-slide-notice button{font-size:14px}#readingSlideNotes{display:none;border:1px dashed #8cb49e;border-radius:12px;padding:14px;color:#e0efe5;line-height:1.7}#readingSlideNotes[open]{display:block}#readingSlideNotes summary{display:none}.reading-rubric{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reading-rubric div{background:white;border-radius:12px;padding:15px;border:1px solid #ded2e9;font-size:13px;line-height:1.7}.reading-rubric strong{display:block}.reading-page :focus-visible{outline:3px solid #9166da;outline-offset:3px}@media(max-width:1000px){.reading-shell{grid-template-columns:260px minmax(0,1fr)}.reading-workspace{padding:25px 22px}.reading-hero-icon{width:95px;height:95px;font-size:57px}.reading-plan-grid{grid-template-columns:1fr}.reading-page header .brand{font-size:22px}.reading-page header nav{gap:10px;margin-left:0}.reading-page header .nav-link{font-size:12px}}@media(max-width:700px){.reading-shell{display:block}.reading-sidebar{border-right:0;border-bottom:2px solid #e1d5f0;padding:22px}.reading-sidebar h1{font-size:32px}.course-choices{grid-template-columns:1fr 1fr;margin:15px 0}.course-choices button{font-size:15px}.reading-unit-list{max-height:240px;overflow:auto}.reading-filters{grid-template-columns:1fr 1fr}.reading-hero-icon{display:none}.reading-hero h2{font-size:38px}.reading-workspace{padding:23px 16px}.reading-word-grid,.reading-print-options{grid-template-columns:1fr}.reading-passage p{font-size:18px}.reading-actions button{padding:11px;font-size:12px}.reading-video-card{display:block;padding:23px}.reading-video-icon{display:none}.reading-slide-toolbar{gap:5px}.reading-slide-toolbar button{font-size:11px;padding:9px}.reading-slide-toolbar span{font-size:10px}.reading-slide{padding:20px 5px}.reading-slide-vocab{grid-template-columns:1fr}.reading-slide-controls button{font-size:12px;padding:8px}.reading-rubric{grid-template-columns:1fr}}
@media print{@page{size:A4;margin:16mm}.reading-page.print-mode> *{display:none!important}.reading-page.print-mode>#readingPrintArea{display:block!important;background:white!important;color:#111!important}.reading-page.print-mode{background:white!important;font-size:11pt}.reading-page #readingPrintArea *{color:#111!important;box-shadow:none!important;text-shadow:none!important}.reading-print-header{border-bottom:2px solid #333;padding-bottom:12px;margin-bottom:20px}.reading-print-header h1{font-size:25pt;margin:8px 0}.reading-print-header p{font-size:10pt}.reading-print-reading{break-before:page}.reading-print-reading h2{font-size:21pt}.reading-print-reading p{font-size:12pt;line-height:1.7}.reading-print-answer-space{height:24mm;border-bottom:1px solid #aaa;margin-bottom:8px}.reading-print-question{break-inside:avoid;margin:16px 0;line-height:1.6}.reading-print-section{break-before:page}.reading-print-section h2{font-size:22pt}.reading-print-section li{line-height:1.7;margin:8px 0}.reading-print-vocab{width:100%;border-collapse:collapse}.reading-print-vocab td,.reading-print-vocab th{border:1px solid #aaa;padding:10px;text-align:left}.reading-print-writing{height:120mm;background:repeating-linear-gradient(white,white 9mm,#ccc 9mm,#ccc 9.2mm)!important}.reading-print-plan{break-inside:avoid;border-bottom:1px solid #ccc;padding:12px 0}.reading-print-plan h3{font-size:13pt}.reading-print-link{font-size:9pt;overflow-wrap:anywhere}.reading-print-outline{height:60mm;border:1px solid #aaa;margin:15px 0}}
@media print{.reading-print-reading:first-of-type{break-before:auto}}
/* A main element is a grid item here, not the application's outer grid. */
.reading-workspace{margin:0;width:100%;min-height:0;align-self:start}.reading-page .reading-passage{font-family:Andika,sans-serif;font-size:19px}