#mt-results, #molarity-tool {min-width:0}
#molarity-tool{--mt-ink:#203048;--mt-muted:#65758a;--mt-line:#e0e5ed;--mt-blue:#2161b3;color:var(--mt-ink);font-size:14px}
#molarity-tool .mt-panel{border:1px solid var(--mt-line);border-radius:12px;padding:16px;background:#fff;min-width:0}
#molarity-tool .mt-mode{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
#molarity-tool .mt-mode-btn{border:1px solid var(--mt-line);border-radius:7px;background:#fff;padding:8px 10px;font-size:13px;flex:1 1 auto;color:var(--mt-ink);white-space:nowrap}
#molarity-tool .mt-mode-btn.active{background:#2161b3;color:#fff;border-color:#2161b3}
#molarity-tool .mt-help,#molarity-tool .mt-footnote{color:var(--mt-muted);font-size:12px;line-height:1.5}
#molarity-tool .form-label{font-size:13px;font-weight:600;margin-bottom:5px}
#molarity-tool .form-control,#molarity-tool .form-select,#molarity-tool .input-group-text{font-size:14px;min-width:0}
#molarity-tool .mt-unit{flex:0 0 83px;width:83px;padding-left:9px;padding-right:25px}
#molarity-tool .input-group-text{background:#f7f8fa}
#molarity-tool .mt-actions{display:flex;gap:9px}
#molarity-tool .btn-calc{background:#2161b3;color:white;border:1px solid #2161b3;font-weight:600;min-width:0}
#molarity-tool .btn-calc:hover{background:#164f99;color:white}
#molarity-tool .mt-reset{width:51px;flex:0 0 51px}
#molarity-tool .mt-key{background:#F0F5FE;border-radius:10px;padding:19px 18px}
#molarity-tool .mt-key-label{font-weight:600;font-size:13px;color:#324b69}
#molarity-tool .mt-key-number{font-size:clamp(26px,5vw,35px);font-weight:750;letter-spacing:-.025em;overflow-wrap:anywhere;margin:5px 0}
#molarity-tool .mt-key-number span{font-size:17px;font-weight:600;letter-spacing:0}
#molarity-tool .mt-key-sub{font-size:12px;color:#526784}
#molarity-tool .mt-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#molarity-tool .mt-stat{border:1px solid var(--mt-line);border-radius:9px;padding:12px;min-width:0}
#molarity-tool .mt-stat-label{font-size:12px;color:var(--mt-muted);margin-bottom:5px}
#molarity-tool .mt-stat-value{font-size:17px;font-weight:700;overflow-wrap:anywhere}
#molarity-tool .mt-block-label{font-weight:700;font-size:14px}
#molarity-tool .mt-graph-controls{display:flex;align-items:center;gap:7px}
#molarity-tool .mt-graph-controls select{width:89px}
#molarity-tool .mt-chart{width:100%;min-height:155px;overflow:hidden}
#molarity-tool .mt-chart svg{display:block;width:100%;height:auto;max-height:270px}
#molarity-tool .mt-details td{padding:9px 5px;vertical-align:top;border-color:var(--mt-line)}
#molarity-tool .mt-details td:first-child{color:var(--mt-muted);width:48%}
#molarity-tool .mt-details td:last-child{text-align:right;font-weight:600;overflow-wrap:anywhere}
#molarity-tool .mt-formula{background:#f6f8fb;border-radius:8px;padding:11px;font-size:13px;overflow-wrap:anywhere}
#molarity-tool .mt-note{background:#f6f8fb;border-radius:8px;padding:10px 12px;color:#5d6776;font-size:12px}
@media(max-width:575.98px){#molarity-tool .mt-panel{padding:12px}#molarity-tool .mt-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#molarity-tool .mt-mode-btn{flex:1 1 calc(50% - 6px)}#molarity-tool .mt-key{padding:15px}#molarity-tool .mt-actions{width:100%}#molarity-tool .mt-actions .btn-calc{flex:1 1 auto}#molarity-tool .mt-chart{min-height:120px}}