@import url('visuals.css');
/* A reading layout for long lessons, with print-friendly worked solutions. */
.reading-guide{margin:0 0 30px;padding:18px 22px;background:#dce9ff;border-left:4px solid var(--blue);border-radius:8px;line-height:1.8}
.curriculum-layout{grid-template-columns:230px minmax(0,1fr)}
.big-year{font-size:5rem}
.toc{max-height:calc(100vh - 36px);overflow:auto}
.topics{min-width:0;gap:34px}
.textbook-chapter{scroll-margin-top:18px}
.textbook-chapter .topic-head{padding:24px 28px;background:#f3f7fe;border-bottom:3px solid #dce5f2}
.textbook-chapter h2{font-size:1.55rem;line-height:1.35}
.textbook-chapter h2 small{font-size:1rem;margin-top:6px}
.chapter-body{padding:26px 30px;line-height:1.85;overflow-wrap:anywhere}
.chapter-body h3{font-size:1.25rem;line-height:1.4;margin:32px 0 16px;color:#174d9d}
.chapter-body h4{font-size:1.08rem;line-height:1.5;margin:24px 0 8px}
.chapter-body p{margin:8px 0 16px}
.chapter-body li{margin:8px 0;padding-left:3px}
.learning-goals{padding:18px 22px;border:1px solid #d2e1f6;background:#f2f7fe;border-radius:10px}
.learning-goals h3{margin:0 0 8px}
.learning-goals ul{margin:0;padding-left:20px}
.vocabulary{padding:18px 0;border-bottom:1px solid var(--line);color:#485872;font-size:.94rem}
.vocabulary strong{display:block;color:var(--ink);margin-bottom:4px}
.theory section{margin-bottom:22px}
.worked-example{border:1px solid #cbd9ed;border-left:4px solid var(--blue);border-radius:10px;padding:18px 22px;margin:18px 0;background:#fafcff}
.worked-example h4{margin:0;color:#174d9d;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}
.worked-example .question{font-weight:700;color:var(--ink)}
.worked-example ol{padding-left:23px}
.worked-example .answer{margin-bottom:0}
.common-mistake{border-left:4px solid #d5a500;background:#fff5cc;padding:16px 22px;border-radius:8px;margin:26px 0}
.common-mistake h3{margin:0 0 8px;color:#665000;font-size:1.05rem}
.common-mistake p{margin:0}
.practice{border-top:2px solid var(--line)}
.exercise{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:16px}
.exercise h4{margin-top:16px}
.exercise details{background:#edf5f1;border:1px solid #b6d6c7;border-radius:8px;padding:10px 14px}
.exercise summary{cursor:pointer;font-weight:700;color:#155b40;min-height:28px}
.exercise details[open] summary{margin-bottom:10px}
.exercise details p{margin:8px 0}
.chapter-top{display:inline-block;margin-top:18px;color:#174d9d;font-size:.94rem}
a:focus-visible,summary:focus-visible{outline:3px solid #b26b00;outline-offset:4px}
@media(max-width:900px){.curriculum-layout{grid-template-columns:1fr}.toc{max-height:none}.toc nav{display:flex;flex-wrap:wrap;gap:0 18px}.toc a{max-width:100%}}
@media(max-width:650px){.chapter-body{padding:18px}.textbook-chapter .topic-head{padding:20px 18px}.textbook-chapter h2{font-size:1.3rem}.worked-example,.learning-goals,.common-mistake{padding:15px}.reading-guide{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.reading-guide,.chapter-top{display:none}.textbook-chapter{break-inside:auto;box-shadow:none;margin-bottom:24px}.worked-example,.exercise,.common-mistake{break-inside:avoid}.chapter-body{padding:10px}.chapter-body h3,.chapter-body h4{break-after:avoid}.exercise details::details-content{content-visibility:visible}.exercise details p{display:block}.exercise summary{display:none}.curriculum-layout{display:block}}