:root{--paper:#f9f7f2;--surface:#fefdfb;--ink:#1e212d;--muted:#575a66;--line:#ced0d9;--accent:#47457c;--accent-soft:#e1e2f9;--panel:#f1f2fb;--warning:#5a3200;--warning-bg:#fbedd2}@supports (color:lab(0% 0 0)){:root{--paper:lab(97.2444% .194401 2.66511);--surface:lab(99.3164% .0796616 1.13984);--ink:lab(12.8156% 1.3696 -8.42717);--muted:lab(38.3856% .848278 -7.07784);--line:lab(83.6807% .446379 -4.51763);--accent:lab(31.6461% 12.1901 -31.498);--accent-soft:lab(90.4551% 2.73582 -11.3165);--panel:lab(95.4853% 1.08194 -4.78317);--warning:lab(25.4673% 16.6945 40.8429);--warning-bg:lab(94.3365% 1.46264 15.1304)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{border-radius:7px}button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);padding:8px 14px;font-weight:550;transition:background-color .15s}button:hover:not(:disabled){background:var(--accent-soft)}input,select{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:48px;color:var(--ink);padding:10px 12px}input::placeholder{color:#6c6e78;color:lab(46.5372% .616103 -5.6149)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.2}h1{margin-bottom:12px;font-size:36px;font-weight:650}h2{font-size:24px;font-weight:600}h3{font-size:18px}p{max-width:75ch}svg{display:block}main,.site-header,.site-footer{width:min(1120px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:15px;font-weight:650;line-height:1.25;text-decoration:none;display:flex}.brand svg{width:33px;height:36px;color:var(--accent)}.brand-sub{letter-spacing:.035em;font-weight:400;display:block}.site-header nav{gap:32px;font-size:13px;display:flex}.site-header nav a{align-items:center;gap:8px;min-height:44px;text-decoration:none;display:flex}.site-header nav a:hover{color:var(--accent);text-decoration:underline}.page-intro{justify-content:space-between;align-items:end;gap:24px;padding:42px 0 26px;display:flex}.eyebrow{letter-spacing:.13em;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:650}.page-intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:15px}.page-intro p span{color:var(--muted)}.intro-link{white-space:nowrap;padding-bottom:4px;font-size:12px}.calculator-shell{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 5px 18px #1e212d06;box-shadow:0 5px 18px lab(12.8156% 1.3696 -8.42717/.025)}.input-panel{padding:26px 32px 22px}.mode-switch{background:var(--paper);border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:26px;padding:4px;display:flex}.mode-switch button{white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;min-height:38px;padding:6px 9px;font-size:13px}.mode-switch button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:0 1px 3px #1e212d0f;box-shadow:0 1px 3px lab(12.8156% 1.3696 -8.42717/.06)}.step-heading{align-items:center;gap:12px;margin-bottom:17px;display:flex}.step-heading h2{letter-spacing:-.015em;margin:0;font-size:16px}.step-heading>span,.step-number{letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.field{margin-bottom:16px}.field>label{margin-bottom:6px;font-size:13px;font-weight:550;display:block}.input-wrap{border:1px solid var(--line);background:var(--surface);border-radius:7px;display:flex;overflow:visible}.input-wrap input{font-variant-numeric:tabular-nums;letter-spacing:.01em;background:0 0;border:0;flex:1;width:100%;padding-left:14px;font-size:18px}.input-wrap select{border:0;border-left:1px solid var(--line);background:var(--paper);border-radius:0 6px 6px 0;min-width:80px;font-size:13px}.unit-label{color:var(--muted);align-items:center;padding:0 17px;font-size:13px;display:flex}.field-hint{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.55}.syringe-select{border:0;min-width:0;margin:23px 0 16px;padding:0}.syringe-select legend{width:100%;padding:0;font-size:16px;font-weight:600}.step-number{margin-right:12px;font-weight:400}.syringe-select>.field-hint{margin-top:7px;margin-bottom:12px}.syringe-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.syringe-options label{border:1px solid var(--line);cursor:pointer;border-radius:7px;flex-direction:column;align-items:center;padding:10px 5px 11px;display:flex;position:relative}.syringe-options label.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.syringe-options input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.syringe-options label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.syringe-options svg{width:70px;height:27px;color:var(--muted);margin-bottom:5px}.syringe-options .selected svg{color:var(--accent)}.syringe-options strong{font-size:13px;font-weight:600}.syringe-options span{color:var(--muted);font-size:11px}.graduation-field select{width:100%;font-size:13px}.graduation-field{margin-bottom:0}.form-error{color:#861118;color:lab(28.8681% 47.573 30.5386);min-height:0;margin:8px 0;font-size:12px}.form-error:empty{margin:12px 0}.form-actions{align-items:center;gap:12px;display:flex}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent);flex:1;justify-content:center;align-items:center;gap:12px;min-height:48px;font-size:14px;display:flex}.primary:hover:not(:disabled){background:#353267;background:lab(23.4441% 13.2409 -31.343)}.text-button{background:0 0;border-color:#0000;font-size:13px}.input-footer{color:var(--muted);margin:15px 0 0;font-size:10px}.result-panel{background:var(--panel);border-left:1px solid var(--line);min-width:0;padding:30px 32px 24px}.result-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:34px;display:flex}.result-heading .eyebrow{margin:0}.local-tag{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.result-space{min-height:262px}.empty-result{padding-top:14px}.empty-number{color:var(--line);font-size:55px;font-weight:300;line-height:1}.empty-result h2{margin:18px 0 12px;font-size:22px}.empty-result p{color:var(--muted);max-width:34ch;font-size:13px}.result-label{color:var(--muted);margin:0 0 3px;font-size:12px}.answer{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:baseline;gap:12px;margin:4px 0 12px;line-height:1.1;display:flex}.answer strong{letter-spacing:-.065em;overflow-wrap:anywhere;max-width:100%;font-size:64px;font-weight:550;line-height:1.1}.answer span{color:var(--muted);font-size:20px}.answer-note{color:var(--muted);margin-bottom:22px;font-size:12px}.measurement-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;display:grid}.measurement-row span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.measurement-row strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:550}.rounding-note,.secondary-result{color:var(--muted);margin:12px 0 0;font-size:11px}.warnings{background:var(--warning-bg);color:var(--warning);border:1px solid #d2b77f;border:1px solid lab(75.8442% 4.31138 32.49);border-radius:7px;margin:0 0 20px;padding:13px;font-size:12px}.warnings strong{font-weight:650}.warnings ul{margin:6px 0 0;padding-left:17px}.warnings li+li{margin-top:7px}.syringe-figure{margin:20px -12px 24px}.syringe-figure svg{width:100%;height:auto}.syringe-figure figcaption{color:var(--muted);max-width:55ch;margin:9px 12px 0;font-size:10px;line-height:1.55}.worked{border-top:1px solid var(--line);padding-top:16px}.worked summary{cursor:pointer;justify-content:space-between;min-height:35px;font-size:13px;font-weight:600;list-style:none;display:flex}.worked summary::-webkit-details-marker{display:none}.worked ol{counter-reset:step;gap:12px;margin:9px 0 0;padding:0;list-style:none;display:grid}.worked li{counter-increment:step;padding-left:27px;position:relative}.worked li:before{content:counter(step,decimal-leading-zero);color:var(--muted);font-size:10px;position:absolute;top:1px;left:0}.worked li span,.worked li strong,.worked li small{font-size:11px;line-height:1.55;display:block}.worked li span,.worked li small{color:var(--muted)}.worked li strong{font-size:12px;font-weight:550}.fraction{overflow-wrap:anywhere;color:var(--muted);margin:15px 0 0;font-size:10px}.scope-note{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding-top:14px;font-size:10px;line-height:1.65}.scope-note strong{font-weight:650}.utility-bar{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.utility-actions{gap:8px;display:flex}.utility-actions button{background:0 0;border-color:#0000;padding:5px 8px;font-size:12px}.offline-status{color:var(--muted);text-align:right;font-size:10px}.offline-status button{margin-top:7px;font-size:11px;display:block}.status-message{min-height:24px;color:var(--accent);margin:3px 0 10px;font-size:12px}.share-box{padding:16px 0}.share-box label{font-size:12px;display:block}.share-box input{width:100%;font-size:12px}.saved-section{border-block:1px solid var(--line);padding:16px 0}.saved-section summary{cursor:pointer;min-height:30px;font-size:13px;font-weight:550}.saved-section summary span{color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}.saved-section>p{color:var(--muted);margin:14px 0;font-size:12px}.save-form{align-items:end;gap:12px;max-width:700px;display:flex}.save-form label{flex:1;font-size:12px;display:block}.save-form input{width:100%;margin-top:6px;display:block}.save-form button{min-height:48px;font-size:12px}.saved-list{padding:0;list-style:none}.saved-list li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;display:flex}.saved-list li>span{overflow-wrap:anywhere;flex:1}.saved-list button,.saved-actions button{font-size:12px}.saved-actions{gap:10px;display:flex}.reference-section{padding:64px 0 46px}.section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:26px;display:flex}.section-heading h2{margin:0;font-size:27px}.section-heading>p{color:var(--muted);max-width:30ch;margin:0;font-size:13px}.guide-links{grid-template-columns:1fr 1fr;column-gap:44px;display:grid}.guide-links a{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;font-size:13px;text-decoration:none;display:flex}.guide-links a:hover{color:var(--accent)}.guide-links a>span:last-child{margin-left:auto}.guide-number{color:var(--muted);font-size:10px}.home-scope{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:44px;padding:34px 0 58px;display:grid}.home-scope h2{max-width:20ch;font-size:22px}.home-scope p{color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;row-gap:24px;padding:32px 0 28px;display:grid}.footer-brand{font-size:13px;font-weight:600;text-decoration:none}.site-footer p{color:var(--muted);margin:4px 0 0;font-size:11px}.site-footer nav{justify-content:end;align-items:start;gap:22px;font-size:11px;display:flex}.footer-note{grid-column:1/-1}.breadcrumb{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.guide-intro h1{font-size:32px}.guide-intro>div{max-width:780px}.guide-article{max-width:800px;margin:60px auto}.article-sections section{margin:36px 0}.article-sections h2{font-size:22px}.article-sections p{color:var(--muted);font-size:15px}.source-link{color:var(--muted);font-size:12px}.related-guides{border-top:1px solid var(--line);margin-top:48px;padding-top:30px}.related-guides a{padding:9px 0;font-size:13px;display:block}.reference-table{margin:25px 0;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}caption{text-align:left;margin-bottom:15px;font-size:18px;font-weight:600}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}thead{background:var(--panel)}.text-page{max-width:720px;margin:auto;padding:58px 0 72px}.text-page h1{margin-bottom:26px;font-size:38px}.text-page h2{margin:32px 0 15px;font-size:22px}.text-page p{color:var(--muted)}.text-page .lead{color:var(--ink);font-size:19px}.print-inputs{display:none}.sr-only,.skip-link:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:10;background:var(--surface);padding:12px;position:fixed;top:8px;left:8px}@media (max-width:900px){main,.site-header,.site-footer{width:calc(100% - 40px)}.input-panel,.result-panel{padding:25px 23px}.page-intro{display:block}.intro-link{margin-top:14px;display:inline-block}.answer strong{font-size:54px}.utility-bar{align-items:start}.section-heading>p{max-width:24ch}.site-header{height:90px}}@media (max-width:650px){main,.site-header,.site-footer{width:calc(100% - 32px)}.site-header{height:80px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:last-child{display:none}.brand{gap:7px;font-size:13px}.brand svg{width:29px}.page-intro{padding:28px 0 22px}.page-intro .eyebrow{font-size:9px}h1,.guide-intro h1{letter-spacing:-.04em;font-size:29px}.page-intro p:not(.eyebrow){font-size:13px}.page-intro p span{display:block}.intro-link{margin-top:10px;font-size:11px}.calculator-shell{display:block}.input-panel{padding:20px}.result-panel{border-left:0;border-top:1px solid var(--line);padding:24px 20px}.result-heading{margin-bottom:22px}.result-space{min-height:245px}.empty-result{padding-top:10px}.syringe-figure{margin-inline:-9px}.utility-bar{margin-top:10px;display:block}.utility-actions{justify-content:space-between;gap:0}.offline-status{text-align:left;margin:8px 8px 0}.status-message{margin-top:8px;font-size:11px}.reference-section{padding:44px 0 30px}.section-heading{margin-bottom:20px;display:block}.section-heading h2{font-size:23px}.section-heading>p{max-width:40ch;margin-top:12px;font-size:12px}.guide-links{grid-template-columns:1fr}.guide-links a{padding:14px 0}.home-scope{grid-template-columns:1fr;gap:8px;padding:28px 0 30px}.home-scope h2{max-width:none;font-size:22px}.site-footer{grid-template-columns:1fr;gap:16px;padding-top:26px}.site-footer nav{justify-content:start}.save-form{display:block}.save-form button{width:100%;margin-top:12px}.saved-list button{padding:8px;font-size:11px}.text-page{padding:36px 0 48px}.text-page h1{font-size:31px}.text-page .lead{font-size:17px}.guide-article{margin:40px 0}.reference-table th,.reference-table td{padding:10px 6px;font-size:11px}.answer strong{font-size:58px}.answer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{@page{size:A4;margin:12mm}body{background:var(--surface);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10pt}.site-header,.page-intro,.input-panel,.utility-bar,.status-message,.saved-section,.share-box,.reference-section,.home-scope,.site-footer,.guide-article,.skip-link{display:none!important}main{width:100%;margin:0}.calculator-shell{box-shadow:none;border:0;display:block;overflow:visible}.result-panel{border:1px solid var(--line);background:var(--surface);break-inside:avoid;padding:20px}.result-space{min-height:0}.result-heading{margin-bottom:14px}.result-heading:before{content:"Insulin Syringe Calculator";font-size:13pt;font-weight:600}.result-heading .eyebrow,.local-tag{display:none}.answer strong{font-size:36pt}.answer-note,.measurement-row,.secondary-result{margin-bottom:9px}.syringe-figure{max-width:430px;margin:15px auto}.scope-note,.fraction,.syringe-figure figcaption{font-size:8pt}.print-inputs{border-top:1px solid var(--line);padding-top:12px;font-size:9pt;display:block}.print-inputs h3{margin-bottom:5px;font-size:11pt}.print-inputs p{margin-bottom:4px}.worked{font-size:9pt}.worked ol{display:grid!important}.worked summary{list-style:none}.text-page{padding:0}.warnings{font-size:9pt}.warnings ul{margin-bottom:0}}