.learning-interactive{margin:1.6rem 0;padding:clamp(14px,3vw,28px);border:1px solid #c9d6e5;background:#f7f9fd;border-radius:10px;overflow:hidden;color:#233e58}.learning-interactive header h3{font-size:clamp(1.2rem,2.6vw,1.55rem);line-height:1.3;margin:0 0 12px}.learning-interactive header p{margin:8px 0 15px}.interactive-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#617794}.interactive-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px;margin:20px 0}.interactive-slider,.interactive-select{display:grid;gap:9px;font-size:14px;font-weight:550;min-width:0}.interactive-range-row{display:flex;align-items:center;gap:14px}.interactive-range-row input{min-width:0;width:100%;accent-color:#315cff;height:28px}.interactive-range-row output{min-width:49px;text-align:right;font-variant-numeric:tabular-nums;font-size:15px}.interactive-select select{max-width:100%;padding:10px;background:white;border:1px solid #aebcd0;border-radius:4px;color:#233e58;font:inherit}.interactive-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.interactive-actions button{border:1px solid #adc0d9;border-radius:5px;color:#233e58;padding:9px 15px;background:white;font:inherit;cursor:pointer;font-size:14px}.interactive-actions button[data-action=play]{background:#233e58;color:white}.interactive-actions button:disabled{opacity:.5;cursor:default}.interactive-actions label{display:flex;align-items:center;gap:6px;font-size:13px;margin-left:4px}.interactive-actions input{accent-color:#315cff;width:17px;height:17px}.interactive-status{font-size:12px!important;color:#61738b;margin:12px 0!important;min-height:1.6em}.interactive-viewport{overflow:auto;margin:0 -4px;background:white;border:1px solid #dfe7f0;border-radius:5px}.interactive-viewport svg{display:block;width:100%;min-width:420px;height:auto}.interactive-viewport svg text{font-family:'Golos Text',Arial,sans-serif;font-size:17px;fill:#233e58;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.interactive-viewport svg text.small{font-size:13px}.interactive-results{margin-top:15px;display:grid;gap:7px;font-size:14px;font-variant-numeric:tabular-nums}.interactive-results>div:empty{display:none}.interactive-legend{margin-top:17px;font-size:15px}.interactive-legend p{margin:10px 0}.interactive-model-note{margin-top:18px!important;padding-top:14px;border-top:1px solid #d9e3ee;font-size:12px!important;line-height:1.65!important;color:#61738b}.interactive-legend .math-display{padding-top:7px;padding-bottom:7px}.learning-interactive :focus-visible{outline:3px solid #b89757;outline-offset:4px}.learning-interactive [hidden]{display:none!important}@media(max-width:480px){.interactive-actions button{padding:10px 13px}.interactive-actions label{width:100%;margin-top:5px}.interactive-viewport:after{content:'Схему можно прокрутить по горизонтали';display:block;padding:6px 10px;font-size:10px;color:#61738b;background:#f1f5fa}.interactive-viewport svg{min-width:420px}.interactive-model-note{font-size:12px!important}}@media(prefers-reduced-motion:reduce){.learning-interactive *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.interactive-enlarge{margin-top:14px;border:0;background:none;color:#315cff;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0}.expanded-model .interactive-viewport svg{min-width:760px}.expanded-model{margin:0;border:0;padding:12px}.expanded-model .interactive-viewport:after{display:none}