.svtl-tool{--ink:#123f35;--paper:#f6f4ec;--accent:#ec7845;background:var(--paper);color:var(--ink);border:1px solid #d7ddd2;border-radius:24px;padding:clamp(14px,3vw,30px);font:16px/1.5 system-ui,sans-serif;max-width:1200px;margin:24px auto;box-sizing:border-box}.svtl-tool *{box-sizing:border-box}.svtl-tool h2{font-size:clamp(23px,3vw,36px);line-height:1.15;margin:8px 0 14px;letter-spacing:-.025em}.svtl-tool p{max-width:80ch}.svtl-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.svtl-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.svtl-stage{position:relative;min-width:0;background:#e4ece5;border:1px solid #cfdbd1;border-radius:16px;overflow:hidden}.svtl-stage canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:pan-y}.svtl-stage canvas[data-lab]{touch-action:none}.svtl-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.svtl-tool label{display:block;font-size:13px;font-weight:650}.svtl-tool input[type=range]{width:100%;accent-color:var(--ink);min-height:32px}.svtl-tool input[type=checkbox]{accent-color:var(--ink);width:18px;height:18px;vertical-align:middle;margin-right:8px}.svtl-tool select{width:100%;max-width:100%;padding:10px 8px;color:var(--ink);border:1px solid #b9cbbd;background:#fff;border-radius:8px;font:inherit;font-size:14px}.svtl-tool button{font:600 13px/1.3 system-ui;cursor:pointer;min-height:42px;padding:10px 13px;border:1px solid #b9cbbd;border-radius:10px;background:#fff;color:var(--ink)}.svtl-tool button:hover{background:#e6ecde}.svtl-tool button.svtl-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.svtl-tool :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.svtl-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.svtl-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.svtl-metric{border-top:2px solid #c8d6c8;padding-top:10px;font-size:12px}.svtl-metric strong{display:block;font-size:25px;font-variant-numeric:tabular-nums}.svtl-note,.svtl-sources{font-size:12px;color:#4b665c}.svtl-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;margin-top:12px}.svtl-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.svtl-challenge{margin-top:20px;padding:16px;background:#e8eddf;border-radius:12px}.svtl-challenge p{margin:6px 0 12px}.svtl-answer[hidden]{display:none!important}.svtl-status{min-height:24px;font-size:13px}.svtl-tool a{color:inherit;text-decoration:underline}.svtl-tool output{font-variant-numeric:tabular-nums}.svtl-sources summary{cursor:pointer;font-weight:700;margin:14px 0}.svtl-canvas-help{font-size:12px;padding:8px 14px;background:#eef1e8}.svtl-tool .svtl-answer{margin-top:10px;border-left:3px solid var(--accent);padding-left:10px}@media(max-width:760px){.svtl-layout{grid-template-columns:minmax(0,1fr)}.svtl-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.svtl-stage canvas{aspect-ratio:1.25}.svtl-stage{border-radius:10px}}@media(max-width:380px){.svtl-panel{grid-template-columns:minmax(0,1fr)}.svtl-metric strong{font-size:21px}.svtl-tool{border-radius:14px}}@media(prefers-reduced-motion:reduce){.svtl-tool *{scroll-behavior:auto!important}}

.svtl-quiz{margin-top:18px;border:1px solid #b9cbbd;padding:16px;border-radius:12px}.svtl-quiz summary{font-weight:750;cursor:pointer}.svtl-quiz h3{font-size:18px}.svtl-quiz-options{display:grid;gap:8px}.svtl-quiz-options button{text-align:left}.svtl-quiz-options button:disabled{cursor:default;opacity:1}.svtl-quiz-options .svtl-correct{background:#cce0bd;border-color:#468242}.svtl-quiz-options .svtl-wrong{background:#f5d5c5;border-color:#ac5936}.svtl-quiz-feedback{min-height:24px;font-weight:550}