:root{--navy:#0f172a;--ink:#111827;--muted:#64748b;--line:#dbe3ef;--blue:#2563eb;--purple:#7c3aed;--paper:#fffdf8;--green:#166534;--rose:#be123c;--amber:#92400e;--header:76px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#edf6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip-link{position:fixed;left:12px;top:-80px;z-index:1000;padding:10px 14px;border-radius:10px;background:#111827;color:#fff;font-weight:800}.skip-link:focus{top:12px}.demo-site-header{position:sticky;top:0;z-index:90;height:var(--header);border-bottom:1px solid rgba(148,163,184,.26);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.demo-header-inner{width:min(1500px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;gap:22px}.demo-brand{display:inline-flex;align-items:center;gap:9px;color:#0f172a;text-decoration:none;font-size:1.06rem;font-weight:950}.demo-brand img{width:55px;height:40px;object-fit:contain}.demo-brand span{font-size:1.1rem}.demo-header-label{color:#64748b;font-size:.82rem;font-weight:800}.demo-header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.demo-header-actions a{padding:9px 12px;border-radius:10px;color:#334155;text-decoration:none;font-size:.78rem;font-weight:850}.demo-header-actions a:hover{background:#eef2ff}.demo-header-actions .primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb)}.demo-notice{position:relative;z-index:70;border-bottom:1px solid rgba(99,102,241,.14);background:#f6f3ff}.demo-notice-inner{width:min(1500px,calc(100% - 36px));margin:auto;padding:10px 0;color:#5b5d78;font-size:.77rem;line-height:1.45}.demo-notice strong{color:#4c1d95}.demo-footer{padding:24px;text-align:center;color:#6b7c90;font-size:.72rem;background:#edf6ff}

/* Choice page */.demo-choice-page{background:linear-gradient(160deg,#f8fbff,#eef5ff 48%,#f8f5ff)}.demo-landing{width:min(1180px,calc(100% - 36px));margin:auto;padding:64px 0 80px}.demo-showcase-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center;margin-bottom:32px}.demo-eyebrow{margin:0 0 10px;color:#6d28d9;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.demo-showcase-intro h1{max-width:760px;margin:0;color:#111827;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94;letter-spacing:-.055em}.demo-showcase-intro p:not(.demo-eyebrow){max-width:720px;color:#586d82;font-size:1rem;line-height:1.65}.showcase-structure{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.showcase-structure span{padding:7px 10px;border:1px solid #ddd6fe;border-radius:999px;background:#fff;color:#5b21b6;font-size:.7rem;font-weight:850}.showcase-image{margin:0;padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:#fff;box-shadow:0 26px 70px rgba(15,23,42,.14)}.showcase-image img{display:block;width:100%;border-radius:16px;aspect-ratio:1/1;object-fit:cover}.showcase-image figcaption{padding:9px 3px 2px;color:#718198;font-size:.67rem}.demo-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-choice{padding:30px;border:1px solid #dbe4ed;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08)}.demo-choice.student{background:linear-gradient(145deg,#fff,#f5f2ff)}.demo-choice .tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.demo-choice h2{margin:14px 0 7px;font-size:1.4rem}.demo-choice p,.demo-choice li{color:#607488;font-size:.83rem;line-height:1.55}.demo-choice ul{padding-left:19px}.demo-choice a{display:inline-flex;margin-top:10px;padding:11px 15px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;text-decoration:none;font-size:.82rem;font-weight:950}.demo-disclaimer{max-width:900px;margin:26px auto 0;color:#718198;font-size:.75rem;line-height:1.6;text-align:center}

/* Real CTS book shell */.book-only-stage{min-height:100vh;padding:14px 18px 36px;background:radial-gradient(circle at 10% 4%,rgba(126,87,255,.18),transparent 22%),linear-gradient(135deg,#eff8ff 0%,#dcecff 48%,#f9fbff 100%)}.book-area{min-width:0}.top-actions{position:sticky;top:calc(var(--header) + 41px);z-index:60;margin:0 auto 12px;max-width:1520px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(15,23,42,.08);padding:10px 14px;backdrop-filter:blur(10px)}.top-actions strong{display:block;font-size:14px}.top-actions span{display:block;color:#64748b;font-size:12px}.top-action-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.top-action-controls a,.top-action-controls button,.workbook-zoom-control{border:0;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:950;text-decoration:none}.top-action-controls a,.top-action-controls button{color:#334155;background:#eef2ff;cursor:pointer}.top-action-controls .active-top-toggle{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb)}.readonly-pill{display:inline-flex!important;align-items:center;border-radius:999px;padding:10px 12px!important;color:#64748b!important;background:#eef2ff;font-weight:950;min-height:40px}.workbook-zoom-control{display:flex;align-items:center;gap:8px;color:#334155;background:#eef2ff}.workbook-zoom-control span{font-size:12px;color:#334155}.workbook-zoom-control select{border:0;background:#fff;border-radius:8px;padding:5px 7px;font-weight:850}.book-navigation{max-width:1520px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:18px}.book-navigation span{color:#334155;font-weight:950;font-size:13px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.32);padding:9px 16px;border-radius:999px;box-shadow:0 10px 22px rgba(15,23,42,.08)}.book-navigation button{border:0;border-radius:999px;padding:12px 18px;color:#fff;font-weight:950;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 24px rgba(37,99,235,.18);cursor:pointer}.book-navigation button:disabled{cursor:not-allowed;color:#94a3b8;background:#e2e8f0;box-shadow:none}.bottom-nav{margin-top:14px;margin-bottom:0}.book-spread-stack{display:grid;gap:34px;padding-bottom:0}.open-book{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1520px;min-height:790px;margin:0 auto;padding:0;filter:drop-shadow(0 24px 45px rgba(15,23,42,.22));perspective:1600px}.left-page-wrap,.right-page-wrap{min-width:0}.book-leaf{position:relative;min-height:790px;height:100%;background:linear-gradient(90deg,rgba(108,91,70,.08),transparent 5%,transparent 96%,rgba(108,91,70,.06)),linear-gradient(180deg,var(--paper) 0%,#fffefc 62%,#fff8ed 100%);overflow:hidden}.left-page-wrap .book-leaf{border-radius:8px 0 0 8px;border-right:1px solid rgba(92,75,55,.16);box-shadow:inset -28px 0 38px rgba(63,48,36,.10),inset 0 0 0 1px rgba(90,75,55,.12)}.right-page-wrap .book-leaf{border-radius:0 8px 8px 0;border-left:1px solid rgba(92,75,55,.14);box-shadow:inset 28px 0 38px rgba(63,48,36,.095),inset 0 0 0 1px rgba(90,75,55,.12)}.book-page-content{position:relative;z-index:2;padding:42px 52px 50px}.book-spine{position:absolute;z-index:10;left:calc(50% - 10px);top:0;bottom:0;width:20px;pointer-events:none;background:linear-gradient(90deg,rgba(60,45,30,.22),rgba(255,255,255,.78) 42%,rgba(60,45,30,.18));box-shadow:0 0 18px rgba(60,45,30,.22)}.book-edge{position:absolute;top:10px;bottom:10px;width:18px;z-index:1;background:repeating-linear-gradient(90deg,#efe6d5 0,#efe6d5 2px,#d8cbb6 3px,#fff7e8 5px)}.left-edge{left:-17px;border-radius:8px 0 0 8px}.right-edge{right:-17px;border-radius:0 8px 8px 0}.page-number{position:absolute;bottom:16px;color:#5b21b6;font-weight:900;font-size:12px}.left-page-wrap .page-number{left:38px}.right-page-wrap .page-number{right:38px}.blank-note{display:grid;place-items:center;min-height:620px;color:#c0ad92;font-family:Georgia,serif;font-size:30px;font-style:italic}.unit-ribbon{position:absolute;left:34px;top:0;width:86px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,#7c3aed,#5b21b6);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);box-shadow:0 14px 30px rgba(91,33,182,.32);text-transform:uppercase}.unit-ribbon span{font-size:15px;font-weight:900;letter-spacing:.12em}.unit-ribbon strong{font-size:44px;line-height:.9}.cover-sheet .book-page-content{padding-left:164px;display:flex;flex-direction:column;min-height:790px}.cover-meta{display:inline-block;align-self:flex-start;margin-top:16px;border-radius:6px;background:#e9d5ff;color:#5b21b6;padding:5px 11px;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.book-title-input{margin:22px 0 6px;color:#111827;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4.1vw,60px);line-height:.98;font-weight:900;letter-spacing:-.06em;overflow-wrap:break-word}.lesson-metadata-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px;padding:12px;border:1px solid #e9d5ff;border-radius:16px;background:linear-gradient(135deg,rgba(250,245,255,.92),rgba(239,246,255,.92))}.lesson-metadata-card div{border:1px solid rgba(148,163,184,.24);border-radius:12px;background:rgba(255,255,255,.76);padding:8px 9px;min-width:0}.lesson-metadata-card span{display:block;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#7c3aed}.lesson-metadata-card strong{display:block;margin-top:3px;font-size:11px;line-height:1.25;color:#111827;overflow-wrap:anywhere}.cover-divider{height:2px;margin:14px 0 20px;background:linear-gradient(90deg,#6d3fd6,transparent)}.goal-box{margin-top:4px;border:1px solid #ddd6fe;border-radius:12px;background:linear-gradient(135deg,#faf5ff,#fff7ed);padding:16px 18px}.goal-box h2{margin:0;color:#6d3fd6;font-size:18px;font-weight:950}.goal-box ul{margin:8px 0 0;padding-left:22px}.goal-box li{margin:7px 0;line-height:1.38;font-size:13px}.page-heading-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;margin-bottom:16px;color:#fff}.page-heading-block>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);font-size:13px;font-weight:950}.page-heading-block h2{margin:0;min-width:0;line-height:1.05;font-size:clamp(14px,1.22vw,20px);text-transform:uppercase;letter-spacing:.025em}.page-heading-block em{font-style:normal}.label-purple,.label-violet{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.label-green,.label-emerald{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#059669,#047857)}.label-blue,.label-sky{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.label-rose,.label-red{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#e11d48,#be123c)}.label-amber{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#d97706,#b45309)}.label-slate{border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#475569,#1e293b)}.section-title-input{margin:0 0 12px;color:#111827;font-size:clamp(18px,1.45vw,26px);line-height:1.08;font-weight:950}.book-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.publisher-box{border-radius:14px;padding:18px}.publisher-box h3{margin:0 0 8px;font-size:18px}.publisher-box ul{margin:0;padding-left:20px}.publisher-box li{margin:7px 0;font-size:13px;line-height:1.48}.blue-box{border:1px solid #bfdbfe;background:#eff6ff}.green-box{border:1px solid #bbf7d0;background:#f0fdf4}.teacher-callout{margin-top:16px;padding:14px 15px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#78350f;font-size:12px;line-height:1.5}.theme-green{background:linear-gradient(180deg,#fffdf8,#f5fff7)}.theme-emerald{background:linear-gradient(180deg,#fffdf8,#f0fdfa)}.theme-blue{background:linear-gradient(180deg,#fffdf8,#eff6ff)}.theme-rose{background:linear-gradient(180deg,#fffdf8,#fff1f2)}.theme-red{background:linear-gradient(180deg,#fffdf8,#fef2f2)}.theme-sky{background:linear-gradient(180deg,#fffdf8,#f0f9ff)}.theme-violet{background:linear-gradient(180deg,#fffdf8,#f5f3ff)}.theme-amber{background:linear-gradient(180deg,#fffdf8,#fffbeb)}.theme-slate{background:linear-gradient(180deg,#fffdf8,#f8fafc)}.lesson-image-frame{margin:0 0 16px;padding:10px;border:1px solid rgba(92,75,55,.18);border-radius:14px;background:#fff7ed;box-shadow:0 14px 26px rgba(15,23,42,.13)}.lesson-image-frame img{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:10px}.lesson-image-frame figcaption{padding:8px 2px 0;color:#64748b;font-size:11px}.reading-image-frame{float:right;width:min(42%,300px);margin:0 0 16px 20px;padding:0;overflow:hidden}.reading-image-frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.lesson-html{clear:both;color:#121826;font-size:13px;line-height:1.55}.lesson-html h2{margin:12px 0 6px;color:#111827;font-size:19px;font-weight:950;letter-spacing:-.02em}.lesson-html h3{margin:12px 0 5px;color:#1e3a8a;font-size:15px;font-weight:950}.lesson-html p{margin:7px 0}.lesson-html ul,.lesson-html ol{margin:8px 0 10px 20px}.lesson-html li{margin:4px 0}.lesson-html article p{font-size:13px;line-height:1.65}.lesson-html table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0;border:1px solid #dbe3ef;border-radius:10px;overflow:hidden;font-size:12px}.lesson-html th,.lesson-html td{padding:7px 8px;border-bottom:1px solid #dbe3ef;vertical-align:top}.lesson-html th{background:#f3e8ff;color:#581c87;text-align:left;font-weight:950}.lesson-html tr:last-child td{border-bottom:0}.lesson-html .vocabulary-table,.lesson-html .natural-expressions-table{table-layout:fixed}.lesson-html .vocabulary-table th:nth-child(1),.lesson-html .vocabulary-table td:nth-child(1){width:24%}.lesson-html .vocabulary-table th:nth-child(2),.lesson-html .vocabulary-table td:nth-child(2){width:34%}.lesson-html .vocabulary-table th:nth-child(3),.lesson-html .vocabulary-table td:nth-child(3){width:42%}.lesson-html .natural-expressions-table th:nth-child(1),.lesson-html .natural-expressions-table td:nth-child(1){width:19%}.lesson-html .natural-expressions-table th:nth-child(2),.lesson-html .natural-expressions-table td:nth-child(2){width:13%}.lesson-html .natural-expressions-table th:nth-child(3),.lesson-html .natural-expressions-table td:nth-child(3){width:29%}.lesson-html .natural-expressions-table th:nth-child(4),.lesson-html .natural-expressions-table td:nth-child(4){width:39%}.lesson-html .grammar-explanation{padding:13px;border:1px solid #bfdbfe;border-radius:14px;background:rgba(239,246,255,.72)}.lesson-html .grammar-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lesson-html .grammar-structure-grid>*{margin:0;padding:9px;border:1px solid #dbeafe;border-radius:10px;background:#fff}.lesson-html .grammar-contrast-table th{background:#dbeafe;color:#1e3a8a}.lesson-html .grammar-example-list{display:grid;gap:0;margin-top:12px;border:1px solid #dbeafe;border-radius:12px;overflow:hidden}.lesson-html .grammar-example{display:grid;grid-template-columns:1fr .95fr;margin:0;border-bottom:1px solid #dbeafe}.lesson-html .grammar-example:last-child{border-bottom:0}.lesson-html .grammar-example>*{margin:0;padding:9px}.lesson-html .grammar-example-note{border-left:1px solid #dbeafe;color:#64748b}.lesson-html .writing-brief{padding:14px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.lesson-html .review-intro{padding:12px;border:1px solid #ddd6fe;border-radius:12px;background:#faf5ff}.audio-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:14px;margin:14px 0 18px;padding:14px;border-radius:18px;border:1px solid rgba(244,63,94,.20);background:linear-gradient(135deg,#fff1f2,#fff);box-shadow:0 12px 28px rgba(244,63,94,.08)}.audio-card strong{display:block;color:#9f1239;font-size:14px}.audio-card span{display:block;color:#64748b;font-size:12px;margin-top:2px}.audio-card audio{width:100%}.download-audio-button{padding:10px 13px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185);text-decoration:none;font-size:12px;font-weight:950;text-align:center}.teacher-transcript{margin-top:12px;padding:12px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc;max-height:390px;overflow:auto}.teacher-transcript summary{cursor:pointer;color:#334155;font-weight:950}.teacher-transcript p{margin:9px 0;color:#475569;font-size:12px;line-height:1.5}.teacher-transcript span{color:#64748b}.teacher-notes-inline{margin-top:14px;padding:13px;border-top:1px dashed #cbd5e1;background:rgba(255,255,255,.46)}.teacher-notes-inline h3{margin:0 0 6px;color:#6d28d9;font-size:14px}.structured-exercises{margin-top:18px;display:grid;gap:15px}.exercise-block,.speaking-discussion-block{border:1px solid rgba(15,23,42,.12);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96));padding:14px;box-shadow:0 12px 24px rgba(15,23,42,.06)}.exercise-block-head,.speaking-discussion-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.exercise-block-head span,.speaking-discussion-head span{display:inline-block;border-radius:999px;background:#eef2ff;color:#4338ca;padding:3px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.exercise-block-head h3,.speaking-discussion-head h3{margin:5px 0 0;color:#0f172a;font-size:18px;line-height:1.12;font-weight:950}.block-result{border-radius:12px;background:#dcfce7;color:#166534;padding:8px 10px;font-size:12px;font-weight:950}.exercise-instructions{color:#475569;font-size:13px;line-height:1.45}.exercise-question-list{margin:11px 0 0;padding-left:19px;display:grid;gap:11px}.exercise-question-list>li{padding:10px;border-radius:13px;background:rgba(241,245,249,.72)}.exercise-question-list>li.is-correct{background:#ecfdf5;outline:1px solid #86efac}.exercise-question-list>li.is-incorrect{background:#fff1f2;outline:1px solid #fda4af}.exercise-question-list>li.is-review{background:#fffbeb;outline:1px solid #fcd34d}.interactive-question p,.print-question p{margin:0 0 8px;color:#111827;font-size:14px;line-height:1.45;font-weight:760}.student-answer-input{width:100%;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:10px 11px;font-size:14px;outline:none}.student-answer-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.choice-grid{display:grid;gap:7px}.student-choice-button{display:flex;width:100%;gap:8px;align-items:flex-start;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:9px;color:#334155;font-size:13px;text-align:left;cursor:pointer}.student-choice-button.is-selected{border-color:#7c3aed;background:#f5f3ff;box-shadow:inset 0 0 0 1px rgba(124,58,237,.28)}.print-question ul{margin:4px 0 0 18px;color:#334155;font-size:13px}.teacher-answer{margin-top:7px;border-left:4px solid #22c55e;padding:6px 8px;background:#f0fdf4;color:#14532d;font-size:13px}.question-feedback{margin:7px 0 0;color:#475569;font-size:12px;line-height:1.4}.exercise-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.exercise-actions button{border:0;border-radius:11px;background:#4f46e5;color:#fff;padding:9px 12px;font-size:12px;font-weight:950;cursor:pointer}.exercise-actions button.secondary{background:#64748b}.speaking-prompt-list{padding-left:22px}.speaking-prompt-list li{margin:9px 0;color:#334155;font-size:13px;line-height:1.5}.speaking-cue-card{padding:14px;border:1px solid #c4b5fd;border-radius:14px;background:#faf5ff}.speaking-cue-card p{margin:0;color:#4c1d95;line-height:1.55}.homework-writing-box{margin-top:18px;padding:15px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.homework-writing-box label{display:flex;justify-content:space-between;gap:10px;color:#075985;font-size:12px}.homework-writing-box textarea{width:100%;min-height:180px;margin-top:9px;border:1px solid #7dd3fc;border-radius:11px;padding:11px;font:inherit;resize:vertical}.session-only-note{margin-top:8px;color:#64748b;font-size:11px}.semantic-note{margin-top:12px;padding:11px;border:1px solid #fde68a;border-radius:11px;background:#fffbeb;color:#78350f;font-size:11px;line-height:1.45}.answer-key-page .lesson-html{font-size:12px}.answer-key-page .lesson-html section{margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed #dbe3ef}.answer-key-page .lesson-html h3{color:#4c1d95}.book-only-stage.workbook-zoom-115 .book-page-content{font-size:1.08rem}.book-only-stage.workbook-zoom-130 .book-page-content{font-size:1.16rem}.book-only-stage.workbook-zoom-115 .lesson-html,.book-only-stage.workbook-zoom-115 .structured-exercises{font-size:1.06em}.book-only-stage.workbook-zoom-130 .lesson-html,.book-only-stage.workbook-zoom-130 .structured-exercises{font-size:1.12em}.book-only-stage.is-workbook-expanded .open-book{max-width:calc(100vw - 42px)}.book-only-stage.is-workbook-expanded .book-page-content{padding:34px 38px 48px}
@media(max-width:1100px){.demo-showcase-intro{grid-template-columns:1fr}.showcase-image{max-width:620px}.open-book{max-width:760px;grid-template-columns:1fr}.book-spine,.book-edge{display:none}.book-leaf{border-radius:8px!important}.left-page-wrap,.right-page-wrap{display:block}.top-actions{top:calc(var(--header) + 41px)}.book-page-content{padding:34px 34px 48px}.cover-sheet .book-page-content{padding-left:145px}.book-two-columns{grid-template-columns:1fr}.audio-card{grid-template-columns:1fr}.reading-image-frame{float:none;width:100%;max-width:340px;margin:0 auto 16px}.demo-choice-grid{grid-template-columns:1fr}}
@media(max-width:700px){:root{--header:64px}.demo-header-inner{width:calc(100% - 22px);gap:10px}.demo-brand img{width:46px;height:34px}.demo-header-label{display:none}.demo-header-actions a:not(.primary){display:none}.demo-notice-inner{width:calc(100% - 22px)}.demo-landing{width:calc(100% - 24px);padding:42px 0 60px}.demo-showcase-intro{gap:22px}.demo-showcase-intro h1{font-size:3rem}.demo-choice{padding:22px}.book-only-stage{padding:10px 8px 28px}.top-actions{position:relative;top:auto;display:block}.top-action-controls{margin-top:9px;justify-content:flex-start}.top-action-controls .readonly-pill{display:none!important}.book-navigation{gap:7px}.book-navigation button{padding:10px 12px;font-size:11px}.book-navigation span{padding:8px 10px;font-size:11px}.book-page-content{padding:26px 22px 44px}.cover-sheet .book-page-content{padding:185px 22px 44px}.unit-ribbon{left:22px;width:76px;height:155px}.book-title-input{font-size:2.55rem}.lesson-metadata-card{grid-template-columns:1fr}.lesson-html table{display:block;overflow-x:auto}.lesson-html .grammar-structure-grid,.lesson-html .grammar-example{grid-template-columns:1fr}.lesson-html .grammar-example-note{border-left:0;border-top:1px solid #dbeafe}.page-heading-block h2{font-size:13px}.section-title-input{font-size:21px}.exercise-question-list{padding-left:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}