/* FutureSupps v1.2.14 — laboratory peptide calculator with mcg/mg selector. */
.calculator-page{background:linear-gradient(145deg,#f4f9ff 0,#fff 38%,#eef7ff 100%);padding:90px clamp(24px,7vw,110px) 110px;overflow:hidden}
.calculator-page,.calculator-page *{box-sizing:border-box}.calculator-page>*{max-width:100%}
.calculator-intro{max-width:850px;margin-bottom:48px}.calculator-intro h1{font:800 clamp(54px,7vw,92px)/.95 Manrope;letter-spacing:-5px;margin:22px 0}.calculator-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.calculator-intro>p{max-width:680px;color:#526176;font-size:17px;line-height:1.7}
.calculator-shell{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(560px,1.3fr);background:#fff;border:1px solid var(--line);box-shadow:0 28px 80px rgba(17,63,112,.12)}
.calculator-controls{padding:36px;border-right:1px solid var(--line);background:#071a37;color:#fff;min-width:0}.calculator-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #28415f}.calculator-step>span{color:#59dbea;font:700 11px Manrope;padding-top:4px}.calculator-step label{font-size:13px;min-width:0}.calculator-step label small{float:right;color:#8fa7c4;font-size:10px;text-transform:uppercase}.calculator-step input{display:block;width:100%;min-width:0;margin-top:12px;border:1px solid #38526f;background:#0c274b;color:#fff;font:700 24px Manrope;padding:15px}.calculator-step input:focus{border-color:#52d7e8;box-shadow:0 0 0 3px rgba(82,215,232,.12)}.calculator-reset{border:1px solid #47617f;background:transparent;color:#b8c8da;padding:11px 14px;font-size:11px;cursor:pointer}.calculator-reset:hover{border-color:#5ddff1;color:#fff}
.calculator-unit{float:right;width:auto;min-width:68px;margin:-7px 0 0 10px;padding:7px 25px 7px 9px;border:1px solid #38526f;border-radius:3px;background:#0c274b;color:#fff;font:700 10px Manrope;text-transform:uppercase;cursor:pointer}.calculator-unit:focus{border-color:#52d7e8;box-shadow:0 0 0 3px rgba(82,215,232,.12)}
.calculator-result{padding:36px 42px 40px;min-width:0}.result-heading>span{display:block;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:2px}.result-heading strong{display:block;font:800 clamp(38px,4vw,62px) Manrope;letter-spacing:-2px;margin-top:6px}.result-heading small{color:var(--muted)}
.syringe-stage{--syringe-fill:.05;--syringe-marker:65.94%;position:relative;margin:35px 0 20px;isolation:isolate}.syringe-stage img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 15px 18px rgba(13,46,82,.16))}.syringe-liquid{position:absolute;z-index:1;left:26.8%;top:43%;height:15%;width:41.2%;transform:scaleX(var(--syringe-fill));transform-origin:right;background:linear-gradient(180deg,rgba(25,190,224,.9),rgba(7,90,216,.82));border-radius:2px;box-shadow:0 0 12px rgba(25,190,224,.35)}.syringe-marker{position:absolute;z-index:3;left:var(--syringe-marker);top:20%;bottom:21%;width:1px;background:#075ad8;transition:left .25s}.syringe-marker b{position:absolute;left:50%;top:-22px;transform:translateX(-50%);background:var(--blue);color:#fff;padding:4px 7px;border-radius:20px;font:700 9px Manrope;font-style:normal;white-space:nowrap}
.calculator-readings{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.calculator-readings>div{padding:16px;border-right:1px solid var(--line)}.calculator-readings>div:last-child{border:0}.calculator-readings small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.calculator-readings strong{font:700 14px Manrope}.calculator-alert{padding:12px 14px;margin:14px 0 0;background:#fff5e8;border-left:3px solid #ef9a24;color:#825313;font-size:11px;line-height:1.5}
.calculator-disclaimer{display:flex;gap:15px;align-items:flex-start;margin:20px 0 75px;padding:20px 24px;border:1px solid #bed7ef;background:rgba(255,255,255,.78)}.calculator-disclaimer>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e5f3ff;color:var(--blue);font-weight:800}.calculator-disclaimer b{font-size:13px}.calculator-disclaimer p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.calculator-formula{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;align-items:start}.calculator-formula>div>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:2px}.calculator-formula h2{font:700 clamp(34px,4vw,55px)/1.08 Manrope;letter-spacing:-2px;margin:15px 0}.calculator-formula ol{list-style:none;padding:0;margin:0}.calculator-formula li{display:grid;grid-template-columns:1fr 1.5fr;padding:20px 0;border-bottom:1px solid var(--line)}.calculator-formula li b{font:700 14px Manrope}.calculator-formula li span{color:var(--muted);font-size:13px}
@media(max-width:1050px){.calculator-shell{grid-template-columns:1fr}.calculator-controls{border-right:0}.calculator-result{padding:35px}.site-header nav{gap:13px}.site-header nav a{font-size:11px}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.calculator-page{width:100%;max-width:100vw;padding:60px 18px 80px}.calculator-intro,.calculator-shell,.calculator-disclaimer,.calculator-formula{width:calc(100vw - 36px);max-width:calc(100vw - 36px)}.calculator-intro h1{font-size:54px;letter-spacing:-3px}.calculator-intro>p{font-size:16px;overflow-wrap:anywhere}.calculator-shell{display:block}.calculator-controls,.calculator-result{width:100%;max-width:100%;padding:24px 20px}.calculator-step{grid-template-columns:32px minmax(0,1fr)}.result-heading strong{font-size:42px}.syringe-stage{margin:38px -6px 22px}.syringe-marker b{font-size:8px}.calculator-readings{grid-template-columns:1fr}.calculator-readings>div{border-right:0;border-bottom:1px solid var(--line)}.calculator-readings>div:last-child{border-bottom:0}.calculator-disclaimer{margin-bottom:55px}.calculator-formula{grid-template-columns:1fr;gap:20px}.calculator-formula li{grid-template-columns:1fr;gap:6px}}
