:root{--navy:#142c46;--teal:#087f86;--bg:#f3f7fa;--line:#d8e3eb;--muted:#526577}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.brand{display:flex;gap:12px;color:inherit;text-decoration:none;font-weight:750;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.mark{background:var(--navy);color:white;padding:12px;border-radius:12px}.pill{font-size:13px;background:#e2eeef;padding:8px 16px;border-radius:24px}main{max-width:1180px;margin:auto;padding:0 28px}.hero{padding:45px 0 32px;max-width:830px}h1{font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-2px;margin:12px 0 22px}h2{font-size:28px;margin:4px 0 20px}h3{font-size:19px;line-height:1.35;margin:10px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--teal)}.note,.muted{font-size:13px;color:var(--muted)}.note{border-left:3px solid var(--teal);padding-left:16px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}button{font:inherit;font-size:14px;font-weight:650;border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:white;color:var(--navy);cursor:pointer}button:hover{border-color:var(--teal)}button.active,#reveal,#ask,#make-plan{background:var(--navy);color:white}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #14aeb7;outline-offset:3px}.panel{padding:30px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:30px}[hidden]{display:none!important}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:16px 0 24px}.filters p{margin-left:auto}label{display:block;font-size:12px;font-weight:700;color:var(--muted)}input,select,textarea{display:block;width:100%;font:inherit;font-size:15px;border:1px solid var(--line);padding:12px;border-radius:8px;background:white;color:var(--navy);margin:7px 0 16px}select{max-width:100%}.section-head input{min-width:250px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column}.lesson p{font-size:12px;color:var(--muted);margin:5px 0}.lesson h3{min-height:76px}.lesson a,.video-link{color:var(--teal);font-size:14px;font-weight:700}.lesson .row{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap}.lesson .complete{margin-top:16px;display:flex;align-items:center;gap:8px}.complete input{width:auto;margin:0}article,.answer{padding:22px;background:var(--bg);border-radius:12px;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:650}details p{font-size:15px}.mode-row{display:flex;gap:10px;margin:20px 0}.week{border-left:3px solid var(--teal);padding:6px 20px;margin-bottom:24px}.secondary{background:var(--bg)}footer{color:var(--muted);font-size:12px;padding:5px 0 35px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}}@media(max-width:560px){main{padding:0 16px}header{padding:18px 16px}.pill{display:none}.hero{padding-top:25px}h1{letter-spacing:-1px}.panel{padding:20px}.grid{grid-template-columns:1fr}.lesson h3{min-height:0}.filters label{width:100%}.filters p{margin-left:0}nav button{flex:1;padding:10px}.section-head input{min-width:0}}
