*{box-sizing:border-box}body{margin:0;color:#18333b;background:#f5f4ee;font:17px/1.65 system-ui,sans-serif}header{background:#082e3c;color:#fff;padding:16px max(5vw,16px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header a{color:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:22px}.brand img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:50%}.brand small{display:block;font-size:14px;font-weight:500}main{max-width:960px;margin:auto;padding:32px 20px 48px}h1{font-size:clamp(38px,7vw,58px);line-height:1.1;margin:12px 0}h2{font-size:27px;line-height:1.3}h3{font-size:21px;line-height:1.4}.eyebrow,.tag{font-weight:750;color:#076556;font-size:14px}.intro{font-size:22px}a{color:#075c50;text-underline-offset:3px;overflow-wrap:anywhere}button,select,textarea{font:inherit}button,a.primary{background:#016d5b;color:#fff;border:2px solid #016d5b;border-radius:10px;padding:10px 15px;min-height:46px;cursor:pointer}button[aria-pressed=false]{background:#fff;color:#075c50}.groups{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.groups button{flex:1;font-weight:700}.choices{display:flex;flex-wrap:wrap;gap:20px}.choices label,.skill-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson{background:#fff;margin:16px 0;border:1px solid #d3ded6;border-left:5px solid #c6a444;border-radius:12px;padding:18px 22px}.lesson summary{font-size:20px}.lesson summary small{display:block;font-size:14px;font-weight:500;color:#49616a}.lesson summary .tag{display:block}.primary{text-decoration:none;display:inline-block}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions a{padding:9px 0;margin-right:14px;min-height:44px}.actions a.primary{padding:9px 14px}.small,.credit,.saved{font-size:14px;color:#52666b}details{margin:18px 0;padding:18px;background:#eaf0e9;border-radius:10px}summary{font-weight:750;cursor:pointer;min-height:30px}textarea{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid #81958e;border-radius:8px;resize:vertical;min-height:100px}select{padding:9px;max-width:100%;background:#fff;border:1px solid #82968d;border-radius:7px}li{padding:5px 0}.join{margin-top:32px}.join span{display:block;font-size:15px}footer{background:#082e3c;color:#fff;text-align:center;padding:28px 20px}footer a,footer .small{color:#fff}.check-label{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0}.check-label input{width:22px;height:22px;flex-shrink:0}output{font-weight:700;font-size:24px}button:disabled{opacity:.6;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c6a444;outline-offset:3px}[hidden]{display:none!important}.feedback{padding:14px;background:#f6f4e9;border-left:3px solid #b2942c}.checkpoint{background:#fff;border:1px solid #c8d5ca}#native-help[dir=rtl]{text-align:right}@media(max-width:480px){main{padding:24px 14px}.lesson{padding:15px 14px}.groups button{padding:9px 6px;font-size:14px}.actions{align-items:stretch}.choices{gap:12px}.lesson summary{font-size:18px}.actions a{width:100%}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
