.impact-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:28px 0 18px}.impact-controls label,.impact-fiber{font:12px/1.6 var(--sans);color:var(--muted)}.impact-controls label{display:flex;flex-direction:column;gap:7px}.impact-controls button{font:600 13px var(--sans);background:var(--accent);color:white;border:0;padding:13px 22px;min-height:42px;cursor:pointer}.impact-controls button:disabled{opacity:.5}.impact-controls button:hover{background:var(--teal)}.impact-time{flex:1;min-width:190px}.impact-time output{float:right;font-variant-numeric:tabular-nums}.impact-time input{width:100%}input[type=range]{accent-color:var(--teal);min-height:24px;cursor:pointer}.impact-controls .impact-check,.impact-check{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:42px}.impact-fiber{display:flex;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.impact-fiber>input{flex:1;min-width:100px}.impact-fiber output{display:block;font-weight:600;color:var(--ink)}.impact-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.impact-panel{min-width:0;border:1px solid var(--line);background:#fcfdfd}.impact-panel-title{padding:16px 20px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font:12px/1.6 var(--sans)}.impact-panel-title strong{font-weight:400;color:var(--muted)}.impact-panel canvas{display:block;width:100%;height:auto;aspect-ratio:600/470}.impact-readout{font:11px/1.7 var(--mono);padding:0 20px 14px;color:var(--muted);font-variant-numeric:tabular-nums}.impact-stack{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.impact-stack span{background:#f5f8f7;text-align:center;padding:6px 0;font:11px var(--sans);color:var(--accent)}.impact-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:11px/1.6 var(--sans);margin:22px 0}.impact-gradient{display:inline-block;width:180px;height:10px;background:linear-gradient(90deg,#1f4e66,#287d84,#94c1a0,#efd07d,#c05334)}#impact-key-caption{color:var(--muted);margin-left:15px}#animation .two-column{margin-top:27px}#animation h3{font-size:22px;margin-bottom:16px}#animation .aside h3{font:600 12px var(--sans)}#animation p+p{margin-top:15px}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:700px){.impact-panels{grid-template-columns:1fr}.impact-fiber{flex-wrap:wrap;gap:12px}.impact-fiber>input{width:50%}.impact-fiber .impact-check{width:100%}.impact-controls{gap:15px}.impact-controls label{min-width:0}.impact-controls .impact-time{min-width:180px}#impact-key-caption{margin-left:0;width:100%}.impact-panel-title{font-size:11px}.impact-readout{font-size:10px}.impact-gradient{flex:1;max-width:200px}}