:root{font-family:Arial,sans-serif;color:#203d38;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cb711f;outline-offset:4px}[hidden]{display:none!important}header{height:90px;border-bottom:1px solid #dce2d8;display:flex;align-items:center;gap:60px;padding:0 6%}.brand{display:flex;gap:10px;text-decoration:none;color:#245c4c;font-size:36px;font-weight:800;letter-spacing:-2px}.dot{color:#e39349}nav{display:flex;gap:12px}nav button{background:none;border:0;padding:12px 16px;color:#62716a;border-radius:24px}nav [aria-current=page]{background:#e5eddf;color:#244d40}.badge{margin-left:auto;font-size:10px;letter-spacing:2px;color:#69776e}main{max-width:1240px;margin:auto;padding:48px 32px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#647c6c}.intro h1{font-size:46px;letter-spacing:-2px;line-height:1.12;margin:18px 0}.intro>p:last-child{color:#718074;margin-bottom:36px}.layout{display:grid;grid-template-columns:280px 1fr;gap:28px}aside{background:#e8eedf;border-radius:18px;padding:28px;display:flex;flex-direction:column}aside h2{font-size:24px;margin:12px 0}aside p{font-size:14px;line-height:1.7;color:#657563}.path{display:flex;gap:12px;background:#f6f8ef;padding:16px 12px;border-radius:12px;margin-top:24px;align-items:center}.path>span{background:#2e604d;border-radius:50%;color:white;padding:9px;font-size:12px}.path strong{font-size:13px}.path small{display:block;font-size:10px;margin-top:7px;color:#75806b}.aside-bottom{margin-top:64px}.spark{font-size:42px;color:#a78043}.aside-bottom h3{font-size:21px;line-height:1.4}.card{background:white;border:1px solid #e1e6db;border-radius:18px;padding:32px;min-height:510px}.card-top{display:flex;justify-content:space-between;align-items:center}.pill{background:#f3eddd;border-radius:24px;padding:9px 14px;font-size:12px;color:#846b35}.progress-label{display:flex;justify-content:space-between;color:#7a847b;font-size:12px;margin-top:26px}progress{appearance:none;width:100%;height:6px;margin-top:10px;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e7}progress::-webkit-progress-value{background:#46795b}.prompt{text-align:center;margin-top:36px;color:#7a847b;font-size:13px}.equation{text-align:center;font-size:60px;margin:18px 0;font-weight:600;letter-spacing:-2px}.equation span{color:#8d9d89;font-weight:400}.hint{text-align:center;color:#7a847b;font-size:13px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.answer{padding:18px;border:1px solid #dce3d5;background:#fbfcf8;border-radius:12px;font-size:25px;color:#2c4d40}.answer:hover:enabled{background:#e9efdf;border-color:#73966d}.answer:disabled{cursor:default;opacity:1}.answer.correct{background:#e0efdc;border-color:#689865}.answer.incorrect{background:#fae8df;border-color:#bf826a}.card-bottom{border-top:1px solid #edf0e8;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.card-bottom>span{font-size:11px;color:#8a9186}.primary{background:#2d604c;color:white;border:0;border-radius:9px;padding:14px 18px;font-size:13px}.feedback{padding:14px;border-radius:8px;margin-bottom:20px;font-size:14px}.success{background:#edf5e7}.retry{background:#fff1e5}.field{display:flex;flex-direction:column;gap:10px;margin:24px 0;font-size:14px}select{padding:12px;border:1px solid #ccd8c7;border-radius:8px;background:white;color:#254d3d}fieldset{border:1px solid #dce3d5;border-radius:10px;padding:18px;margin-bottom:24px}fieldset p,.card>p{line-height:1.6;color:#75806f}.families{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.families label{padding:9px;background:#f3f6ee;border-radius:7px}.result-score{font-size:64px;margin:20px 0;color:#2d604c!important}.result-score span{font-size:24px;color:#8d9d89}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:12px 8px;border-bottom:1px solid #e4e9de}th{color:#718067;font-weight:500}footer{display:flex;justify-content:space-between;font-size:10px;color:#8a9485;padding:30px 0;letter-spacing:1px}#settingsError{color:#a14529}@media(max-width:760px){header{padding:0 20px;gap:20px;height:80px}.brand{font-size:29px}.badge{display:none}nav{gap:0}nav button{font-size:12px;padding:10px}main{padding:28px 18px 0}.intro h1{font-size:36px}.layout{grid-template-columns:1fr}aside{padding:20px}.aside-bottom,aside>p:not(.eyebrow){display:none}.path{margin-top:10px}.card{padding:22px}.equation{font-size:48px}.card-bottom{flex-wrap:wrap}.families{grid-template-columns:repeat(3,1fr)}}