.intro-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.intro-tags span{border:1px solid #ffffff65;border-radius:30px;padding:3px 13px;font-size:.85rem}.card-link{display:block;color:var(--accent);font-size:.85rem;margin-top:8px;font-weight:bold}.small{font-size:.875rem}.muted{color:var(--muted)}.subjects+.small{margin-top:24px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pill{display:inline-flex;border-radius:30px;background:#e6eeff;color:#17479d;padding:4px 14px;font-size:.875rem;font-weight:bold}.pill.soft{background:#f0eef8;color:#64517f}.pill.success{background:#e6f6ed;color:#19623a}.pill.draft{background:#fff0d1;color:#8a5100}.unit-banner{display:grid;grid-template-columns:1fr 200px;gap:30px;align-items:center;padding:32px;border:2px solid var(--line);border-top:6px solid var(--accent);border-radius:28px;background:white}.unit-banner h1{font-size:clamp(1.7rem,3vw,2.6rem)}.unit-banner p{font-size:1.12rem;color:var(--muted)}.unit-banner img{width:180px;height:180px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{display:block;padding:24px;border:1px solid var(--line);border-radius:22px;background:white;text-decoration:none;box-shadow:0 5px 0 #dce7f7;transition:transform .2s}.step:hover{transform:translateY(-4px)}.step-num{font-family:Mali;font-size:1.7rem;color:var(--blue)}.step h3{font-size:1.15rem;margin:12px 0}.step>span:last-child{font-size:.875rem;color:var(--muted)}.activity{background:#fff9e9;border-color:#eed78e}.assessment-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.assessment{display:flex;align-items:center;gap:16px;background:white;padding:22px;border:1px solid var(--line);border-radius:22px;text-decoration:none}.assessment h3{margin:0 0 6px}.assessment p{margin:0;font-size:.875rem;color:var(--muted)}.assessment>span:last-child{margin-left:auto}.assessment-icon{display:grid;place-items:center;width:50px;height:54px;flex:none;border-radius:16px;background:#e9edff;color:var(--blue);font-size:1.7rem;font-family:Mali}.assessment-icon.gold{color:#815600;background:#fff0be}.reference{font-size:.875rem;margin:28px 0;color:var(--muted)}summary{cursor:pointer;font-weight:bold;padding:8px 0}details[open]>summary{margin-bottom:10px}.lesson-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}.lesson-index{position:sticky;top:20px;padding:16px 0}.lesson-index nav{display:flex;flex-direction:column;gap:10px}.lesson-index nav a{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;border-radius:14px;font-size:.95rem}.lesson-index nav a span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:white;flex:none}.lesson-index nav [aria-current]{background:#dfeaff;color:#123eaa;font-weight:bold}.lesson-index nav [aria-current] span{background:var(--blue);color:white}.practice-link{display:block;color:var(--blue);padding:20px 12px}.lesson-panel{background:white;border:1px solid var(--line);border-radius:28px;padding:32px}.lesson-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.subject-label{font-size:.875rem;font-weight:bold}.reading-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.reading-heading h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0}.reading-heading img{flex:none;width:112px;height:112px}.reading{font-size:1.25rem;line-height:2.05;max-width:48em}.example{background:#edf5ff;border-left:5px solid #689ae2;border-radius:0 18px 18px 0;padding:24px;margin-top:24px}.example p{margin:0;font-size:1.15rem;line-height:1.9}.example .eyebrow{color:#355f91}.think{border-bottom:1px solid var(--line);margin:20px 0;padding:8px 0}.think summary{color:#405478}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}.diagram{margin:24px 0;background:#f7faff;border:1px dashed #a4bddf;border-radius:16px;padding:20px;text-align:center}.diagram figcaption{font-size:.95rem;margin-top:12px}.fraction-bar{display:flex;max-width:400px;margin:auto;height:65px;border:2px solid var(--blue);border-radius:8px;overflow:hidden}.fraction-bar span{flex:1;border-right:2px solid var(--blue);background:white}.fraction-bar span:last-child{border:0}.fraction-bar .filled{background:#79afff}.area-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:320px;margin:auto;background:var(--blue);border:2px solid var(--blue)}.area-grid span{aspect-ratio:1;background:#b4d4ff}.dot-groups{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dot-groups span{border:2px solid #79afff;border-radius:16px;padding:14px;color:#1c63c6;white-space:nowrap}.quiz-shell,.practice-list{max-width:900px;margin:auto}.quiz-header{display:flex;gap:16px;justify-content:space-between;margin:14px 0}.quiz-header .eyebrow{max-width:75%;margin:0}progress{display:block;width:100%;height:10px;accent-color:var(--blue);border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#dce6f5}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}.question h1{font-size:clamp(1.5rem,2.5vw,2.1rem)}.question h2{font-size:1.45rem}.choices{display:grid;gap:12px;margin:22px 0}.choice{display:flex;align-items:center;gap:16px;text-align:left;width:100%;background:#fafcff;color:var(--ink);border:2px solid var(--line);border-radius:16px;padding:14px 18px;min-height:68px;line-height:1.6}.choice:not(:disabled):hover{border-color:#427ee3;background:#edf3ff}.choice-letter{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;flex:none;background:#e9effa;font-weight:bold}.choice.chosen{border-color:var(--blue);background:#e7efff}.choice.chosen .choice-letter{background:var(--blue);color:white}.choice:disabled:not(.chosen){opacity:.65}.feedback{padding:18px 20px;border-radius:14px}.feedback p{margin:6px 0 0}.feedback.correct{background:#e9f8ee;color:#225c36}.feedback.retry{background:#fff5df;color:#795115}.feedback a{display:inline-block;margin-top:8px}.saved{color:#245b32;font-weight:bold}.primary:disabled{background:#72829f;box-shadow:none;opacity:.65}.result{text-align:center}.result .actions{justify-content:center}.result-star{display:block;color:#ce9000;font-size:3.6rem;line-height:1.2;margin-bottom:12px}.result h1{font-size:2rem}.score{font-family:Mali;font-size:4rem;color:var(--blue);margin:0}.score span{font-family:Sarabun;font-size:1.2rem;color:var(--muted)}.review p{margin:8px 0}.curriculum-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.curriculum-pair h2{margin-top:18px}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.mapping div{display:flex;flex-direction:column;gap:5px;padding:16px 0;border-bottom:1px solid var(--line)}.mapping span{color:var(--muted);font-size:.95rem}.curriculum-units{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.curriculum-units .panel{margin:0}.curriculum-units ul,.sources ul{padding-left:22px}.curriculum-units li{margin:14px 0}.curriculum-units li span{display:block}.sources li{margin:12px 0}.reference a,.sources a,.curriculum-units a,.panel>a{color:var(--blue)}main:focus{outline:none}.choice:focus-visible{outline-offset:3px}
@media(min-width:2200px){.lesson-layout{grid-template-columns:360px minmax(0,1fr)}.quiz-shell,.practice-list{max-width:1350px}.lesson-panel{padding:48px}.reading-heading img{width:144px;height:144px}}
@media(max-width:950px){.lesson-layout{grid-template-columns:1fr}.lesson-index{position:static}.lesson-index nav{flex-direction:row;flex-wrap:wrap}.lesson-index nav a{flex:1;min-width:180px}.lesson-index>.eyebrow,.lesson-index>.practice-link{display:none}.assessment-links{grid-template-columns:1fr}.curriculum-pair{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.intro-tags{gap:6px}.intro-tags span{font-size:.72rem;padding:2px 8px}.unit-banner{padding:24px 18px;grid-template-columns:1fr 70px;gap:8px}.unit-banner img{width:70px;height:90px}.unit-banner p{font-size:1rem}.steps{grid-template-columns:1fr;gap:14px}.step{padding:18px}.step h3{margin:6px 0}.assessment{padding:18px;gap:12px}.lesson-panel{padding:22px 18px}.lesson-index{padding:0}.lesson-index nav{gap:6px}.lesson-index nav a{min-width:0;flex:1;font-size:.8rem;flex-direction:column;align-items:flex-start;padding:10px}.lesson-layout{gap:16px}.reading-heading{gap:10px}.reading-heading img{width:62px;height:72px}.reading-heading h1{font-size:1.6rem}.reading{font-size:1.12rem}.example{padding:18px}.example p{font-size:1.05rem}.lesson-bottom{flex-wrap:wrap;gap:12px}.lesson-bottom .primary{margin-left:auto}.question h2{font-size:1.2rem}.choice{padding:12px;gap:10px}.quiz-header{font-size:.85rem}.mapping,.curriculum-units{grid-template-columns:1fr}.panel.result{padding:24px 16px}.result h1{font-size:1.6rem}.quiz-shell .question{padding:22px 18px}.unit-banner .tags{gap:5px}.pill{font-size:.78rem;padding:3px 10px}.intro{grid-template-columns:1fr 70px}.intro h1{font-size:1.6rem}}