:root{color-scheme:light;--navy:#071a3c;--ink:#122448;--cyan:#16b7dd;--line:#e1e9f1;--muted:#667993;--bg:#edf4f9;--glow:#e8f9fd}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:#087aab}button:focus-visible,a:focus-visible,input:focus-visible+.checkmark{outline:3px solid #00acd4;outline-offset:3px}
.app-body{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% 13%,#fff 0,#eaf5fc 55%,#e5eef7 100%)}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-right));background:#081b3d;color:#fff;gap:12px;position:relative;z-index:4}.brand{width:166px;flex:none;display:flex;align-items:center}.brand img{width:100%;height:55px;object-fit:contain}.top-caption{font-size:11px;letter-spacing:.16em;font-weight:750;opacity:.73}.nav{position:relative}.menu-trigger{width:43px;height:43px;border:1px solid #355075;border-radius:12px;background:#112d57;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-trigger span{display:block;width:18px;height:2px;background:white;border-radius:4px}.nav-panel{position:absolute;right:0;top:52px;width:180px;background:#fff;box-shadow:0 16px 42px #081b3d40;border:1px solid var(--line);border-radius:14px;padding:8px}.nav-panel a{display:block;text-decoration:none;padding:13px 14px;border-radius:9px;color:var(--ink);font-weight:700;font-size:14px}.nav-panel a:hover,.nav-panel a[aria-current]{background:var(--glow)}.app-stage{min-height:0;display:flex;justify-content:center;align-items:center;padding:clamp(8px,2vh,20px) 12px}.app-frame{height:min(100%,770px);width:min(100%,540px);min-height:0;background:#fff;border:1px solid #d4e1ec;box-shadow:0 28px 80px #102b5320;border-radius:23px;padding:clamp(15px,3vh,26px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.steps-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.eyebrow{color:#0786b4;font-size:10px;font-weight:850;letter-spacing:.16em}.step-bars{display:flex;gap:5px;width:45%}.step-bars span{height:5px;background:#e6edf3;border-radius:6px;flex:1}.step-bars span.on{background:linear-gradient(90deg,#097bb1,#20cae8)}.step-screen{min-height:0;display:flex;flex-direction:column;gap:clamp(10px,2.3vh,24px);padding:clamp(10px,2.1vh,22px) 0;overflow:hidden}.step-intro{display:flex;flex-direction:column;gap:5px}.symbol-bubble{height:44px;width:44px;border-radius:14px;background:linear-gradient(145deg,#e7f9ff,#ddf2fb);color:#067aaf;font-size:22px;display:grid;place-items:center;margin-bottom:4px}.step-intro h1,.step-intro h2{margin:0;color:var(--navy);letter-spacing:-.045em;font-size:clamp(24px,3.9vh,33px);line-height:1.12}.step-intro p{color:var(--muted);font-size:clamp(12px,1.8vh,15px);line-height:1.35;margin:2px 0 0}.option-stack{display:grid;gap:clamp(8px,1.5vh,14px);align-content:start}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.choice{border:1.5px solid #dfe8f1;background:#fbfdff;position:relative;display:flex;gap:12px;align-items:center;border-radius:15px;min-height:clamp(66px,11vh,91px);padding:clamp(10px,1.8vh,16px);cursor:pointer}.choice:has(input:checked){border-color:#08abd1;background:#edfbff;box-shadow:0 0 0 2px #a2edfa44}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.checkmark{width:25px;height:25px;border:2px solid #b8ccdb;border-radius:8px;flex:none;display:grid;place-items:center;background:white}.choice:has(input:checked) .checkmark{background:#0ea6cf;border-color:#0ea6cf;color:white}.choice:has(input:checked) .checkmark::before{content:'✓';font-size:17px;font-weight:900}.choice-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.choice-copy strong{font-size:clamp(14px,2.2vh,18px);color:var(--navy);line-height:1.1}.choice-copy small{font-size:clamp(10px,1.55vh,12px);color:#647b95;line-height:1.25}.option-end{margin-left:auto;color:#b0c4d3;font-weight:850}.choice.mini{min-height:clamp(68px,12vh,102px);padding:11px;gap:10px}.choice.mini .choice-copy strong{font-size:clamp(13px,2vh,16px)}.choice.mini .checkmark{width:22px;height:22px;border-radius:7px}.step-note{background:#f5f9fc;border-left:3px solid #58bcd8;padding:10px 12px;border-radius:6px;color:#576d84;font-size:clamp(10px,1.6vh,12px);line-height:1.35;margin-top:auto}.screen-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.screen-controls span{font-size:11px;color:#8291a3}.next-button{background:#082a59;color:white;border:0;border-radius:12px;padding:15px 22px;font-weight:800;box-shadow:0 8px 20px #0d4c8130}.back-button{border:0;background:transparent;color:#0f5080;padding:13px 5px;font-weight:800}.app-foot{height:29px;text-align:center;color:#5f7185;font-size:10px;display:flex;align-items:center;justify-content:center;gap:4px;padding-bottom:env(safe-area-inset-bottom)}.app-foot a{text-decoration:underline}.results-screen{gap:clamp(8px,1.6vh,16px)}.results-top{display:flex;align-items:center;gap:13px}.result-check{width:46px;height:46px;flex:none;border-radius:15px;display:grid;place-items:center;background:#daf7fd;color:#068cb3;font-size:24px;font-weight:900}.results-top h2{font-size:clamp(22px,3.6vh,30px);margin:2px 0;color:var(--navy)}.results-top p{font-size:12px;margin:0;color:var(--muted)}.result-values{display:grid;gap:5px}.result-row{padding:clamp(9px,1.8vh,14px) 12px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfdff}.result-row span{color:#3b526b;font-size:clamp(11px,1.85vh,14px)}.result-row strong{white-space:nowrap;color:#073d69;font-size:clamp(13px,2.2vh,17px);font-variant-numeric:tabular-nums}.result-advice{padding:clamp(9px,1.6vh,13px);border-radius:11px;background:#e9f7fb;color:#194e66;font-size:clamp(10px,1.65vh,12px);line-height:1.35}.result-caution{font-size:clamp(10px,1.5vh,11.5px);line-height:1.35;color:#66758a;margin:0}.result-actions{display:flex;gap:8px;margin-top:auto}.small-action{border:1px solid #c9dce9;color:#0d537d;background:#f8fbfd;font-weight:800;border-radius:10px;padding:11px 8px;text-align:center;flex:1;font-size:12px;text-decoration:none}.small-action:first-child{background:#082a59;border-color:#082a59;color:white}
.page-body{min-height:100dvh;background:#eef4fa}.info-main{max-width:730px;margin:5vh auto;padding:0 18px}.info-card{background:white;border-radius:22px;border:1px solid #d8e5ee;padding:clamp(22px,4vw,44px);box-shadow:0 22px 65px #102b5312}.info-card h1{font-size:clamp(27px,5vw,42px);letter-spacing:-.04em;color:var(--navy);margin:10px 0}.info-card h2{font-size:20px;color:var(--navy);margin-top:25px}.info-card p,.info-card li{font-size:15px;color:#445b75;line-height:1.65}.info-card a{overflow-wrap:anywhere}.info-links{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.info-links a{padding:12px 16px;border-radius:12px;background:#e5f7fc;text-decoration:none;font-weight:750}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:390px){.topbar{height:59px}.brand{width:143px}.top-caption{font-size:9px}.app-frame{border-radius:17px;padding:12px}.choice{gap:9px}.choice.mini{padding:8px;gap:7px}.app-foot{font-size:9px}.step-screen{gap:9px}.step-note{padding:8px 10px}.result-actions .small-action{font-size:11px;padding:9px 4px}}
@media(max-height:690px){.topbar{height:55px}.brand{width:145px}.app-stage{padding:6px 9px}.app-frame{padding:12px}.step-screen{padding:9px 0;gap:9px}.symbol-bubble{width:32px;height:32px;border-radius:10px;font-size:19px;margin-bottom:0}.choice{min-height:60px;padding:10px}.choice.mini{min-height:57px;padding:8px}.option-grid{gap:7px}.step-note{font-size:10px;padding:8px}.step-intro h1,.step-intro h2{font-size:24px}.step-intro p{font-size:12px}.screen-controls{padding-top:8px}.next-button{padding:12px 16px}.app-foot{height:24px}.result-row{padding:8px 10px}.results-screen{gap:6px}.result-check{height:36px;width:36px}.result-actions .small-action{padding:8px 5px}}
@media(max-height:540px){.step-note{display:none}.step-intro p{display:none}.step-screen{gap:6px}.symbol-bubble{display:none}.results-top .result-check{display:none}.result-caution{font-size:9px}.result-advice{font-size:9px}.app-foot{display:none}.app-body{grid-template-rows:auto minmax(0,1fr)}}
@media(min-width:800px){.app-stage{padding:25px}.app-frame{width:580px}.app-body{background:radial-gradient(circle at 50% 25%,#fafdff,#e8f2f9 58%,#dce9f4)}}
@media print{.topbar,.screen-controls,.app-foot,.steps-header,.result-actions{display:none!important}.app-body{height:auto;overflow:visible;background:white}.app-frame{width:100%;box-shadow:none;border:none;height:auto}.step-screen:not(.results-screen){display:none!important}.results-screen{display:block!important}.result-caution,.result-advice{margin:15px 0}}

/* Four actions on results screen; compressed for narrow phones. */
.result-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.result-actions .small-action{min-width:0;display:flex;align-items:center;justify-content:center;line-height:1.15;min-height:38px;white-space:normal}
@media(max-width:390px){.result-actions{gap:4px}.result-actions .small-action{font-size:10px;padding:7px 3px}}
@media(max-height:620px){.results-screen{padding:6px 0;gap:5px}.result-row{padding:6px 9px}.result-actions .small-action{min-height:32px;padding:6px 3px}}
@media print{.result-actions{display:none!important}}
/* Learn page reference styles */
.info-card .lead{font-size:17px;line-height:1.65;color:#294461}
.info-card h2{scroll-margin-top:24px}.info-card h3{font-size:17px;color:#0b315b;margin:22px 0 6px}
.info-card .key-point{padding:16px 18px;border-left:4px solid #1baacf;background:#eef9fc;border-radius:9px;margin:18px 0;color:#153d5e;line-height:1.6}
.info-card .science-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.info-card .science-table td,.info-card .science-table th{text-align:left;border-bottom:1px solid #dbe7f0;padding:10px 8px;vertical-align:top;line-height:1.5}
.info-card .science-table th{color:#0d335b;background:#eef6fb}
.info-card .toc{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 26px}
.info-card .toc a{padding:7px 10px;background:#eff7fb;border-radius:8px;text-decoration:none;font-size:13px;font-weight:750}
.info-card .source-list li{margin-bottom:9px}
/* V5 · interactive, accessible education modules */
.explorer{margin:24px 0 30px;padding:clamp(13px,2.4vw,23px);background:linear-gradient(160deg,#f4fbff 0,#fff 75%);border:1px solid #d5e6ef;border-radius:19px;box-shadow:0 12px 28px #0a3c6210;scroll-margin-top:80px}
.info-card .explorer h3{font-size:clamp(20px,3vw,25px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 7px;color:#082850}
.explorer-heading p{margin:0 0 18px!important;font-size:14px!important;line-height:1.5!important}
.science-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 15px}
.science-chip,.absorption-step{border:1px solid #c8dce9;background:#fff;color:#17486a;border-radius:12px;padding:11px 6px;font-weight:800;transition:background .14s,border-color .14s,box-shadow .14s}
.science-chip span{display:block;font-size:11px;margin-top:4px;font-weight:650;color:#516e81}
.science-chip.is-active,.absorption-step.is-active{background:#092b57;color:#fff;border-color:#092b57;box-shadow:0 5px 14px #0b427525}
.science-chip.is-active span{color:#bbecfa}
.science-chip:focus-visible,.absorption-step:focus-visible,.motion-toggle:focus-visible,.mini-nav button:focus-visible{outline:3px solid #10aacb;outline-offset:3px}
.explorer-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:stretch}
.diagram-surface{min-width:0;background:#fff;border:1px solid #dae8f1;border-radius:15px;padding:7px 9px 12px;display:flex;flex-direction:column;justify-content:center}
.science-diagram{display:block;width:100%;max-height:365px;overflow:visible}
.diagram-caption{font-size:10px;color:#617d93;text-align:center;margin-top:3px}
.science-explanation{background:#092b57;border-radius:15px;padding:18px;color:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.science-explanation .eyebrow{color:#78e2f5}
.info-card .science-explanation h4{font-size:19px;line-height:1.23;letter-spacing:-.015em;color:white;margin:7px 0 4px}
.info-card .science-explanation p{color:#deebf9;font-size:13px;line-height:1.52;margin:0}
.science-small{border-top:1px solid #496582;margin-top:auto;padding-top:13px}
.science-small strong{font-size:12px;color:#85e3f4;text-transform:uppercase;letter-spacing:.045em}
.info-card .science-small p{margin-top:6px}
.explorer-footer{display:flex;gap:13px;align-items:center;justify-content:space-between;margin-top:13px}
.explorer-footer span{font-size:11px;color:#5b7487}
.motion-toggle{border:1px solid #bfd7e7;color:#09456c;background:#fff;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:800}
.heart-surface{--heart-speed:3.5s}
.heart-surface.paused .pulse-dot{display:none}
.heart-surface.paused .ecg-line{animation:none}
.ecg-line{stroke-dasharray:20 7;animation:ecg-flow 5s linear infinite}
@keyframes ecg-flow{to{stroke-dashoffset:-108}}
.absorption-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}
.absorption-step{display:flex;align-items:center;gap:7px;justify-content:center;font-size:12px}
.absorption-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5f5fc;color:#0f5f8a}
.absorption-step.is-active b{background:#37cbec;color:#082b57}
.absorption-grid .science-diagram{max-height:340px}
.absorption-grid .science-explanation{min-height:270px}
.transport-path,.water-path{opacity:.15;transition:opacity .2s}
.absorption-grid[data-phase="1"] .transport-path,.absorption-grid[data-phase="2"] .transport-path{opacity:1}
.absorption-grid[data-phase="2"] .water-path{opacity:1}
.diagram-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:13px;font-size:11px;color:#536e82}
.diagram-legend span{display:flex;align-items:center;gap:5px}
.diagram-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}
.dot-na{background:#117eb5}.dot-glucose{background:#f3a73d}.dot-water{background:#0cbed5}
.mini-nav{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.mini-nav button{flex:1;border:1px solid #9abbd5;border-radius:9px;padding:10px 8px;color:#fff;background:#144b7c;font-size:12px;font-weight:800}
.mini-nav button:last-child{background:#40cfec;color:#092b57;border-color:#40cfec}
.mini-nav button:disabled{opacity:.35;cursor:default}
@media(max-width:640px){.info-main{margin:15px auto;padding:0 10px}.info-card{padding:19px 15px}.explorer{margin:20px -5px;padding:13px}.explorer-grid{grid-template-columns:1fr;gap:10px}.science-diagram{max-height:285px}.science-explanation{padding:16px;min-height:0}.science-small{margin-top:10px}.science-chip{font-size:15px;padding:10px 3px}.science-chip span{font-size:10px}.explorer-footer{align-items:flex-start}.absorption-step{font-size:11px;gap:5px;padding:9px 3px}.absorption-step b{width:19px;height:19px}.diagram-surface{padding:4px 5px 9px}.info-card .science-explanation h4{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ecg-line{animation:none!important}.pulse-dot{display:none}.science-chip,.absorption-step,.transport-path,.water-path{transition:none}}
@media print{.explorer{break-inside:avoid;box-shadow:none}.explorer-footer,.mini-nav,.science-controls,.absorption-steps{display:none!important}.science-explanation{background:#fff;color:#111;border:1px solid #bbb}.info-card .science-explanation h4,.info-card .science-explanation p,.science-small strong{color:#111}}

/* V6 shop, availability and topic return links */
.back-to-topics{display:inline-flex;align-items:center;gap:7px;margin:22px 0 4px;padding:8px 12px;border:1px solid #bedae9;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;background:#f1f9fd;color:#0b6489;scroll-margin-top:14px}.info-card h2{scroll-margin-top:15px}#topics{scroll-margin-top:18px}
.shop-main{max-width:1120px;margin:0 auto;padding:25px 22px 60px}.shop-breadcrumb{font-size:12px;color:#748398;margin-bottom:25px}.shop-breadcrumb a{color:#1b678f}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(22px,4vw,58px);align-items:start}.product-gallery{min-width:0}.image-stage{background:#e0edf6;border:1px solid #d3e4ef;border-radius:24px;overflow:hidden;box-shadow:0 15px 40px #08224b12}.image-stage img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;object-position:center;background:#d7e6f2}.image-disclaimer{font-size:12px;color:#64768b;text-align:center;line-height:1.5}.product-copy{min-width:0}.product-pill{display:inline-block;font-size:11px;font-weight:850;color:#13537c;background:#ddecf7;border:1px solid #b6d9e9;padding:8px 12px;border-radius:99px;letter-spacing:.05em}.product-copy h1{font-weight:900;color:#0c264b;font-size:clamp(34px,5vw,55px);letter-spacing:-.065em;line-height:1;margin:19px 0 6px}.product-copy h1 span{color:#09abd3}.product-tagline{font-size:11px;letter-spacing:.22em;color:#3e627d;font-weight:800;margin:0 0 23px}.product-copy h2{font-size:24px;letter-spacing:-.03em;color:#0a2850;margin:0 0 12px}.product-description{font-size:15px;line-height:1.7;color:#536981}.price-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:17px 0 20px}.product-price{font-size:34px;letter-spacing:-.04em;color:#09254b;font-weight:900}.estimated-price{font-size:12px;color:#728298}.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.product-highlights div{padding:13px 8px;background:#fff;border:1px solid #dae6ef;border-radius:12px;text-align:center}.product-highlights strong{display:block;color:#0d5682;font-size:18px}.product-highlights small{display:block;color:#6b7b8c;font-size:10px;line-height:1.35;margin-top:5px}.product-choice{border:1px solid #cfe0eb;border-radius:12px;background:#fff;padding:15px;display:grid;gap:5px;margin:19px 0}.product-choice span{font-size:11px;color:#687e93}.product-choice strong{font-size:14px;color:#143151}.buy-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;border-radius:13px;background:#092b57;color:#fff;text-decoration:none;font-weight:850;font-size:15px;padding:17px 18px;cursor:pointer;box-shadow:0 7px 20px #0a32602a}.buy-button:hover{background:#064979}.buy-button:focus-visible{outline:3px solid #27bfe0;outline-offset:3px}.sales-disclosure{font-size:12px;color:#627991;line-height:1.5}.product-facts{margin:28px 0 16px}.product-facts h3{font-size:17px;color:#092b57}.product-facts dl{margin:0}.product-facts dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid #d8e4ed;padding:11px 0;font-size:13px;line-height:1.55}.product-facts dt{font-weight:850;color:#1b3c59}.product-facts dd{margin:0;color:#5d7184}.product-caution{padding:15px;border-radius:12px;background:#eef7fb;border:1px solid #d4e5ee;font-size:13px;line-height:1.55;color:#3d6078}.product-caution p{margin:6px 0 0}.shop-footer{padding:21px 15px 28px;text-align:center;font-size:12px;color:#637a91}.shop-footer a{margin:0 4px}.availability-main{min-height:calc(100dvh - 160px);display:grid;place-items:center;padding:26px 16px}.availability-card{width:min(100%,490px);background:#fff;padding:clamp(22px,5vw,36px);border:1px solid #d9e8f1;border-radius:23px;box-shadow:0 20px 60px #11395c15}.availability-symbol{display:grid;place-items:center;height:54px;width:54px;background:#e8f8fd;border-radius:17px;color:#0784ac;font-weight:850;font-size:28px;margin-bottom:16px}.availability-card h1{font-size:clamp(27px,5vw,37px);line-height:1.13;letter-spacing:-.04em;color:#082650;margin:11px 0}.availability-card p{font-size:14px;line-height:1.6;color:#567085}.availability-card .muted-note{font-size:11px;color:#6c7c90}.interest-form{display:grid;gap:10px;margin:21px 0 13px}.interest-form>label:not(.consent-row){font-size:13px;font-weight:850;color:#1b3e5b}.interest-form input[type=text],.interest-form input[type=email]{width:100%;padding:14px;border:1px solid #c3d6e4;border-radius:11px;font-size:15px;background:#f8fbfe;color:#122f53;min-height:48px}.interest-form .optional{font-weight:500;color:#7a8896}.interest-form .required{color:#007b9e}.consent-row{display:flex;align-items:flex-start;gap:10px;margin:7px 0 10px;cursor:pointer;font-size:12px;color:#516b80;line-height:1.55}.consent-row input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:#069bbd}.form-honeypot{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.form-error{border:1px solid #e4aab4;background:#fff0f0;border-radius:9px;padding:10px;color:#8c1531!important}.back-link{display:inline-block;font-size:12px;margin-top:8px;text-decoration:none;font-weight:800}
@media(max-width:740px){.product-layout{grid-template-columns:1fr;gap:20px}.shop-main{padding:18px 13px 35px}.shop-breadcrumb{margin-bottom:14px}.image-stage{max-width:470px;margin:auto}.product-copy h1{font-size:clamp(32px,10vw,48px)}.product-copy h2{font-size:22px}.product-facts dl div{grid-template-columns:106px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* V7: Show the entire portrait tube photo on desktop and mobile without cropping. */
.image-stage{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#d7e6f2}
.image-stage img{display:block;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;width:100%;height:auto;max-height:720px}
@media(max-width:700px){.image-stage img{max-height:min(70vh,620px);width:auto;max-width:100%}}

/* V8 storefront and responsive, uncropped product gallery */
.storefront-body{background:#f5f9fc;color:#0c294e}
.store-main{width:min(1160px,100%);margin:0 auto;padding:clamp(14px,3vw,36px)}
.store-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,5vw,70px);align-items:center;min-height:570px}
.store-hero-copy{padding:24px 0}.store-overline{color:#087da2;font-weight:850;letter-spacing:.14em;font-size:11px}
.store-hero h1{font-weight:900;font-size:clamp(38px,5.2vw,66px);line-height:1.07;letter-spacing:-.052em;color:#09254d;margin:15px 0 19px}.store-hero h1 em{font-style:normal;color:#099ec5}
.store-hero-copy>p{font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:#536b81;max-width:540px}
.store-status{display:inline-flex;align-items:center;gap:8px;margin:14px 0 22px;background:#e7f3fa;border:1px solid #c2dce9;padding:9px 13px;border-radius:999px;color:#205579;font-size:12px;font-weight:850}.status-dot{width:8px;height:8px;background:#4c829c;border-radius:50%}
.store-actions{display:flex;flex-wrap:wrap;gap:12px}.store-primary,.store-secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;text-align:center;padding:15px 19px;font-size:14px;line-height:1.3;font-weight:850;border-radius:12px;text-decoration:none}.store-primary{background:#092b57;color:white;box-shadow:0 9px 20px #112e521a}.store-primary:hover{background:#07517c}.store-secondary{border:1px solid #b2d6e8;background:white;color:#0a537c}.store-secondary:hover{background:#edf9ff}.store-detail{color:#6f8192;font-size:11px;line-height:1.6;margin-top:17px}
.store-photo{background:linear-gradient(155deg,#e5f2f9,#d7e8f4);border:1px solid #d6e7f0;border-radius:28px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;box-shadow:0 24px 60px #11385416}.store-photo img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:520px!important;object-fit:contain!important;object-position:center!important}
.store-flavors{margin:22px 0 32px}.store-section-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:18px}.store-section-head h2,.store-tool h2,.store-education h2{font-size:clamp(24px,3vw,32px);color:#092c53;letter-spacing:-.035em;line-height:1.2;margin:7px 0}.store-section-note{font-weight:750;color:#57788d;font-size:12px}
.flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flavor-card{border:1px solid #d7e5ed;background:#fff;box-shadow:0 6px 24px #14334e09;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:20px;text-decoration:none;min-height:210px;color:#092c52}.flavor-card:hover{border-color:#71cbe7;transform:translateY(-2px)}.flavor-symbol{display:grid;place-items:center;width:43px;height:43px;background:#e5f3fa;border-radius:13px;color:#127ca5;font-size:26px}.flavor-card.lemon .flavor-symbol{background:#fcf5db;color:#bf8f08}.flavor-card.berry .flavor-symbol{background:#f3e9fa;color:#8562af}.flavor-card h3{font-size:19px;margin:0 0 6px}.flavor-card p{font-size:13px;color:#668094;line-height:1.5;margin:0}.flavor-more{margin-top:auto;font-size:12px;font-weight:850;color:#1376a0}
.store-tool{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:21px;align-items:center;margin:25px 0;border-radius:22px;padding:clamp(20px,3vw,34px);background:#e5f5fc;border:1px solid #c8e5f1}.store-tool p,.store-education p{color:#587188;font-size:14px;line-height:1.6;margin:7px 0 0}.store-tool-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff;color:#0c7eab;font-size:26px}.store-education{margin:30px 0 24px;padding:25px 0}.store-education a{display:inline-block;margin-top:13px;color:#076e97;font-size:14px;font-weight:850}
.flavor-choices{margin:12px 0 19px}.flavor-label{color:#567188;font-size:12px;font-weight:800}.flavor-tags{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.flavor-tags span{border:1px solid #bbdce9;border-radius:9px;padding:10px 15px;background:white;color:#164767;font-weight:800;font-size:13px}.flavor-choices small{color:#647c8e;font-size:11px}
/* The entire photographed tube remains visible, without cropping at any breakpoint. */
.image-stage{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:clamp(10px,2vw,20px);background:#dcecf6;min-height:340px;max-height:none!important}
.image-stage img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(72vh,680px)!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.store-hero{grid-template-columns:1fr;min-height:0;gap:12px}.store-hero-copy{padding:8px 0}.store-hero-visual{grid-row:2}.store-photo{min-height:230px;padding:12px}.store-photo img{max-height:380px!important}.flavor-grid{grid-template-columns:1fr;gap:10px}.flavor-card{flex-direction:row;align-items:center;min-height:auto;padding:17px;gap:14px}.flavor-card>div:nth-child(2){flex:1}.flavor-more{margin:0;max-width:80px;text-align:right}.store-tool{grid-template-columns:auto minmax(0,1fr)}.store-tool>a{grid-column:1/-1}.store-section-head{align-items:start;flex-direction:column;gap:6px}.store-actions>a{width:100%}.store-hero h1{font-size:clamp(35px,9vw,48px)}.image-stage img{max-height:min(63vh,600px)!important}}
@media(max-width:380px){.flavor-card{flex-wrap:wrap}.flavor-more{max-width:none}.store-main{padding:13px}}
@media(prefers-reduced-motion:reduce){.flavor-card{transition:none}}

/* V9: secure in-site HTML recipe delivery */
.email-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:24px;padding:0;width:min(94vw,440px);max-height:calc(100dvh - 24px);overflow:auto;color:#092750;background:#fff;box-shadow:0 24px 90px #05162c77;z-index:1000}
.email-dialog::backdrop{background:#061a33ba;backdrop-filter:blur(4px)}
.email-dialog-inner{position:relative;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:12px}
.email-icon{width:48px;height:48px;background:#dcf7fe;border-radius:15px;display:grid;place-items:center;font-size:23px;color:#0576a5}
.email-dialog h2{font-size:clamp(23px,5vw,31px);letter-spacing:-.04em;color:#081f47;margin:0}
.email-dialog p{margin:0;color:#546c82;font-size:14px;line-height:1.45}
.email-dialog label{font-size:13px;font-weight:800;color:#183c5f;margin-top:5px}
.email-dialog input[type=email]{width:100%;min-height:49px;font:inherit;padding:12px 14px;border:1px solid #b9cfdf;border-radius:11px;background:#fafdff;color:#092750}
.email-dialog input:focus-visible{outline:3px solid #75d8f0;outline-offset:1px}
.email-dialog .email-disclaimer{font-size:11px;background:#f2f7fa;padding:10px;border-radius:9px}
.email-dialog .email-status{font-size:12px;min-height:0;color:#9d2539;font-weight:700}
.email-dialog .email-status.email-success{color:#116a54}
.email-send{min-height:48px;border:0;border-radius:11px;background:#082a59;color:white;font-weight:850;font-size:14px}
.email-send:disabled{opacity:.65;cursor:progress}
.email-cancel{border:0;background:transparent;color:#526b82;font-size:13px;padding:7px;font-weight:700}
.email-close{position:absolute;right:17px;top:14px;width:35px;height:35px;border:0;border-radius:8px;background:#eff5f9;color:#164267;font-size:25px;line-height:1}
.email-trap{position:absolute;left:-9999px;visibility:hidden}
@media print{.email-dialog{display:none!important}}


/* V10 storefront enhancements */
.store-hero-visual{min-width:0}
.store-photo{position:relative}
.hero-flavor-badges{position:absolute;inset:18px 18px auto auto;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.hero-flavor{min-width:118px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid #d6e4ee;box-shadow:0 12px 24px rgba(12,44,83,.12);display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}
.hero-flavor strong{font-size:14px;color:#0b2b51;line-height:1.1}
.hero-flavor small{grid-column:2;color:#688297;font-size:11px;line-height:1.1}
.fruit-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf6fc;font-size:19px}
.flavor-lemon .fruit-dot{background:#fff4c8}
.flavor-berry .fruit-dot{background:#fde1e8}
.flavor-original .fruit-dot{background:#edf3f7;color:#0d5f81}
.store-value{margin:18px 0 32px;padding:30px 24px;border:1px solid #d7e5ed;border-radius:26px;background:linear-gradient(180deg,#fff,#f6fbfe);box-shadow:0 16px 44px rgba(16,43,83,.06)}
.value-chart-wrap{overflow-x:auto;border:1px solid #d9e5ee;border-radius:18px;background:#fff}
.value-chart{width:100%;border-collapse:collapse;min-width:520px}
.value-chart th,.value-chart td{padding:14px 16px;border-bottom:1px solid #e3edf3;text-align:left;font-size:14px}
.value-chart th{background:#f4f9fc;color:#3e627c;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.value-chart td:nth-child(2),.value-chart td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.value-chart .avg-row td{background:#f9fbfd;font-weight:800;color:#204766}
.value-chart .hydrostomy-row td{background:#eaf8fd;font-weight:900;color:#073f69}
.value-footnote{margin:13px 2px 0;color:#677d90;font-size:12px;line-height:1.55}
@media(max-width:760px){.hero-flavor-badges{position:static;inset:auto;flex-direction:row;justify-content:center;align-items:stretch;pointer-events:auto;width:100%;margin-top:8px;flex-wrap:wrap}.hero-flavor{min-width:100px}.store-value{padding:20px 14px}.value-chart{min-width:0}.value-chart th,.value-chart td{padding:12px 10px;font-size:12.5px}}

/* V11 fruit-display and gram-scale option styling */
.store-photo{position:relative;overflow:hidden;padding-bottom:10px;isolation:isolate}
.store-photo>img:first-child{position:relative;z-index:1;max-height:510px!important;width:auto;max-width:90%;object-fit:contain}
.store-photo>.hero-fruit-image{position:absolute!important;z-index:2;left:50%;bottom:0;width:102%!important;max-width:none!important;height:auto!important;max-height:none!important;transform:translateX(-50%);object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 7px rgba(12,40,70,.11))}
.value-rank{font-size:10px;font-weight:850;color:#067d99;margin-left:8px;white-space:nowrap}
@media(max-width:760px){.store-photo>img:first-child{max-height:370px!important}.store-photo>.hero-fruit-image{width:106%!important}}
@media(max-height:660px){.step-screen .option-stack{gap:6px}.step-screen .choice{min-height:52px;padding:7px 11px}.step-screen .choice-copy small{font-size:10px}}

/* V12 product + individual sachets: no cropping on phone or desktop. */
.store-photo-packets{min-height:420px;padding:14px 5px 42px!important;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate}
.store-photo-packets>img:first-child{width:100%!important;max-width:100%!important;max-height:560px!important;height:auto!important;object-fit:contain!important;position:relative;z-index:1}
.store-photo-packets>.hero-fruit-image{position:absolute;z-index:2;bottom:0;left:50%;width:97%!important;max-width:none!important;transform:translateX(-50%);pointer-events:none}
.image-stage img[src$="hydrostomy-tube-and-packets.png"]{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;max-height:700px!important}
@media(max-width:760px){.store-photo-packets{min-height:290px;padding-bottom:25px!important}.store-photo-packets>img:first-child{max-height:360px!important}.store-photo-packets>.hero-fruit-image{width:94%!important}}

/* V13 storefront alignment, consolidated flavors and illustrated mixing sequence */
.store-hero-visual{display:flex;justify-content:center;align-items:center;width:100%;min-width:0}
.store-photo-centered{box-sizing:border-box;display:flex!important;justify-content:center!important;align-items:center!important;width:100%;max-width:100%;padding:clamp(8px,2vw,22px)!important;min-height:0!important;position:relative}
.store-photo-centered>img:first-child{display:block!important;position:static!important;width:min(100%,580px)!important;max-width:100%!important;max-height:none!important;height:auto!important;margin:0 auto!important;transform:none!important;object-fit:contain!important;object-position:center!important}
.flavor-one-card{background:linear-gradient(110deg,#fff 0%,#fff 52%,#effaff 100%);border:1px solid #d4e7f0;border-radius:22px;min-height:210px;display:grid;grid-template-columns:1fr minmax(0,42%);align-items:center;overflow:hidden;box-shadow:0 8px 30px #0a37600b}
.flavor-one-content{padding:clamp(20px,4vw,38px)}.flavor-one-card h3{font-size:clamp(22px,3.4vw,30px);color:#0b2a52;margin:8px 0;line-height:1.2}.flavor-one-card p{color:#56738b;line-height:1.6;font-size:14px;margin:0 0 16px}.flavor-one-link{color:#08799f;font-weight:850;font-size:14px;text-decoration:none}.flavor-one-card img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%}
.mix-journey{margin:42px auto 16px;padding:clamp(20px,4vw,36px);background:linear-gradient(135deg,#f6fbff,#e9f6fc);border:1px solid #d5e8f2;border-radius:26px;max-width:1160px;overflow:hidden}
.mix-journey-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.mix-journey-heading h2{font-size:clamp(25px,3.2vw,38px);margin:7px 0;color:#092b55;letter-spacing:-.035em}.mix-journey-heading p{color:#58758a;font-size:14px;line-height:1.55;margin:0 0 22px}.motion-toggle{background:#fff;border:1px solid #b7d7e5;padding:11px 15px;border-radius:11px;color:#115578;font-weight:800;white-space:nowrap;cursor:pointer}.motion-toggle:focus-visible{outline:3px solid #22aede;outline-offset:2px}
.mix-journey-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mix-scene{background:#fff;border-radius:19px;border:1px solid #d9e8f0;text-align:center;padding:18px 16px 23px;box-shadow:0 10px 25px #113e6010}.mix-scene svg{width:min(100%,220px);height:auto;display:block;margin:4px auto 5px;overflow:visible}.scene-step{font-size:11px;letter-spacing:.13em;color:#0b83b0;font-weight:900}.mix-scene h3{font-size:18px;color:#0d335c;margin:4px 0 7px}.mix-scene p{font-size:13px;line-height:1.5;color:#60778b;margin:0}.mix-journey-note{margin:17px 3px 0;color:#72889a;font-size:12px;line-height:1.5}
.packet{transform-origin:95px 44px;animation:packetTilt 4s ease-in-out infinite}.powder-stream{animation:powderFall 2s ease-in-out infinite}.packet-flash{animation:packetTilt 4s ease-in-out infinite}.swirl-group{transform-origin:127px 125px;animation:liquidSwirl 4s linear infinite}.bubble{animation:bubbleRise 3s ease-in infinite}.bubble.delay{animation-delay:.7s}.bubble.slow{animation-delay:1.7s}.drinking-arm,.person-cup{transform-origin:158px 120px;animation:sipMotion 4s ease-in-out infinite}.person-halo{transform-origin:center;animation:haloPulse 3.6s ease-in-out infinite}.refresh-sparkles{animation:haloPulse 3.6s ease-in-out infinite}
@keyframes packetTilt{0%,20%,90%,100%{transform:rotate(-5deg)}45%,70%{transform:rotate(14deg)}}
@keyframes powderFall{0%,18%,80%,100%{opacity:0;transform:translateY(-12px)}32%,70%{opacity:1;transform:translateY(17px)}}
@keyframes liquidSwirl{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes bubbleRise{0%{transform:translateY(15px);opacity:0}30%{opacity:1}100%{transform:translateY(-40px);opacity:0}}
@keyframes sipMotion{0%,18%,85%,100%{transform:rotate(0deg)}42%,62%{transform:rotate(-24deg)}}
@keyframes haloPulse{0%,100%{opacity:.35;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}
.mix-journey-stages.motion-paused *, .mix-journey-stages.motion-paused *::before,.mix-journey-stages.motion-paused *::after{animation-play-state:paused!important}
@media(max-width:760px){.flavor-one-card{grid-template-columns:1fr}.flavor-one-card img{max-height:190px;object-fit:contain}.mix-journey{margin:24px 0}.mix-journey-heading{flex-wrap:wrap}.mix-journey-stages{grid-template-columns:1fr}.mix-scene{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto auto;align-items:center;text-align:left;gap:2px 15px;padding:12px 16px}.mix-scene svg{grid-column:1;grid-row:1/4;width:120px;margin:0}.mix-scene .scene-step{grid-column:2;grid-row:1}.mix-scene h3{grid-column:2;grid-row:2;margin:0}.mix-scene p{grid-column:2;grid-row:3}.store-photo-centered>img:first-child{max-height:none!important}}
@media(prefers-reduced-motion:reduce){.mix-journey-stages *, .mix-journey-stages *::before,.mix-journey-stages *::after{animation:none!important}}

/* V14: keep full-screen app stages and navigation visible on shorter phones.
   Only the active stage content can scroll as an accessibility fallback. */
.app-frame{min-height:0;min-width:0;overflow:hidden;grid-template-rows:minmax(0,auto) minmax(0,1fr) minmax(0,auto)}
.step-screen{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7d3e3 transparent;padding-right:5px;align-content:start}
.step-screen>.step-intro,.step-screen>.option-stack,.step-screen>.option-grid,.step-screen>.step-note,.step-screen>.results-top,.step-screen>.result-values,.step-screen>.result-advice,.step-screen>.result-caution,.step-screen>.result-actions{flex-shrink:0}
.step-screen>.step-note{margin-top:auto}
.screen-controls{min-height:55px;flex:none;background:#fff;position:relative;z-index:1}
@media(max-height:780px){
 .app-frame{padding:12px 15px}
 .step-screen{gap:9px;padding:10px 2px 12px 0}
 .step-intro .symbol-bubble{height:31px;width:31px;font-size:19px;margin:0 0 2px}
 .step-intro h1,.step-intro h2{font-size:clamp(22px,3.4vh,27px)}
 .choice:not(.mini){min-height:62px;padding:10px 13px}
 .choice.mini{min-height:56px;padding:9px;gap:7px}
 .option-grid{gap:8px}
 .step-note{font-size:11px;line-height:1.28;padding:9px 10px}
 .steps-header{padding-bottom:9px}
 .screen-controls{min-height:47px;padding-top:6px}
 .next-button{padding:12px 16px}
}
@media(max-height:610px){
 .app-stage{padding:3px 8px}
 .app-frame{padding:8px 11px;border-radius:15px}
 .step-screen{gap:6px;padding:6px 1px 8px 0}
 .choice:not(.mini){min-height:51px;padding:7px 10px}
 .choice.mini{min-height:46px;padding:6px}
 .choice-copy strong{font-size:13px}
 .choice-copy small{font-size:10px}
 .step-intro h1,.step-intro h2{font-size:21px}
 .step-intro .symbol-bubble{display:none}
 .option-grid{gap:6px}
 .step-note{font-size:10px;padding:6px 9px}
 .results-screen{gap:5px}
 .result-row{padding:7px 9px}
 .screen-controls{min-height:41px}
 .next-button{padding:10px 14px}
 .topbar{height:52px}
 .app-foot{height:21px}
}
/* Keep four measuring-tool options visible on normal phone screens. */
@media(min-height:611px) and (max-height:1100px){
 .step-screen{gap:9px;padding-top:9px;padding-bottom:9px}
 .step-intro .symbol-bubble{height:34px;width:34px;margin-bottom:2px}
 .choice:not(.mini){min-height:60px;padding:10px 12px}
 .choice.mini{min-height:54px;padding:8px}
 .option-stack{gap:9px}
 .option-grid{gap:8px}
 .step-note{padding:8px 10px;font-size:11px;line-height:1.35}
 .step-intro h1,.step-intro h2{font-size:clamp(22px,3.4vh,29px)}
 .step-intro p{font-size:12px}
}

/* V15 buy image updates */
.image-stage{display:flex;align-items:center;justify-content:center}
.image-stage img[src$="hydrostomy-product-set.png"]{width:100%!important;height:auto!important;max-width:100%!important;max-height:760px!important;object-fit:contain!important;object-position:center!important;display:block;margin:0 auto!important}
@media(max-width:760px){.image-stage img[src$="hydrostomy-product-set.png"]{max-height:430px!important}}

/* V16: Premium single-page recipe layout for browser Save as PDF / Print */
.recipe-print-sheet{display:none}
@page{size:A4;margin:12mm}
@media print{
  html,body.app-body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;display:block!important;margin:0!important;padding:0!important}
  body.app-body>.topbar,body.app-body>.app-stage,body.app-body>.app-foot{display:none!important}
  .recipe-print-sheet,.recipe-print-sheet[hidden]{display:block!important;position:static!important;visibility:visible!important;width:100%!important;background:#fff!important;min-height:0!important;color:#11294e!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .recipe-print-header{background:#081b3d!important;padding:17px 25px 15px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:5px solid #28c7e9}
  .recipe-print-header img{display:block;width:195px;height:auto;max-height:68px;object-fit:contain}
  .recipe-print-header span{color:#d9edf7;font-size:10px;font-weight:800;letter-spacing:2px;text-align:right}
  .recipe-print-body{padding:27px 24px 16px}
  .print-eyebrow{color:#1585a8!important;font-size:10px;font-weight:850;letter-spacing:2.2px;margin:0 0 8px}
  .recipe-print-body h1{color:#082950!important;font-size:31px;letter-spacing:-.04em;margin:0 0 3px}
  .print-subtitle{font-size:14px;color:#5b6f86!important;margin:0 0 25px}
  .print-heading{border-left:4px solid #1ab7dc;padding:7px 0 7px 12px;font-size:12px;color:#16446c;font-weight:900;letter-spacing:1px;margin-bottom:9px}
  .print-ingredient-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:24px}
  .print-ingredient-table th{text-align:left;background:#eaf7fc!important;padding:10px 13px;border-bottom:1px solid #bbddea;color:#16436a;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
  .print-ingredient-table td{padding:12px 13px;border-bottom:1px solid #dbe7ef;vertical-align:top}
  .print-ingredient-table td:last-child,.print-ingredient-table th:last-child{text-align:right;white-space:nowrap;font-weight:800;color:#062c53}
  .print-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;break-inside:avoid}
  .print-info-grid section{border:1px solid #d5e5ed;background:#f6fbfd!important;padding:14px;border-radius:10px;break-inside:avoid}
  .print-info-grid h2{font-size:13px;color:#073b68;margin:0 0 7px}
  .print-info-grid p{font-size:11px;line-height:1.6;color:#456278;margin:0}
  .print-information{font-size:10px;color:#6b7d8c;line-height:1.6;margin:23px 0 0}
  .recipe-print-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dae7ef;padding-top:13px;margin-top:20px;color:#426984;font-size:10px}
  .recipe-print-footer strong{color:#072c56}
}

@media print{.recipe-print-header{background:#ffffff!important}.recipe-print-header span{color:#12466c!important}}