:root{font-family:Segoe UI,Arial,sans-serif;color:#172b2a;background:#f4f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:86px;background:white;border-bottom:1px solid #dbe4e5;display:flex;align-items:center;gap:32px;padding:0 5vw}a{color:#175f58}header span{flex:1;color:#647574;font-size:.9rem}.brand{font-size:1.35rem;font-weight:750;text-decoration:none;color:#134540}.layout{display:grid;grid-template-columns:260px 1fr;max-width:1320px;margin:auto;min-height:calc(100vh - 86px)}aside{padding:46px 28px;border-right:1px solid #dbe4e5}main{padding:46px 5vw 70px;max-width:1000px;width:100%}.eyebrow{letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#53736c}.step{padding:15px 10px;margin:6px 0;color:#687d79;border-radius:9px}.step.active{background:#dcebe6;color:#134540;font-weight:700}.aside-note{margin-top:100px;line-height:1.8;color:#647574;font-size:.9rem}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.035em;margin:20px 0}h2{font-size:1.5rem}p{line-height:1.65}.lead{color:#566e6b;font-size:1.1rem;max-width:650px}.card{background:white;border:1px solid #dce5e5;border-radius:16px;padding:28px;margin:24px 0}.route{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.route div{border-top:3px solid #7daba0;padding:18px 8px}.route strong{display:block;margin:10px 0}.muted,small{color:#647574}button,.button{font:inherit;font-weight:650;border:0;border-radius:9px;background:#134540;color:white;padding:14px 22px;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#23675d}button:disabled{opacity:.5;cursor:default}.secondary{background:#e6eeeb;color:#134540}input,textarea{font:inherit;border:1px solid #b7c9c5;border-radius:8px;padding:12px;width:100%;margin:8px 0 16px}input[type=checkbox],input[type=radio]{width:auto;margin:0 12px 0 0;accent-color:#175f58}.choice{display:flex;align-items:start;border:1px solid #dce5e5;border-radius:10px;padding:16px;margin:12px 0;cursor:pointer;line-height:1.4}.choice:has(input:checked){border-color:#175f58;background:#edf5f1}.choice input{margin-top:4px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.pill{display:inline-block;background:#e4efea;color:#134540;border-radius:30px;padding:7px 12px;font-size:.85rem}progress{width:100%;height:9px;accent-color:#175f58}.error{color:#a32431;background:#fff0f1;padding:12px;border-radius:8px}.score{font-size:3rem;font-weight:750;color:#134540}.metrics{display:flex;gap:35px;flex-wrap:wrap}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:13px 9px;border-bottom:1px solid #dce5e5}.scroll{overflow:auto}.example{border-left:4px solid #b3d66c;background:#f3f7eb;padding:18px;line-height:1.6}.topic{padding:8px 0;border-bottom:1px solid #dce5e5}footer{margin-top:32px;color:#647574;font-size:.85rem}button:focus-visible,a:focus-visible{outline:3px solid #90ba42;outline-offset:3px}@media(max-width:760px){header{padding:18px;height:auto;gap:14px;flex-wrap:wrap}header span{display:none}.brand{flex:1;font-size:1.1rem}.layout{display:block}aside{padding:16px 20px;border-right:0;border-bottom:1px solid #dbe4e5}aside .eyebrow,.aside-note{display:none}nav{display:flex;gap:6px}.step{font-size:.8rem;padding:10px;flex:1}main{padding:25px 20px}.card{padding:20px}.route{gap:8px;font-size:.9rem}}
