.calculator-page{max-width:1120px}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.calculator-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0}.calculator-panel label{display:block;font-size:.9rem;font-weight:600;margin:20px 0 8px}.calculator-panel>label:first-child{margin-top:0}.calculator-panel input,.calculator-panel select{width:100%;min-height:48px;font-size:16px}.calc-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.calc-presets button{min-height:44px;padding:8px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer}.calc-presets button:hover{border-color:var(--acid)}.calc-input-row{display:grid;grid-template-columns:1fr 100px;gap:10px}.calc-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-main-result{margin:26px 0;display:flex;flex-direction:column;gap:6px}.calc-main-result strong{font:600 clamp(2.5rem,6vw,4rem) var(--display);color:var(--acid);overflow-wrap:anywhere}.calc-main-result small{color:var(--text-2)}.calc-ruler{position:relative;height:52px;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),var(--text-2) calc(10% - 1px),var(--text-2) 10%)}.calc-ruler>div{height:100%;background:var(--acid);opacity:.3;width:0}.calc-ruler-labels{display:flex;justify-content:space-between;font-size:.8rem;margin:6px 0 24px;color:var(--text-2)}.calc-facts{margin:0}.calc-facts>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.calc-facts dt{color:var(--text-2);max-width:65%}.calc-facts dd{margin:0;font-weight:600;text-align:right}.calc-note{font-size:.8rem;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.calculator-page [hidden]{display:none!important}@media(max-width:760px){.calculator-layout{grid-template-columns:1fr;gap:16px}.calculator-panel{padding:20px}.calculator-page .page-head h1{font-size:2rem}}
.calc-syringe{margin:20px 0;padding:16px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.calc-syringe figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:.85rem}.calc-syringe figcaption span{color:var(--text-2)}.calc-syringe svg{width:100%;height:auto;display:block;overflow:visible}.syringe-body{fill:var(--surface-2);stroke:var(--text-2);stroke-width:2}.syringe-needle{fill:none;stroke:var(--text-2);stroke-width:3}.syringe-plunger{fill:none;stroke:var(--text-2);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.syringe-liquid{fill:var(--acid);fill-opacity:.24}.syringe-tick{stroke:var(--text);stroke-width:1.2}.syringe-tick-label{fill:var(--text);font-size:13px;font-family:var(--display)}.syringe-marker-line{stroke:var(--acid);stroke-width:3}.syringe-marker-tip,.syringe-bubble{fill:var(--acid)}.syringe-mark-label{fill:var(--acid-ink);font-size:18px;font-weight:700;font-family:var(--display)}.calc-syringe p{font-size:.9rem;margin:0 0 8px}.calc-syringe small{font-size:.73rem;color:var(--muted);display:block;line-height:1.5}.calc-scale-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.calc-scale-comparison button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--text);cursor:pointer;min-width:0}.calc-scale-comparison button.selected{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}.calc-scale-comparison span{font-size:.72rem;color:var(--text-2)}.calc-scale-comparison b{font-size:.85rem;overflow-wrap:anywhere}.calc-scale-comparison button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}