.md-mini{width:100px;height:70px}
.md-mini text,.md-section svg text{font-family:var(--u-font);font-variant-numeric:tabular-nums}
.md-hero{grid-template-columns:minmax(0,1fr) 300px}
.md-hero-svg{display:block;width:300px;max-width:100%;height:auto}
.md-section button{display:inline-block;box-sizing:border-box;min-height:44px}
.md-section .sg-opts button:focus-visible{outline:3px solid var(--sg-amber);outline-offset:2px}
.md-section .sg-btn{transition:transform .2s}
.md-section .sg-opts button{transition:transform .2s}
.md-section button[aria-disabled="true"]{opacity:.45}
.md-pick,.md-ctl{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.md-ctl{margin-top:10px}
.md-mul svg,.md-div svg,.md-pack svg,.md-chk svg{display:block;max-width:100%;height:auto;margin:0 auto}
.md-mul svg{width:280px}
.md-div svg{width:300px}
.md-pack svg,.md-chk svg{width:320px}
.md-band{transition:transform .25s ease}
.md-tt{display:flex;flex-wrap:wrap;gap:8px}
.md-tt-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;font-size:15px;background:#fff;border:2px solid #4A7A1E;color:#20303D}
.md-tt-chip small{font-size:12px;font-weight:700;color:#4A7A1E}
.md-tt-chip.md-chosen{background:#EEF5E6;font-weight:800}
.md-tt-chip.md-too-big{border-color:#C9D1D8;color:#8D98A2}
.md-tt-chip.md-too-big small{color:#8D98A2}
.md-pack-q{font-size:16px;font-weight:700;color:#20303D}
.md-chk-eq{font-size:26px;font-weight:800;color:#20303D;text-align:center}
.md-chk input[type="range"]{display:block;width:100%;min-height:44px;margin:6px 0 0;accent-color:#2F6FEB}
.md-chk input[type="range"]::-webkit-slider-thumb{width:28px;height:28px}
.md-chk input[type="range"]::-moz-range-thumb{width:28px;height:28px}
.md-chk-note{font-size:14px;color:#5B6B78}
@media(max-width:900px){.md-hero{grid-template-columns:1fr}.md-hero-svg{width:100%;max-width:300px}.md-chk svg{width:100%}}
@media(prefers-reduced-motion:reduce){.md-section,.md-section *,.md-section *::before,.md-section *::after{animation:none!important;transition:none!important}.md-band{transition:none}}

@media (max-width:480px){
  .md-hero-svg text[font-size="10"]{font-size:12px}
}