:root{--ink:#16202a;--accent:#0c6b5e;--muted:#627183;--line:#d8dfe5;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}.shell{max-width:1110px;padding:22px 17px 52px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-weight:800}.top h1{margin:3px 0;font-size:clamp(25px,3.5vw,36px)}.top p{margin:0;color:var(--muted)}.back{padding:11px 14px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;white-space:nowrap}.warning{background:#fff3e6;padding:16px 18px;border-left:5px solid #b77b2c;border-radius:10px;margin:20px 0}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tabs button,.quiet,.actions>button,.exchange button{padding:11px 16px;min-height:44px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.tabs button.active,.actions>button:not(.quiet){background:var(--accent);border-color:var(--accent);color:white}.pane[hidden],.explanation[hidden],.results[hidden]{display:none!important}.section-title{margin:15px 0}.section-title h2{margin:0}.section-title p{color:var(--muted);margin:4px 0}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lesson,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.lesson h3,.panel h2{margin:0 0 9px}.lesson p{margin:0 0 8px}.lesson ul{padding-left:20px;margin:8px 0}.lesson li{margin:5px 0}.panel{margin-top:10px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted);font-size:14px}.config,.calculator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.calculator{grid-template-columns:repeat(2,minmax(0,1fr))}.config label,.calculator label{display:grid;gap:6px;font-size:13px;font-weight:700}.config select,.calculator input{min-width:0;width:100%;padding:12px;border:1px solid #bdcad5;border-radius:8px;color:var(--ink);background:white;font-size:16px}.actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:17px 0}.actions button:disabled{opacity:.5;cursor:default}.question{padding:16px 0}.question h3{font-size:21px;margin:8px 0 15px}.answers{display:grid;gap:9px}.answers button{border:1px solid #bdcad5;border-radius:10px;background:#fff;padding:14px 16px;text-align:left;min-height:53px;cursor:pointer;color:var(--ink)}.answers button.correct{border-color:#268366;background:#e4f5ed}.answers button.wrong{border-color:#ba5b45;background:#ffede7}.answers button:disabled{cursor:default}.explanation{margin-top:15px;background:#e8f5ef;border:1px solid #a8d3bc;padding:15px;border-radius:9px}.explanation.bad{background:#fff0e9;border-color:#d9b0a0}.results{background:#f1f6f5;padding:16px;border:1px solid var(--line);border-radius:9px}.exchange{background:#eff5f7;border-left:4px solid var(--accent);border-radius:9px;padding:16px;margin:14px 0}.exchange span{font-size:13px;color:var(--muted)}.exchange p{font-size:20px;font-weight:650;margin:7px 0 13px}.out-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.out-grid>div{background:#eff7f3;border:1px solid #cbdfd6;border-radius:12px;padding:15px}.out-grid span{display:block;color:var(--muted);font-size:13px}.out-grid strong{font-size:22px}.formula{background:#f6f9fb;padding:16px;border-radius:12px}.formula p{margin:7px 0}.resource-list{display:grid;gap:10px}.resource-list a{padding:13px;border-radius:9px;border:1px solid var(--line);text-decoration:none;color:var(--accent);font-weight:650}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);margin-top:30px;padding-top:16px}footer a{color:var(--accent)}:focus-visible{outline:3px solid #6db8a7;outline-offset:2px}@media(max-width:760px){.shell{padding:12px}.top{align-items:flex-start;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:13px;padding:10px 7px}.lesson-grid{grid-template-columns:1fr}.panel,.lesson{padding:16px}.config{grid-template-columns:1fr}.calculator,.out-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.out-grid strong{font-size:18px}.actions button{padding:10px 12px;font-size:13px}}@media(max-width:400px){.calculator{grid-template-columns:1fr}.out-grid{grid-template-columns:1fr 1fr}}