.product-story{margin-top:70px}.product-story section[id]{scroll-margin-top:125px}.story-nav{border-block:1px solid var(--line);background:var(--paper)}.story-nav>.wrap{display:flex;gap:44px;overflow:auto;scrollbar-width:thin}.story-nav a{padding:22px 0;font-size:12px;white-space:nowrap;text-decoration:none}.story-nav a:hover{text-decoration:underline;text-underline-offset:6px}.story-overview{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;padding-block:100px 55px}.product-story h2{font:400 clamp(34px,4.1vw,62px)/1.08 var(--display);letter-spacing:-.035em;margin:0}.story-lead p{font-size:16px;line-height:1.85;margin:0 0 20px}.story-facts{grid-column:1/-1;display:flex;gap:36px;margin:50px 0 0;padding:30px 0;border-block:1px solid var(--line)}.story-facts>div{flex:1}.story-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.story-facts dd{margin:0;font:400 clamp(21px,2.3vw,32px)/1.2 var(--display)}.story-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;padding-bottom:100px}.story-number{font:400 19px var(--display);color:var(--muted)}.product-story h3{font:400 27px/1.18 var(--display);letter-spacing:-.02em;margin:22px 0 16px}.story-features p,.story-use p,.story-dose p,.story-suitability li,.story-faq p,.story-compare p{font-size:14px;line-height:1.85;margin:0;color:var(--muted)}.story-use{background:var(--water);padding-block:90px}.story-use-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.story-use-art>p:not(.eyebrow){margin-top:24px}.story-diagram{margin:34px 0 0}.story-diagram img{width:100%;height:auto;display:block}.story-diagram figcaption{font-size:11px;line-height:1.6;color:var(--muted);max-width:44ch}.story-steps{list-style:none;counter-reset:step;margin:0;padding:0}.story-steps li{counter-increment:step;position:relative;padding:0 0 30px 54px;margin:0 0 28px;border-bottom:1px solid #bccbdc}.story-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font:400 21px var(--display);color:var(--blue)}.story-steps h3{margin:0 0 13px}.story-use-note{border-left:2px solid var(--blue);padding-left:20px}.story-dose{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-block:95px;border-bottom:1px solid var(--line)}.story-dose h2{font-size:clamp(32px,3vw,46px)}.story-dose p{margin-top:24px}.story-table-scroll{overflow:auto;align-self:center}.story-table-scroll table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.story-table-scroll th,.story-table-scroll td{padding:18px 20px;border-bottom:1px solid var(--line);line-height:1.5}.story-table-scroll thead{background:var(--navy);color:#fff}.story-table-scroll th{font-weight:600}.story-table-scroll tbody tr:nth-child(even){background:var(--water)}.story-suitability{padding-block:90px}.story-suitability header{max-width:780px}.story-suitability-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:46px}.story-suitability-grid>div{border-top:1px solid var(--ink);padding-top:6px}.story-suitability ul{padding-left:18px;margin:0}.story-suitability li{padding:0 0 13px 8px}.story-limits{background:#efeee9;padding:6px 30px 22px}.story-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-block:75px 95px;border-block:1px solid var(--line)}.story-faq h2{font-size:clamp(32px,3.5vw,50px)}.story-faq details{border-bottom:1px solid var(--line)}.story-faq details:first-child{border-top:1px solid var(--line)}.story-faq summary{display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.story-faq summary::-webkit-details-marker{display:none}.story-faq summary span{font-size:21px;font-weight:400;transition:transform .2s}.story-faq details[open] summary span{transform:rotate(45deg)}.story-faq details p{padding:0 30px 25px 0}.story-compare{padding-block:80px}.story-compare h2{font-size:clamp(32px,3.5vw,48px)}.story-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 5%;margin-top:35px}.story-compare-item{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:start;padding:25px 0;border-top:1px solid var(--line);text-decoration:none}.story-compare-item img{width:100px;height:130px;object-fit:contain;background:#fff}.story-compare-item h3{font-size:25px;margin:0 0 12px}.story-compare-item .text-link{display:inline-flex;margin-top:16px;font-size:12px}.story-guide{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:45px;border-block:1px solid var(--line)}.story-guide h2{font-size:clamp(27px,3vw,40px);max-width:30ch}.story-guide .button{flex-shrink:0}.story-source{display:flex;justify-content:space-between;gap:50px;padding-block:30px 55px;font-size:11px;line-height:1.8;color:var(--muted)}.story-source p{max-width:85ch;margin:0}.story-source a{flex-shrink:0;text-underline-offset:4px}
@media(min-width:1800px){.story-use-layout{gap:140px}.story-diagram{max-width:570px}}
@media(max-width:899px){.product-story{margin-top:40px}.story-nav>.wrap{gap:28px}.story-nav a{padding:18px 0;font-size:11px}.story-overview{gap:28px;padding-block:55px 30px}.story-lead p{font-size:14px}.story-facts{gap:24px;margin-top:15px}.story-features{gap:25px;padding-bottom:55px}.story-features h3{font-size:23px}.story-use{padding-block:55px}.story-use-layout{gap:45px}.story-steps li{padding-left:38px}.story-steps h3{font-size:25px}.story-dose{gap:32px;padding-block:55px}.story-suitability{padding-block:55px}.story-faq{gap:40px;padding-block:55px}.story-compare{padding-block:55px}.story-compare-grid{gap:25px}.story-compare-item{grid-template-columns:80px 1fr;gap:16px}.story-compare-item img{width:80px;height:110px}.story-source{gap:25px}.story-guide{gap:30px}}
@media(max-width:599px){.product-story section[id]{scroll-margin-top:90px}.story-overview,.story-use-layout,.story-dose,.story-faq{grid-template-columns:1fr}.story-overview{gap:24px}.story-facts{gap:18px;flex-wrap:wrap}.story-facts>div{flex:1 1 110px}.story-facts dd{font-size:24px}.story-features{grid-template-columns:1fr;gap:0}.story-features>div{display:grid;grid-template-columns:32px 1fr;gap:12px 16px;padding-block:22px;border-bottom:1px solid var(--line)}.story-features h3{margin:0}.story-features p{grid-column:2}.story-number{padding-top:2px}.story-diagram{max-width:380px;margin:20px auto 0}.story-diagram figcaption{max-width:none}.story-use-layout{gap:42px}.story-use-art>p:not(.eyebrow){margin-top:18px}.story-steps li:last-child{margin-bottom:22px}.story-table-scroll th,.story-table-scroll td{padding:14px 12px;font-size:12px}.story-suitability-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.story-suitability h3{font-size:25px}.story-limits{padding-inline:20px}.story-faq summary{font-size:14px;padding:22px 0}.story-faq details p{padding-right:0}.story-compare-grid{grid-template-columns:1fr;gap:0}.story-compare-item{grid-template-columns:90px 1fr;gap:20px}.story-compare-item img{width:90px;height:120px}.story-guide{align-items:start;flex-direction:column;gap:25px}.story-source{flex-direction:column;gap:18px}.story-source a{align-self:start}}
@media(prefers-reduced-motion:reduce){.story-faq summary span{transition:none}}

.story-safety,.story-regulatory{padding-block:0 65px}.story-safety h2,.story-regulatory h2{font-size:clamp(28px,3vw,38px)}.story-safety ul{font-size:13px;line-height:1.9;color:var(--muted);padding-left:20px;max-width:100ch}.story-regulatory p{font-size:14px;line-height:1.9;max-width:95ch}.story-safety li{padding-block:4px}

.story-table-wrap{min-width:0;align-self:center}.story-dose .story-table-hint{display:none;font-size:11px;margin:0 0 12px}.story-table-hint span{margin-left:5px}@media(max-width:399px){.story-dose .story-table-hint{display:block}}
