*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fbfcfd;color:#173e48;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px}.brand{text-decoration:none;font-size:23px;font-weight:800;color:#134650}.brand span{margin-left:8px}nav{display:flex;gap:28px}nav a{color:#245663;text-decoration:none;font-weight:600}main{padding:0 30px}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:40px 0 70px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.7px;color:#33747b}h1{font:700 clamp(40px,5vw,65px)/1.12 Georgia,serif;letter-spacing:-1.8px;margin:20px 0}h2{font:700 clamp(29px,3vw,40px)/1.25 Georgia,serif;margin:12px 0}h3{font-size:24px;line-height:1.4}.intro p{font-size:20px;color:#526d76}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.button{display:inline-block;border:0;border-radius:14px;background:#0f5962;color:white;padding:13px 21px;font:700 16px/1.5 system-ui;text-decoration:none;cursor:pointer}.button.light{background:#e5f2f1;color:#14535b}.note{font-size:14px;color:#5c737a}figure{margin:0;position:relative}figure img{width:100%;height:390px;object-fit:cover;border-radius:110px 24px 100px 24px;display:block}figcaption{font-size:14px;margin:12px 0;text-align:center;color:#56737a}.story{background:#eaf5f3;border-radius:30px;padding:48px 65px}.sectionhead{margin-bottom:28px}.sectionhead p{color:#526b76;margin-top:10px}.storytext{max-width:770px;margin:auto;font:19px/1.95 Georgia,serif}.thought{font:600 17px/1.7 system-ui;background:white;padding:17px 22px;border-radius:14px;margin-top:25px}.learning{padding:65px 0}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{border:1px solid #d2e6e7;border-radius:20px;background:white;padding:22px 12px;text-align:center}.flip{border:0;background:transparent;width:100%;cursor:pointer;color:#173e48;font:700 22px system-ui;min-height:90px}.emoji{display:block;font-size:36px;margin-bottom:10px}.speak{border:0;border-radius:9px;background:#edf6f7;padding:9px 12px;color:#225963;cursor:pointer;font-size:14px;margin-top:15px}.soundstatus{font-size:14px;min-height:24px}.quiz{background:#153f50;color:white;border-radius:26px;padding:35px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.quiz .eyebrow{color:#a1d9d7}.answers{display:flex;flex-wrap:wrap;gap:10px}.answers button{border:2px solid transparent;border-radius:12px;background:white;padding:13px 19px;color:#194753;font:600 17px system-ui;cursor:pointer}.answers button.correct{background:#b9ecd6;border-color:#68d1a2}.answers button.wrong{background:#f9d7d2}.quiz .button{background:#f6c86c;color:#183946}#feedback{min-height:29px}footer{border-top:1px solid #d8e7e9;padding:25px 30px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#506f76}button:focus-visible,a:focus-visible{outline:3px solid #d98b00;outline-offset:4px}[hidden]{display:none!important}@media(max-width:750px){header{padding:20px}.brand{font-size:18px}nav{gap:14px;font-size:14px}main{padding:0 20px}.intro{grid-template-columns:1fr;padding-top:22px;gap:25px}.intro h1{font-size:43px}figure img{height:300px}.story{padding:30px 24px}.cards{grid-template-columns:repeat(2,1fr)}.card:last-child{grid-column:1/-1}.quiz{grid-template-columns:1fr;padding:26px;gap:10px}footer{flex-direction:column;padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.guide{float:right;object-fit:contain;margin-left:15px}.love{vertical-align:middle;object-fit:contain}@media(max-width:500px){.guide{width:80px;height:80px}}

