:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#172f43;background:#f5f8fb;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #dae3eb;background:#fff;gap:15px}a{color:#2266a6}header a{font-weight:850;letter-spacing:1px;text-decoration:none}header span{color:#5d7385;font-size:14px}main{max-width:1320px;margin:auto;padding:35px 30px}.intro{max-width:820px;margin:20px 0 36px}.eyebrow{font-weight:750;color:#287895;letter-spacing:.08em}h1{font-size:clamp(30px,4vw,52px);line-height:1.2;margin:15px 0 25px;letter-spacing:-.04em}.muted{color:#5c7385;font-size:15px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px;background:#fff;border:1px solid #dce5ed;border-radius:14px;position:sticky;top:0;z-index:1}input,select{font:inherit;border:1px solid #b8c9d7;border-radius:7px;padding:8px;background:#fff;max-width:100%}label{display:flex;gap:10px;align-items:center}#nav{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}#nav a{text-decoration:none;padding:5px 10px;border:1px solid #d5e0e9;border-radius:30px;font-size:13px;background:#fff}.unit{scroll-margin-top:110px;margin:45px 0}.unit h3{font-size:25px;letter-spacing:-.035em}.unit h3 span{color:#5c7c96;font-size:16px;margin-right:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #d9e3ec;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.card img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;background:#e8f0f6}.content{padding:18px;display:flex;flex:1;flex-direction:column}.card h4{font-size:19px;line-height:1.4;margin:5px 0 12px}.card p{font-size:14px;color:#486478;margin:0 0 16px}.pill{font-size:12px;color:#517591}.actions{display:flex;gap:9px;margin-top:auto}.actions a{flex:1;text-align:center;text-decoration:none;border:1px solid #a2bfd4;border-radius:8px;padding:8px;font-weight:700}.actions a:last-child{color:#fff;background:#286695;border-color:#286695}.progress{margin:12px 0 0!important;display:flex;gap:5px;align-items:center}.dot{width:8px;height:8px;background:#d9e3ea;border-radius:50%}.dot.done{background:#298165}.progress small{margin-left:5px}details{margin-top:20px;padding:15px 18px;background:#eaf0f6;border-radius:10px;font-size:14px}summary{cursor:pointer;font-weight:700}.standard{padding:8px 0;border-bottom:1px solid #d4e0e9}.standard b{color:#326482;margin-right:7px}.standard em{display:block;font-style:normal;color:#697b88}.activity{padding:20px;border-left:4px solid #9cb8cc;background:#edf3f7}footer{text-align:center;padding:25px;color:#6b8192;border-top:1px solid #d9e4ed;font-size:13px}:focus-visible{outline:3px solid #e4b548;outline-offset:4px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){main{padding:20px 16px}.cards{grid-template-columns:1fr}.filters{position:static;gap:12px}label{flex-wrap:wrap}header{align-items:flex-start;flex-direction:column}h1{font-size:34px}.unit h3{font-size:22px}#nav{max-height:150px;overflow:auto}}

.school-grade>h2{font-size:30px;color:#2266a6;border-bottom:2px solid #9abbd4;padding-bottom:12px;margin-top:50px}.grade-nav{display:flex;flex-wrap:wrap;gap:7px;width:100%;align-items:center}.grade-nav strong{min-width:65px}.school-grade .unit{margin:30px 0 45px}#nav{max-height:none;overflow:visible}