.lesson{max-width:1440px;margin:auto;padding:28px 32px 36px}.lesson-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px}.lesson-head h1{font-size:clamp(27px,3.3vw,42px)}.lesson-head p{color:var(--muted);margin-top:12px}.lesson-head a{font-size:13px;color:var(--gold-light);white-space:nowrap}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:20px 0;border-block:1px solid var(--line)}.controls label{font-size:13px}.example{display:grid;gap:7px;flex:1;min-width:220px}select,input[type=number],button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:inherit}select{width:100%;min-height:44px}button{cursor:pointer;font-size:13px;min-height:44px}button:hover{border-color:var(--gold)}fieldset{padding:0;border:0;margin:0;display:flex;gap:12px}legend{font-size:13px;margin-bottom:7px;color:var(--muted)}input[type=number]{width:78px;margin-left:5px}input{accent-color:var(--gold-light);caret-color:var(--gold-light)}.toggle{display:flex;gap:7px;align-items:center;min-height:44px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;margin-top:24px}.plots{min-width:0}canvas{display:block;width:100%;height:610px;background:var(--surface);touch-action:pan-y}.probe{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;gap:16px;align-items:center;padding:16px 0;font-size:13px}input[type=range]{width:100%;min-height:32px;margin:0}output{font-variant-numeric:tabular-nums;color:var(--gold-light);min-width:68px}.plot-note,.model-note{font-size:12px;color:var(--muted)}.explanation h2{font-size:21px;margin:26px 0 10px}.explanation h2:first-child{margin-top:0}.explanation p{font-size:14px;line-height:1.7}.explanation strong{color:var(--gold-light);font-weight:600}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px;font-variant-numeric:tabular-nums}caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:8px}th,td{text-align:left;padding:9px 5px;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--muted)}td:last-child{color:var(--gold-light)}.rules{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.rules h2{font-size:25px;margin-bottom:18px}.rules>div{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;font-size:14px}.rules strong{color:var(--gold-light)}.model-note{margin-top:24px;max-width:90ch}#error{color:#f4b6a6;margin-top:16px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.lesson{padding:24px 20px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.explanation{display:grid;grid-template-columns:1fr}.rules>div{grid-template-columns:1fr;gap:16px}canvas{height:560px}.lesson-head{align-items:start}.lesson-head p{font-size:14px}.probe{gap:10px}.probe label{max-width:90px}.controls{gap:16px}.lesson{padding:20px 14px}.lesson-head a{white-space:normal;max-width:60px}.explanation h2{margin-top:24px}.toggle{flex:1}.model-note{font-size:12px}}