/* Ion-exchange story: one isolated section, using the theme's type and spacing. */
.ix-story{--ix-water:#287fae;--ix-ca:#e6ae99;--ix-mg:#a3ceb5;--ix-na:#a4c9ec;--ix-cl:#c6b5e0;background:#f5f8fb;color:#142b3c;padding:88px 0 52px;position:relative;isolation:isolate}
.ix-story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 15%,rgba(111,181,209,.12),transparent 48%),linear-gradient(90deg,transparent 49.95%,rgba(54,95,124,.035) 50%,transparent 50.05%);background-size:auto,44px 44px}
.ix-heading{max-width:820px;margin-bottom:46px}
.ix-heading .eyebrow{color:#1d5fd1;font-size:.76rem}
.ix-heading h2{color:#142b3c;font-size:clamp(2.3rem,4.1vw,3.8rem);letter-spacing:-.045em;line-height:1.03;text-wrap:balance}
.ix-heading>p:last-child{margin-top:18px;color:#496276;max-width:62ch;font-size:1.05rem;line-height:1.7}
.ix-deck{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:52px;align-items:start}
.ix-visual{margin:0;min-width:0;position:sticky;top:calc(var(--hdr) + 20px);background:#ffffff;border-radius:18px;border:1px solid rgba(68,106,138,.16);padding:18px 16px 16px;box-shadow:0 28px 64px -40px #637e94}
.ix-visual__top{display:flex;gap:8px;align-items:center;font-size:.74rem;color:#445d73;padding:0 6px;min-height:20px}
.ix-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ix-water);flex:none}
.ix-visual__view{margin-left:auto;color:#60798c;font-size:.7rem}
.ix-diagram{width:100%;max-height:500px;overflow:visible;display:block}
.ix-plumbing path{fill:none;stroke:#acbecc;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.ix-route{opacity:0}
.ix-route path{fill:none;stroke:var(--ix-water);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 13}
.ix-route--brine path{stroke:#8e77b5}
.ix-route--drain path{stroke:#a8815c}
.ix-internal-flow{opacity:0}
.ix-internal-flow path{fill:none;stroke:#4085ab;stroke-width:2;stroke-dasharray:4 15;opacity:.44}
.ix-riser-flow{fill:none;stroke:#287fae;stroke-width:2;stroke-dasharray:4 12;opacity:0}
.ix-svg-label{fill:#314e65;font:500 11px "Geist Mono",monospace;letter-spacing:1.3px}
.ix-svg-sub{fill:#4b677d;font:400 11px "Geist",sans-serif;letter-spacing:0}
.ix-valve-text{fill:#aadce5;font:500 10px "Geist Mono",monospace;letter-spacing:1px}
.ix-callout path{fill:none;stroke:#6c8ea6;stroke-opacity:.55;stroke-width:1}
.ix-callout circle{fill:#528aa7}
.ix-callout text{fill:#2e4d65;font:500 12px "Geist",sans-serif}
.ix-callout text.ix-svg-sub{fill:#4b677d;font-size:11px;font-weight:400}
.ix-resin{stroke:#f2d397;stroke-opacity:.23;stroke-width:.55}
.ix-ion circle{stroke-width:1;stroke:currentColor;fill:currentColor;fill-opacity:.94}
.ix-ion text{fill:#142b3c;font:650 11px "Geist",sans-serif;letter-spacing:-.25px}
.ix-ion--ca{color:var(--ix-ca)}
.ix-ion--mg{color:var(--ix-mg)}
.ix-ion--na{color:var(--ix-na)}
.ix-ion--cl{color:var(--ix-cl)}
.ix-visual figcaption{text-align:center;padding:1px 8px 12px;font-size:.79rem;line-height:1.5;color:#39566d}
.ix-visual figcaption>span{display:block;min-height:2.9em}
.ix-visual figcaption small{display:block;font-size:.67rem;color:#526d82;margin-top:2px}
.ix-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;border-top:1px solid rgba(68,106,138,.16);padding-top:12px}
.ix-legend li{display:inline-flex;align-items:center;gap:6px;color:#344c62;font:500 .72rem "Geist Mono",monospace}
.ix-legend li span{display:none}
.ix-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;flex:none}
.ix-dot--ca{color:var(--ix-ca)}.ix-dot--mg{color:var(--ix-mg)}.ix-dot--na{color:var(--ix-na)}.ix-dot--cl{color:var(--ix-cl)}
.ix-narrative{padding:24px 0 0;min-width:0}
.ix-chapter{padding:26px 0 38px;border-bottom:1px solid rgba(68,106,138,.16);scroll-margin-top:calc(var(--hdr) + 26px)}
.ix-chapter__phase{display:flex;align-items:center;gap:13px;color:#436987;font-size:.8rem;margin-bottom:18px}
.ix-chapter__phase span{font-family:"Geist Mono",monospace;font-size:.78rem;color:#3f78a5}
.ix-chapter h3{font-size:clamp(1.6rem,2.5vw,2.35rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;color:#142b3c;max-width:20ch}
.ix-chapter__copy{margin-top:20px;font-size:.98rem;line-height:1.75;color:#3d566c;max-width:46ch}
.ix-equation{font:400 .85rem/1.7 "Geist Mono",monospace;color:#254b68;border-block:1px solid rgba(68,106,138,.16);padding:13px 0;margin-top:22px;overflow-wrap:anywhere}
.ix-chapter__note{margin-top:13px;font-size:.76rem;line-height:1.6;color:#557083;max-width:48ch}
.ix-molecular{margin-top:26px;padding:16px 18px 13px;background:#edf3f8;border-radius:12px;border:1px solid rgba(68,106,138,.16)}
.ix-molecular__head{display:flex;justify-content:space-between;gap:12px;color:#48667d;font-size:.68rem}
.ix-molecular__head span:last-child{color:#526d82}
.ix-molecular svg{width:100%;max-height:168px}
.ix-molecular>p{color:#526d82;font-size:.69rem;line-height:1.6}
.ix-molecule-label{fill:#76561f;font:500 11px "Geist",sans-serif}
.ix-site-label{fill:#486275;font:400 11px "Geist Mono",monospace}
.ix-site-line{fill:none;stroke:#ad8a48;stroke-width:1;stroke-opacity:.55}
.ix-nav{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:26px;border-top:1px solid rgba(68,106,138,.18);padding-top:14px}
.ix-nav__step{display:flex;align-items:center;gap:9px;font-size:.76rem;color:#536f87;padding:10px 7px;border-radius:5px;transition:color .2s,background .2s}
.ix-nav__step span{font:400 .65rem "Geist Mono",monospace;color:#526d82}
.ix-nav__step.is-active{color:#174eae;background:rgba(29,95,209,.07)}
.ix-nav__step.is-active span{color:#174eae}
.ix-nav__step:hover{color:#143f75;background:rgba(29,95,209,.1)}
.ix-progress{position:absolute;top:-1px;left:0;width:100%;height:1px;background:transparent;pointer-events:none}
.ix-progress span{display:block;width:100%;height:2px;background:#2e76b0;transform:scaleX(0);transform-origin:left}
.ix-footnote{max-width:86ch;margin-top:34px;padding-top:24px;border-top:1px solid rgba(68,106,138,.16);color:#556e82;font-size:.75rem;line-height:1.7}
.ix-footnote details{margin-top:18px}.ix-footnote summary{cursor:pointer;width:fit-content;color:#355d7c;padding-block:5px}
.ix-footnote details p{margin-top:12px}.ix-footnote a{text-decoration:underline;text-underline-offset:3px;color:#174eae}
.ix-story.is-scroll .ix-track{height:calc(100svh + 2900px)}
.ix-story.is-scroll .ix-deck{position:sticky;top:calc(var(--hdr) + 14px)}
.ix-story.is-scroll .ix-visual{position:relative;top:0}
.ix-story.is-scroll .ix-diagram{max-height:min(500px,calc(100svh - 345px))}
.ix-story.is-scroll .ix-molecular svg{max-height:clamp(105px,calc(100svh - 640px),168px)}
.ix-story.is-scroll .ix-chapter{display:none;padding:0;border:0}
.ix-story.is-scroll .ix-chapter.is-active{display:block}
.ix-story.is-scroll .ix-chapters{min-height:287px}
.ix-story[data-phase="feed"] .ix-route--feed,.ix-story[data-phase="feed"] .ix-route--home,.ix-story[data-phase="feed"] .ix-internal-flow--down,
.ix-story[data-phase="exchange"] .ix-route--feed,.ix-story[data-phase="exchange"] .ix-route--home,.ix-story[data-phase="exchange"] .ix-internal-flow--down,
.ix-story[data-phase="ready"] .ix-route--feed,.ix-story[data-phase="ready"] .ix-route--home,.ix-story[data-phase="ready"] .ix-internal-flow--down{opacity:1}
.ix-story[data-phase="feed"] [data-ix-flow="riser-up"],.ix-story[data-phase="exchange"] [data-ix-flow="riser-up"],.ix-story[data-phase="ready"] [data-ix-flow="riser-up"]{opacity:.8}
@media(min-width:1200px){.ix-legend li span{display:inline;font:400 .65rem "Geist",sans-serif;color:#526d82}}
@media(max-width:1050px){.ix-deck{column-gap:28px}.ix-narrative{padding-top:12px}.ix-heading{margin-bottom:34px}.ix-chapter__copy{font-size:.91rem}.ix-equation{font-size:.76rem}}
.ix-story.is-compact .ix-deck{display:block}
.ix-story.is-compact .ix-visual{position:sticky;top:calc(var(--hdr) + 8px);z-index:2;max-width:660px;margin-inline:auto;padding:12px 14px 10px;background:#ffffff}
.ix-story.is-compact .ix-diagram{max-height:clamp(210px,38svh,345px)}
.ix-story.is-compact .ix-visual figcaption{padding-bottom:4px;font-size:.7rem}
.ix-story.is-compact .ix-visual figcaption>span{min-height:1.5em}
.ix-story.is-compact .ix-visual figcaption small{display:none}
.ix-story.is-compact .ix-legend{padding-top:7px;gap:8px 16px}
.ix-story.is-compact .ix-narrative{padding-top:24px;max-width:660px;margin-inline:auto}
.ix-story.is-compact .ix-molecular{display:none}
.ix-story.is-compact .ix-chapter{min-height:52svh;padding:38px 0;scroll-margin-top:calc(var(--hdr) + 44svh)}
.ix-story.is-compact .ix-chapter h3{max-width:24ch}
.ix-story.is-compact .ix-chapter__copy{max-width:55ch}
.ix-story.is-compact .ix-nav{margin-top:12px;z-index:3;background:#f5f8fb}
@media(max-width:640px){
  .ix-story{padding:56px 0 36px}.ix-heading h2{font-size:2.4rem}.ix-heading>p:last-child{font-size:.94rem}.ix-visual__top{font-size:.66rem}.ix-visual__view{font-size:.62rem}
  .ix-deck{display:block}.ix-diagram{max-height:340px}.ix-molecular{display:none}.ix-visual{top:calc(var(--hdr) + 8px)}
  .ix-chapter h3{font-size:1.72rem}.ix-chapter__copy{font-size:.94rem}.ix-equation{font-size:.75rem}.ix-legend li{font-size:.67rem}
  .ix-svg-label{font-size:13px}.ix-svg-sub{font-size:12px}.ix-callout{display:none}
  .ix-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px}.ix-nav__step{font-size:.72rem}.ix-footnote{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){.ix-story *{transition:none!important;scroll-behavior:auto!important}}
@media(max-height:600px){.ix-story.is-compact .ix-visual{position:relative;top:0}}