.calculator-hero{padding-bottom:64px}.calculator-hero h1{max-width:16ch}.calculator-wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}.dose-workspace{border:1px solid var(--line);border-radius:6px;grid-template-columns:1.1fr 1fr;margin-top:56px;display:grid;overflow:clip}.dose-form{padding:clamp(24px,4vw,56px)}.dose-workspace h2{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(26px,2.6vw,36px);font-weight:620;line-height:1.15}.dose-intro{color:var(--ink-muted);margin:0 0 32px;font-size:16px;line-height:1.65}.dose-field{min-width:0;margin-bottom:24px}.dose-field label{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:16px;font-weight:600;display:flex}.dose-field label span{color:var(--gold-ink);font-weight:500}.dose-field input,.dose-field select{width:100%;min-width:0;height:56px;color:var(--navy);font:inherit;font-variant-numeric:tabular-nums;background:#fffdf8;border:1px solid #9b8e78;border-radius:4px;padding:12px 14px;font-size:18px}.dose-field input[aria-invalid=true],.dose-field select[aria-invalid=true]{border-color:#9d3229}.dose-field p,.dose-syringe-settings>p{color:var(--ink-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.dose-with-unit{grid-template-columns:minmax(0,1fr) 96px;gap:10px;display:grid}.dose-syringe-settings{border:0;border-top:1px solid var(--line);grid-template-columns:1.25fr 1fr;gap:0 16px;margin:32px 0 24px;padding:20px 0 0;display:grid}.dose-syringe-settings legend{padding:0 16px 0 0;font-size:17px;font-weight:620}.dose-syringe-settings .dose-field{margin-bottom:8px}.dose-syringe-settings label{font-size:14px}.dose-syringe-settings select{padding-inline:10px;font-size:15px}.dose-syringe-settings>p{grid-column:1/-1}.dose-reset{border:0;border-bottom:1px solid var(--gold-ink);color:var(--gold-ink);font:inherit;cursor:pointer;background:0 0;min-height:44px;padding:10px 0}.dose-reset:hover{color:var(--navy);border-color:var(--navy)}.dose-result{background:var(--navy);color:var(--cream);padding:clamp(24px,4vw,56px)}.dose-result-sticky{position:sticky;top:120px}.dose-result h2{color:var(--gold-light)}.dose-amount{flex-direction:column;gap:12px;margin:40px 0 14px;display:flex}.dose-amount strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(48px,5.3vw,76px);font-weight:600;line-height:1}.dose-amount span{color:var(--gold-light);font-size:18px}.dose-volume{margin:0 0 32px;font-size:20px}.dose-breakdown{margin:0}.dose-stage{grid-template:"syringe info""syringe extra"1fr/minmax(112px,150px) minmax(0,1fr);column-gap:clamp(20px,3vw,36px);margin-top:32px;display:grid}.dose-stage-info{grid-area:info}.dose-stage-extra{grid-area:extra}@media (max-width:560px){.dose-stage{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"syringe info""extra extra";column-gap:20px}.dose-stage .dose-amount strong{font-size:48px}.dose-stage .syringe-readout{flex-direction:column}}.dose-stage .dose-amount{margin-top:8px}.dose-stage .dose-empty{min-height:0;padding-top:8px}.syringe-column{grid-area:syringe;align-self:start;position:relative}.syringe-column svg{width:100%;height:auto;display:block}.syringe-column:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:4px;border-radius:4px}.syringe-handle{cursor:grab;touch-action:none;position:absolute;left:10%;right:10%}.syringe-handle:active{cursor:grabbing}.syringe-drag-hint{width:100%;color:var(--gold-light);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:600;line-height:1.3;display:flex;position:absolute;left:46.6667%;transform:translate(-50%)}.syringe-drag-arrow{font-size:24px;line-height:1}.syringe-range{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.syringe-thumb{transition:fill .2s}.syringe-column:has(.syringe-handle:hover) .syringe-thumb{fill:#fff3dc}.dose-stage.is-matched .syringe-target path{fill:var(--gold-light)}.syringe-target line{transition:stroke .3s}.dose-stage.is-matched .syringe-target line{stroke:var(--gold-light)}@media (prefers-reduced-motion:no-preference){.syringe-bubble{transform-box:fill-box;opacity:0;animation:2.8s ease-in infinite syringe-bubble}.dose-stage.is-matched .syringe-target{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out syringe-pop}}@keyframes syringe-bubble{0%{opacity:0;transform:translateY(0)}15%{opacity:.55}to{opacity:0;transform:translateY(-140px)}}@keyframes syringe-pop{50%{transform:scale(1.12)}}.syringe-caption{color:#c9d1de;margin:24px 0 0;font-size:12px;line-height:1.6}.dose-breakdown+.syringe-caption{margin-top:8px}.syringe-readout{color:#c9d1de;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:13px;display:flex}.syringe-readout strong{color:var(--gold-light);font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:600;display:block}.syringe-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:14px 0 24px;display:flex}.syringe-actions p{color:#c9d1de;margin:0;font-size:12px;line-height:1.5}.syringe-actions button{min-height:44px;font:inherit;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #8593a8;border-radius:4px;flex:none;padding:8px 12px;font-size:13px}.syringe-actions button:hover{border-color:var(--gold-light);background:#e9d2ac14}.dose-breakdown div{border-top:1px solid #40516b;justify-content:space-between;gap:16px;padding:16px 0;font-size:15px;line-height:1.5;display:flex}.dose-breakdown dt{color:#c9d1de}.dose-breakdown dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.dose-result-note,.dose-boundary{color:#c9d1de;font-size:13px;line-height:1.7}.dose-boundary{border-top:1px solid #40516b;margin:32px 0 0;padding-top:24px}.dose-empty{flex-direction:column;justify-content:center;min-height:310px;display:flex}.dose-empty>span{color:var(--gold-light);font-size:72px;line-height:1}.dose-empty p{max-width:32ch;font-size:18px;line-height:1.65}.dose-empty .dose-scale-note{color:#c9d1de;font-size:14px}.dose-warning{background:var(--gold-light);color:var(--navy);border-radius:4px;padding:18px 20px;font-size:15px;line-height:1.6}.calculator-explainer{grid-template-columns:1fr 1fr;gap:48px 64px;display:grid}.calculator-formula ol{padding-left:24px}.calculator-formula li{padding-left:8px}.calculator-formula strong,.calculator-formula span{display:block}.calculator-formula strong{color:var(--navy);font-size:17px}.calculator-formula span{font-size:16px}.calculator-context{border-top:1px solid var(--line);grid-column:1/-1;padding-top:48px}.calculator-context p{max-width:80ch}@media (max-width:959px){.dose-workspace,.calculator-explainer{grid-template-columns:1fr}.dose-result-sticky{position:static}.dose-empty{min-height:180px}.calculator-wrap{padding-inline:20px}.dose-workspace{margin-top:32px}}@media (max-width:380px){.dose-syringe-settings{grid-template-columns:1fr;gap:16px}}