.unit-tool{padding-bottom:20px}.unit-calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4e4e4;border-radius:12px;overflow:hidden;background:#fff}.unit-inputs{padding:32px}.unit-inputs h2{margin:0 0 24px;font-size:23px}.unit-inputs label{display:block;font-size:14px;font-weight:500;min-width:0}.unit-inputs select,.unit-inputs input{width:100%;display:block;margin-top:8px;border:1px solid #d6d6d6;border-radius:5px;background:#fff;padding:12px;font:inherit;min-height:49px;min-width:0}.unit-inputs input{font-size:20px}.unit-inputs select:focus-visible,.unit-inputs input:focus-visible{outline:2px solid #af1923;outline-offset:2px}.unit-context{font-size:13px;line-height:1.8;color:#747474;min-height:47px;margin:12px 0 24px}.unit-selectors{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);align-items:end;gap:10px;margin-top:22px}.unit-selectors select{font-size:13px;padding:12px 8px}.unit-selectors button{font:inherit;font-size:24px;border:0;background:none;color:#ae1720;cursor:pointer;height:49px;padding:0}.unit-note{font-size:12px;color:#777;line-height:1.8;margin:12px 0 0}.unit-reset,.unit-copy{font:inherit;background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.unit-reset{margin-top:16px;font-size:14px}.unit-copy{font-size:13px}.unit-copy:disabled{opacity:.45;cursor:default}.unit-error{font-size:14px;color:#a31420;background:#fff0f0;border-radius:4px;padding:12px}.unit-result-panel{padding:32px;background:#f6f6f6;display:flex;flex-direction:column;justify-content:center}.unit-output small{font-size:14px;font-weight:500}.unit-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:12px}.unit-number strong{font-size:clamp(30px,3.7vw,49px);color:#b81821;font-weight:600;line-height:1.3;letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%}.unit-number span{font-size:17px;color:#555}.unit-equation{font-size:13px;color:#666;line-height:1.8;overflow-wrap:anywhere;margin:12px 0 26px}.unit-equivalents{border-top:1px solid #ddd;padding-top:18px}.unit-equivalents h3{font-size:14px;margin:0 0 12px;font-weight:600}.unit-equivalents table{width:100%;border-collapse:collapse;table-layout:fixed}.unit-equivalents th,.unit-equivalents td{padding:8px 0;font-size:13px;font-weight:400;border-bottom:1px solid #e2e2e2;text-align:left;overflow-wrap:anywhere}.unit-equivalents th{width:58%;padding-right:12px;color:#777}.unit-equivalents thead th:last-child,.unit-equivalents td{text-align:right;font-variant-numeric:tabular-nums}.unit-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px}.unit-result-actions .button{font-size:14px;padding:12px 17px}.unit-guidance{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 0}.unit-guidance h3{font-size:17px;margin:0 0 10px}.unit-guidance p{font-size:14px;line-height:1.9;color:#666;margin:0}.unit-method{border-block:1px solid #ddd;padding:18px 0}.unit-method summary{font-size:14px;font-weight:600;cursor:pointer}.unit-method .prose{font-size:14px;padding-top:14px;overflow-wrap:anywhere}.unit-method a{color:#ac111b;text-decoration:underline}.unit-editor-copy{margin-top:24px}.unit-tool button:focus-visible,.unit-tool a:focus-visible,.unit-tool summary:focus-visible{outline:2px solid #ae1720;outline-offset:4px}
@media(max-width:760px){.unit-calculator{grid-template-columns:1fr}.unit-inputs,.unit-result-panel{padding:24px 20px}.unit-inputs h2{font-size:21px}.unit-guidance{grid-template-columns:1fr;gap:24px}.unit-number strong{font-size:37px}.unit-selectors{gap:5px;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr)}.unit-selectors select{font-size:12px;padding-inline:4px}.unit-result-actions{gap:16px}.unit-inputs>label>select{font-size:13px}}
