:root{color-scheme:light;--green:#12684a;--deep:#084d36;--mint:#eaf8f1;--line:#b9ddcc;--ink:#183a2f;--muted:#536c62;--soft:#f7fbf9}*{box-sizing:border-box}body{margin:0;background:#f4faf7;color:var(--ink);font-family:"Noto Sans","Noto Sans Malay","PingFang SC",system-ui,sans-serif;line-height:1.55}a{color:var(--deep)}h1,h2,h3{line-height:1.22}.hero,.card{width:min(880px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 24px #084d3614;padding:22px}.eyebrow{font-weight:900;color:var(--green);letter-spacing:.02em}.sub{color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--mint);color:var(--deep);font-size:.84rem;font-weight:900}.learning-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0}.learning-path div{padding:10px;border-radius:12px;background:var(--mint);font-weight:800;text-align:center}.example{padding:11px 14px;border-left:5px solid var(--green);background:var(--soft);border-radius:12px;margin:10px 0}.listen,.answer{min-height:48px;border-radius:13px;border:2px solid var(--green);background:#fff;color:var(--deep);font:inherit;font-weight:850;padding:8px 14px;cursor:pointer}.listen:hover,.answer:hover{background:var(--mint)}.question{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.practice-question{font-size:1.08rem;font-weight:800}.options{display:grid;gap:6px}.answer{width:100%;text-align:left}.answer.correct{background:#dff5e8;border-color:#16834f}.answer.wrong{background:#fff2df;border-color:#be7410}.feedback{min-height:40px;padding:8px 12px;border-radius:11px;background:#eef3f0;margin-top:8px}.feedback.success{background:#dff5e8}.feedback.hint{background:#fff2df}.unit-link,.chapter-link{display:block;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}.unit-link h3,.chapter-link h3{margin:4px 0}.unit-link p,.chapter-link p{margin:4px 0;color:var(--muted)}.menu-card{width:min(680px,100%)}.btn-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:8px}.status{font-weight:800;color:var(--green)}@media(max-width:700px){.hero,.card{padding:12px}.learning-path{gap:6px}.learning-path div{padding:7px;font-size:.9rem}.practice-question{font-size:1rem}.answer{min-height:48px;padding:7px 10px}.example{padding:8px 10px}.v2-main p{margin:5px 0}}