/* Author: Sandeep Belgavi */
*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#14253e;font:16px/1.65 system-ui,sans-serif}a{color:#174eac}nav.mh-nav{display:flex;gap:20px;flex-wrap:wrap;padding:16px 24px;background:#14253e}nav.mh-nav a{color:white}main.mh-main{max-width:1120px;margin:auto;padding:24px}h1{line-height:1.15;font-size:clamp(1.8rem,4vw,2.8rem)}.mh-card,.mh-guide{background:white;border:1px solid #cbd6e4;border-radius:14px;padding:22px;margin:20px 0;min-width:0}.mh-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:18px 0}.mh-controls label{display:flex;flex-direction:column;font-weight:600;gap:4px}.mh-controls input,.mh-controls select{font:inherit;width:100%;min-width:0;padding:8px;border:1px solid #7b8ca3;border-radius:5px}.mh-controls input[type=checkbox]{width:24px;height:24px}.mh-controls input[type=range]{padding:0}button{font:inherit;cursor:pointer;border:1px solid #335c8e;background:#174eac;color:white;padding:9px 16px;border-radius:6px}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bb4b00;outline-offset:3px}.mh-transport{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.mh-transport label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mh-transport input{max-width:100%}.mh-result{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4ff;border-left:4px solid #174eac;padding:16px;min-height:5rem}.mh-error{color:#9c241a}.mh-visual{display:block;width:100%;height:auto;background:#f1f6fc;border:1px solid #cbd6e4;border-radius:10px;touch-action:none}.mh-table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:9px;border-bottom:1px solid #cbd6e4;white-space:nowrap}tr[aria-current=true]{background:#dcecff;font-weight:650}.mh-guide p{max-width:82ch}footer{margin:30px 0}code{overflow-wrap:anywhere}#mh-state{font-weight:650}.mh-caption{font-size:.95rem}.mh-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}@media(max-width:600px){main.mh-main{padding:12px}.mh-card,.mh-guide{padding:14px}.mh-row{grid-template-columns:1fr}.mh-controls{grid-template-columns:1fr 1fr;gap:10px}.mh-controls label{font-size:14px}nav.mh-nav{gap:14px;padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep dense mathematical labels readable inside a keyboard-scrollable region. */
.mh-diagram-scroll{max-width:100%;overflow-x:auto}.mh-diagram-scroll .mh-visual{min-width:800px;max-width:none!important}.mh-diagram-scroll:focus-visible{outline:3px solid #bb4b00;outline-offset:3px}