.translation{margin-top:30px;border-top:1px solid #c4dedb;padding-top:22px}.translation summary{cursor:pointer;font-weight:700;font-size:18px;padding:10px 0}.translation .storytext{margin-top:20px}.sentences{margin:25px 0 40px;padding:28px;border-radius:24px;background:#eaf5f3}.sentences h3{margin:8px 0}.sentences ol{padding-left:25px}.sentences li{padding:18px 8px;border-bottom:1px solid #c4dedb}.sentences li:last-child{border-bottom:0}.sentences strong,.sentences li span{display:block}.sentences strong{font-size:20px}.sentences li span{color:#526b76}.sentences .speak{margin-top:9px}

.counting{padding:0 0 65px}.numberline{font-size:clamp(17px,3vw,26px);font-weight:700;letter-spacing:2px;padding:20px 0;overflow-wrap:anywhere}.mathgame{background:#eaf5f3;border-radius:26px;padding:32px}.mathstars{display:grid;grid-template-columns:repeat(5,minmax(0,65px));gap:12px;margin:22px 0}.countstar{font-size:32px;min-height:58px;border:2px solid transparent;border-radius:14px;background:white;cursor:pointer}.countstar[aria-pressed="true"]{background:#ffebac;border-color:#b87900}.mathanswers{display:flex;flex-wrap:wrap;gap:10px}.mathanswers button{font:700 22px system-ui;min-width:52px;min-height:52px;border:2px solid #c7dfe0;border-radius:12px;background:white;color:#173e48;cursor:pointer}.mathanswers .correct{background:#b9ecd6;border-color:#33855f}.mathanswers .wrong{background:#f9d7d2;border-color:#be7066}#mathfeedback{min-height:29px}@media(max-width:750px){header{flex-wrap:wrap;gap:12px}nav{flex-wrap:wrap}.mathgame{padding:24px 18px}.mathstars{gap:8px}.countstar{font-size:27px;min-width:0}}

.freecontent{margin-bottom:65px;padding:28px;border-radius:24px;background:#eaf5f3}.freecontent h2{font-size:28px}.freecontent p{margin-bottom:0}

.workintro{padding:30px 0}.workintro h1{font-size:clamp(32px,5vw,52px)}.desk{background:#153f50;color:white;padding:32px;border-radius:28px}.desk .eyebrow{color:#a1d9d7}.newsection{padding:45px 0;border-bottom:1px solid #d2e6e7}label{display:block;font-weight:700;margin:15px 0 6px}input,select,textarea{max-width:100%;width:100%;font:inherit;padding:12px;border:1px solid #77999e;border-radius:10px;background:white;color:#173e48}select{max-width:440px}#fields{margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}.solution{white-space:pre-line;background:#fff;color:#173e48;border-radius:16px;padding:20px;margin-top:22px;min-height:75px}#plot{width:100%;height:auto;margin-top:20px;background:white;border-radius:12px}.desk .note{color:#c2dddf}.gamepanel{padding:25px;background:#eaf5f3;border-radius:20px;margin-top:20px}.gamepanel button{margin:5px}.passport{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.stamp{border:1px solid #b5d3d4;background:white;border-radius:14px;padding:14px}.stamp.earned{background:#d1f0dc;border-color:#367855}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:480px}.memory button{min-height:75px;background:#0f5962;border:0;border-radius:12px;color:white;font-size:28px;cursor:pointer}.memory button.reveal{background:#e5f2f1;color:#173e48}.intro{padding-top:50px}.intro h1{font-size:40px}#reflection{max-width:750px}@media(max-width:600px){.desk{padding:24px 18px}.gamepanel{padding:20px 14px}.memory{gap:8px}nav{gap:12px}header{align-items:flex-start}}

#scienceFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-bottom:20px}#historyList{margin:20px 0}.historyrow{padding:15px 0;border-bottom:1px solid #d2e6e7}.historyrow strong{display:block}.historyrow p{margin:4px 0}.sourceLink{font-size:14px;color:#0f5962}.historyanswer{margin:5px}

#taxFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}#taxForm .button{margin-top:20px}

main > section[hidden]{display:none!important}
nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:.3em}

table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #b8cdcf}

.subject-resources{margin-top:2rem;padding:1rem;border:1px solid currentColor;border-radius:16px}.subject-resources li{margin-bottom:1rem}.subject-resources p{margin:.4rem 0}.desk .subject-resources a{color:#b6edf0}

.story-vocabulary{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #b8cdcf}.story-vocabulary .sectionhead{margin-top:0}

/* Compact navigation and home layout */
header{flex-wrap:wrap;gap:16px}header nav{flex-wrap:wrap;gap:12px 22px}.menu-toggle{display:none}
@media(max-width:750px){
 header{align-items:center;padding:18px 20px}.brand{font-size:20px}
 .menu-toggle{display:block;margin-left:auto;border:1px solid #bfd9dc;border-radius:12px;background:#e5f2f1;color:#14535b;padding:10px 14px;font:700 15px system-ui;cursor:pointer;min-height:44px}
 header.navigation-ready nav{width:100%;display:none}
 header.navigation-ready.nav-open nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}
 header nav a{padding:9px 8px;background:#edf6f7;border-radius:9px;line-height:1.4}
 .workintro{padding:20px 0 12px}.workintro h1{margin:14px 0;font-size:38px}
 .workintro .actions{margin:20px 0 12px;gap:10px}.workintro .button{padding:13px 17px}
 .intro{padding:24px 0 36px;gap:20px}.intro p{font-size:18px}.intro .actions{margin:18px 0}
 .freecontent{margin-bottom:30px}
}
