@import url("fonts/font.css");
:root{font-family:Estedad,Tahoma,Arial,sans-serif;color:#193a39;background:#f6f5ee;line-height:1.8;--green:#17685e;--gold:#d9a74d}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:5px}button,input,select{font:inherit}button,.button{display:inline-block;background:var(--green);color:white;border:1px solid var(--green);border-radius:12px;padding:11px 22px;cursor:pointer;text-decoration:none;font-weight:bold}button:hover,.button:hover{background:#114e47}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b46a27;outline-offset:4px}.secondary{background:transparent;color:var(--green)}.secondary[aria-pressed=true]{background:var(--green);color:white}.secondary:hover{color:white}main,.brand-row,footer{max-width:1150px;margin:auto;padding:24px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding-top:30px}.brand{font-size:25px;font-weight:bold;text-decoration:none}.brand span{font-size:12px;display:block;color:#697d78;letter-spacing:.05em}.edition,.eyebrow{font-size:12px;font-weight:bold;color:#817448}.login-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:35px 0}.intro h1{font-size:clamp(34px,5vw,57px);line-height:1.6;margin:18px 0}.intro em{font-style:normal;color:var(--green)}.intro p{max-width:450px;color:#526a65}.panel{background:#fff;border:1px solid #dfe4db;border-radius:24px;padding:32px;box-shadow:0 14px 45px #193a3908}.panel h1,.panel h2{margin-top:4px}.panel p{color:#536c66}.panel input,.panel select{display:block;width:100%;border:1px solid #afc0b8;background:#fcfdfa;border-radius:9px;padding:11px;margin:6px 0 18px;min-height:48px}.panel form>button{width:100%;margin-top:14px}.panel label{font-size:14px;font-weight:bold}.muted{font-size:13px;color:#647971}.subtle{font-size:13px}.compact{max-width:600px;margin:30px auto}.visual{height:210px;position:relative;display:flex;align-items:center;gap:35px}.fraction-circle{width:135px;height:135px;border-radius:50%;background:conic-gradient(#dcac4c 0 25%,#b7d4c3 25% 50%,#388879 50% 75%,#f6f5ee 75%);border:6px solid white;transform:rotate(-18deg)}.grid-shape{width:108px;height:108px;background:repeating-linear-gradient(0deg,transparent 0 25px,#fff 25px 27px),repeating-linear-gradient(90deg,#d4a0a1 0 25px,#fff 25px 27px);transform:rotate(12deg)}.visual-label{position:absolute;bottom:3px;font-size:13px;color:#75877d}.welcome{display:flex;justify-content:space-between;align-items:center;margin:20px 0 35px}.welcome h1{font-size:40px;margin:8px 0}.welcome p{margin:0;color:#647971}.selection{background:#ffffffa0;border:1px solid #e1e5dc;border-radius:24px;padding:30px}.section-title{display:flex;align-items:center;gap:12px;margin:10px 0 20px}.section-title h2{font-size:19px}.step{display:grid;place-items:center;background:#e5eddf;border-radius:50%;width:34px;height:34px;color:var(--green)}.grades{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.book-card{border:1px solid #dbe3d7;border-radius:18px;overflow:hidden;background:white}.book-art{height:200px;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:20px;text-decoration:none;background:#e8efdf}.book-art img{max-width:65%;max-height:150px;object-fit:contain;border-radius:6px;mix-blend-mode:multiply}.book-art span{font-size:24px;font-weight:bold}.grade-6 .book-art{background:#f1e5d7}.book-copy{padding:22px}.book-copy h3{font-size:23px;margin:7px 0}.book-copy p{color:#65766b;font-size:14px}.book-copy a{display:block;text-align:center}.errorlist{color:#9b3030;padding-right:20px}.helptext{font-size:12px;color:#627466}code{display:block;background:#edf2ed;padding:14px;margin:6px 0 20px;font-size:20px;text-align:left;overflow-wrap:anywhere}footer{font-size:12px;text-align:center;color:#7b887f;padding-bottom:30px}[hidden]{display:none!important}img{max-width:100%}.btn{display:inline-block;margin:6px;padding:10px;border-radius:8px;background:var(--green);color:white}.btn-link{color:var(--green);background:transparent}.form-control{padding:10px;max-width:100%}@media(max-width:700px){main,.brand-row{padding:18px}.edition{display:none}.login-layout{grid-template-columns:1fr;gap:22px;padding-top:10px}.intro h1{font-size:34px}.visual{display:none}.panel{padding:24px}.book-grid{grid-template-columns:1fr}.selection{padding:18px}.welcome{align-items:flex-start;gap:15px}.welcome h1{font-size:30px}.welcome button{padding:8px 12px}.book-art{height:160px}.grades button{flex:1;padding:9px}.book-copy{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}