:root{font-family:Arial,Helvetica,sans-serif;color:#152c49;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dce3eb;padding:22px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;font-weight:700;font-size:21px}.mark{background:#152c49;color:#3dd6ad;padding:12px;border-radius:8px}.brand small{display:block;font-size:14px;font-weight:400;color:#61718a;margin-top:6px}.tag,.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.7px}.tag{color:#59708a}.layout{display:grid;grid-template-columns:310px 1fr;max-width:1500px;margin:auto;min-height:85vh}aside{background:#152c49;color:white;padding:34px 26px}aside h2{font-size:27px;line-height:1.25;margin:18px 0}aside p{line-height:1.6;color:#becbdc}aside .eyebrow{color:#3dd6ad}label{display:block;font-weight:bold;font-size:14px;margin:24px 0 9px}select,input{width:100%;font:inherit;padding:12px;border:1px solid #c5d2e0;border-radius:6px;background:white;color:#152c49}nav{margin-top:20px;display:grid;gap:5px}button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 17px;background:#e8eef5;color:#152c49}nav button{text-align:left;background:transparent;color:#c9d5e4;font-size:14px;line-height:1.4}nav button.active{background:#29435f;color:white;border-left:3px solid #3dd6ad}nav button:hover{background:#29435f}.aside-note{font-size:13px;line-height:1.6;color:#b6c5d6;border-top:1px solid #38506b;margin-top:32px;padding-top:20px}main{padding:38px 5%;min-width:0}.heading .eyebrow{color:#54718a}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}p{line-height:1.6}.heading>p:last-child{color:#61718a;max-width:680px}.tabs{display:flex;gap:6px;border-bottom:1px solid #d0dae6;margin:28px 0 24px;padding-bottom:10px}.tabs button{background:transparent;font-weight:600}.tabs button.active{background:#152c49;color:white}.lesson{background:white;border:1px solid #dce3eb;border-radius:10px;margin:14px 0;padding:22px 26px}.lesson h3{margin:0 0 10px;font-size:20px}.lesson p{margin:8px 0}.example{background:#edf8f5;border-left:3px solid #119977;padding:12px 16px;margin-top:14px;font-size:15px}.badge{display:inline-block;background:#e5f5ef;color:#167457;font-size:13px;padding:6px 10px;border-radius:4px}.card{width:100%;background:white;border:1px solid #c9d5e4;padding:44px 28px;min-height:270px;text-align:center;border-radius:14px;box-shadow:0 7px 22px #142c4908}.card h2{font-size:27px;line-height:1.4}.card p{font-size:19px}.muted{color:#62768c;font-size:14px}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.primary{background:#152c49;color:white}.options{display:grid;gap:10px;margin:22px 0}.options button{text-align:left;background:white;border:1px solid #cdd8e5;line-height:1.5}.options button.correct{background:#e3f7ed;border-color:#23895b}.options button.wrong{background:#fff0ec;border-color:#c15741}.feedback{padding:18px;border-radius:8px;background:#e7f2f9;line-height:1.6;margin:16px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{background:#152c49;color:white;border-radius:8px;padding:18px}.metric strong{display:block;font-size:27px;margin-top:10px}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sim-grid label{margin-top:15px}.step{color:#417383;font-size:14px;font-weight:bold}footer{padding:20px;text-align:center;font-size:13px;color:#6d7e90}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #119977;outline-offset:3px}button:disabled{cursor:default;opacity:.75}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{padding:20px}aside h2,aside>p:not(.eyebrow),.aside-note{display:none}nav{grid-template-columns:repeat(2,1fr)}main{padding:24px 20px}header{padding:16px 20px}.tag{display:none}h1{font-size:29px}.tabs{overflow:auto}.tabs button{padding:10px 12px;font-size:14px}.sim-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.controls{flex-wrap:wrap}}