:root{color-scheme:light;--ink:#132b36;--muted:#4e6570;--teal:#075f59;--mint:#d9f2e9;--line:#d7e4e3;--bg:#f5f8f7;font:16px/1.55 system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:.2em}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #147c8a;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:2}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.bar{min-height:76px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}.brand svg{width:33px;color:var(--teal)}header{background:white;border-bottom:1px solid var(--line)}nav,.actions,.foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}nav a{font-size:.92rem;text-decoration:none;color:var(--ink)}nav a:hover{text-decoration:underline}.btn,.outline{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:9px;padding:9px 15px;font-weight:680;text-decoration:none;border:1px solid var(--line);background:white;color:var(--teal)}.btn{background:var(--teal);border-color:var(--teal);color:white}.btn:hover{background:#034b46}.hero{background:#e7f3ef;border-bottom:1px solid var(--line)}.hero .wrap{padding:68px 0;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px}.eyebrow{font-size:.78rem;font-weight:780;text-transform:uppercase;letter-spacing:.12em;color:var(--teal)}h1,h2,h3,p{margin:0 0 .65em}h1{font-size:clamp(2.35rem,5.8vw,4.65rem);line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.04em}h3{line-height:1.22}.lead{font-size:1.12rem;color:var(--muted);max-width:62ch}.actions{margin-top:24px}.panel,.card{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}.path{background:#0c393c;color:#fff;padding:27px;border-radius:20px}.path .eyebrow{color:#b8eadb}.step{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff30;padding:12px 0}.step span,.num{background:var(--mint);color:var(--teal);border-radius:9px;min-width:38px;text-align:center;padding:5px;font-weight:800}.section{padding:48px 0}.narrow{max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.card{display:flex;flex-direction:column;align-items:flex-start}.card h3{margin-top:14px}.card p{color:var(--muted);flex:1}.card a{font-weight:700}.tag{display:inline-block;font-size:.8rem;font-weight:750;color:#28544d;background:var(--mint);padding:4px 9px;border-radius:30px;margin-bottom:12px}.notice{padding:14px 17px;border-left:4px solid #288477;background:#e7f3ef;margin:18px 0}.question{display:grid;gap:9px;margin:15px 0}.question button{width:100%;text-align:left;justify-content:flex-start}.good{background:#e1f4e8!important}.bad{background:#f9e5dd!important}details{padding:12px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}footer{border-top:1px solid var(--line);background:white}.foot{justify-content:space-between;padding:24px 0}.foot a{margin-right:12px}.subhead{font-size:clamp(2.15rem,5vw,3.7rem)}select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white}main{min-height:60vh}@media(max-width:780px){.hero .wrap{grid-template-columns:1fr;padding:42px 0;gap:23px}.grid{grid-template-columns:repeat(2,1fr)}.bar{flex-wrap:wrap;padding:12px 0;gap:10px}.bar nav{order:3;width:100%;gap:10px 16px}}@media(max-width:480px){.wrap{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.section{padding:33px 0}.panel,.card{padding:17px}}

fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 20px;padding:12px}fieldset legend{font-weight:700}fieldset label{display:block;padding:6px;cursor:pointer}fieldset input{accent-color:var(--teal)}

@media print{body:has(.certificate) :is(header,footer,.skip,.notice,.subhead,.actions){display:none}body:has(.certificate){background:white}.certificate{border:3px double #075f59;text-align:center;padding:4cm 1cm}.certificate .eyebrow{font-size:22pt}}

.admin-heading{margin-top:30px}

.learner form{display:grid;gap:14px;margin:12px 0}.learner label{display:grid;gap:4px}.learner input{width:100%;font:inherit;padding:10px;border:1px solid #b8c8ce;border-radius:8px}.learner button{justify-self:start}
