.exp-page{--exp-accent:#922b43;--exp-soft:#fcf0f3;background:#f6f8fb;color:var(--ink)}
.exp-page [hidden]{display:none!important}.exp-page main{font-size:1rem;line-height:1.65}
.exp-guide-link{display:inline-block;margin-top:14px;color:var(--exp-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.exp-program-panel{margin:28px 0 0;padding:20px 24px;background:#fff;border:1px solid #dce3ed;border-radius:16px}.exp-program-panel summary{font-weight:800;cursor:pointer;color:var(--exp-accent)}.exp-program-panel p{color:#526078}
.exp-capacities{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.exp-capacities>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;border:1px solid #d5deeb;border-radius:10px;padding:9px 14px;background:#f5f8fc;color:#1f3754}.exp-capacities small{font-size:.875rem;color:#596477;margin-top:2px}
.exp-water-intro{max-width:850px;margin-bottom:24px}.exp-water-intro h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin:10px 0}.exp-water-intro p{color:#526078}
.exp-water-picker{background:white;border:1px solid #dce3ed;border-radius:20px;padding:26px}.exp-water-picker>h3{margin:0 0 15px;font-size:1.3rem}.exp-water-picker label{display:block;font-weight:700;margin-bottom:8px}.exp-water-picker select{display:block;width:100%;max-width:640px;min-height:52px;padding:10px 12px;border:1px solid #a7b4c7;border-radius:10px;background:#fff;color:#18304b}.exp-water-picker article{margin-top:22px;border-top:1px solid #dce3ed;padding-top:16px}.exp-water-picker article h3{font-size:1.4rem;margin:0 0 12px}.exp-water-picker article p{color:#526078;max-width:900px}.exp-water-picker h4{font-size:1rem;margin:24px 0 8px}.exp-water-picker .exp-facts{max-width:570px}.exp-reference-photo{max-width:430px}
.exp-guide{padding-top:40px;scroll-margin-top:95px}.exp-guide h2{font-size:1.7rem;margin:6px 0 12px}.exp-guide>p{color:#526078}.exp-comparison{table-layout:fixed;min-width:730px}.exp-comparison th:first-child{width:24%}.exp-comparison th:nth-child(2){width:27%}.exp-comparison :is(th,td){vertical-align:top;line-height:1.6}.exp-comparison tbody th{background:#f8fafd;color:#223953}.exp-comparison td a{color:var(--exp-accent);text-decoration:underline;text-underline-offset:3px;font-size:.875rem;white-space:normal}.exp-terms{margin-top:24px}
@media(max-width:600px){.exp-water-picker,.exp-program-panel{padding:18px}.exp-water-picker select{font-size:.9375rem}.exp-water-picker article h3{font-size:1.2rem}.exp-guide h2{font-size:1.45rem}}
.exp-page button,.exp-page select{font:inherit}.exp-page button{cursor:pointer}
.exp-page :is(button,a,select,[tabindex]):focus-visible{outline:3px solid #1668ff;outline-offset:4px}
.exp-intro{padding:30px 0 0;background:radial-gradient(circle at 92% 12%,#f4dce3 0,transparent 28%),radial-gradient(circle at 77% 70%,#f9e9ed 0,transparent 30%),#fff}
.exp-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:#626d80;font-size:.875rem;margin-bottom:24px}.exp-breadcrumb a{color:var(--exp-accent)}
.exp-eyebrow{display:block;color:var(--exp-accent);font-size:.875rem;font-weight:800;letter-spacing:.08em}
.exp-intro h1{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.2;letter-spacing:-.04em;margin:10px 0 12px}.exp-intro p{margin:0;color:#566278}
.exp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;padding-bottom:28px}
.exp-tabs button{display:flex;align-items:center;gap:15px;text-align:left;padding:18px;border-radius:16px;border:1px solid #dce3ed;background:#fff;color:#243955;min-width:0;box-shadow:0 5px 14px #172d4610}
.exp-tabs button[aria-selected=true]{border-color:var(--exp-accent);box-shadow:inset 0 0 0 1px var(--exp-accent);background:var(--exp-soft);color:var(--exp-accent)}
.exp-tabs button:hover{border-color:var(--exp-accent)}.exp-tabs b,.exp-tabs small{display:block}.exp-tabs b{font-size:1.1rem}.exp-tabs small{font-size:.875rem;color:#5c687a;margin-top:3px;line-height:1.4}.exp-tab-icon{font-size:1.9rem;width:38px;flex-shrink:0;text-align:center}
.exp-content{padding-top:30px;padding-bottom:55px}.exp-family{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:32px;background:#fff;border:1px solid #dce3ed;border-radius:22px;overflow:hidden;padding:26px}
.exp-photo{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:16px;padding:12px}.exp-photo img{display:block;width:100%;max-width:440px;height:260px;object-fit:contain}.exp-photo figcaption{font-size:.8125rem;line-height:1.5;color:#647186;text-align:center;margin-top:14px}
.exp-family-copy h2{font-size:1.9rem;line-height:1.25;margin:6px 0 14px}.exp-family-copy p{margin:0 0 16px;color:#526078}.exp-facts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.exp-facts>div{flex:1;min-width:110px;padding:12px 14px;border-radius:12px;background:var(--exp-soft)}.exp-facts small,.exp-facts b{display:block}.exp-facts small{font-size:.875rem;color:#5e5360}.exp-facts b{font-size:1.15rem;color:var(--exp-accent);margin-top:3px}
.exp-page .exp-note{font-size:.9375rem;color:#5c687b;line-height:1.6}.exp-source{color:var(--exp-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.exp-selection{padding-top:35px}.exp-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.exp-section-heading h2{font-size:1.65rem;margin:4px 0 0}.exp-count{font-size:.875rem;color:var(--exp-accent);background:var(--exp-soft);padding:8px 13px;border-radius:30px;white-space:nowrap}
.exp-selection-grid{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px;margin:20px 0}.exp-picker,.exp-detail{padding:24px;border-radius:18px;background:#fff;border:1px solid #dce3ed;min-width:0}.exp-picker label{display:block;font-weight:800;margin:0 0 10px}.exp-picker select{display:block;width:100%;min-height:52px;padding:10px 14px;border:1px solid #a7b4c7;border-radius:10px;background:white;color:#18304b}.exp-picker p{font-size:.9375rem;color:#5a677a;margin:16px 0}.exp-picker a{color:var(--exp-accent);font-weight:700}
.exp-detail h3{font-size:1.6rem;margin:0 0 16px}.exp-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.exp-detail dt{font-size:.875rem;color:#5c687b}.exp-detail dd{margin:4px 0 0;font-size:1.15rem;font-weight:800;overflow-wrap:anywhere}.exp-code{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f1f5fa;border-radius:12px;padding:12px 16px;flex-wrap:wrap}.exp-code code{font-size:1.2rem;font-weight:800;letter-spacing:.04em;color:#142e4c}.exp-code small{display:block;color:#5c687b;font-size:.875rem}.exp-page .exp-copy,.exp-page .exp-row-button{border:1px solid #922b43;border-radius:9px;background:#fff;color:#922b43;padding:8px 13px;font-size:.875rem;font-weight:700;min-height:42px}.exp-page .exp-copy:hover,.exp-page .exp-row-button:hover{background:#fcf0f3}.exp-copy-status{font-size:.875rem;min-height:1.5em;color:#345c47;margin-top:5px}
.exp-reference{margin-top:16px;border-top:1px solid #dce3ed;padding-top:12px}.exp-reference summary{cursor:pointer;font-size:.9375rem;font-weight:700;color:#45566f}.exp-reference p{font-size:.875rem;margin:10px 0 0;color:#5a677a}.exp-callout{margin:22px 0;padding:18px 22px;border:1px solid #e6d5b4;border-left:4px solid #a47326;background:#fffaf0;border-radius:13px;color:#65502b}.exp-callout p{margin:5px 0 0}
.exp-table-wrap{overflow-x:auto;border:1px solid #dce3ed;background:#fff;border-radius:16px;scroll-margin-top:100px}.exp-table{width:100%;border-collapse:collapse;min-width:560px}.exp-table caption{font-size:1rem;font-weight:800;text-align:left;padding:18px 20px;background:#fff}.exp-table th,.exp-table td{text-align:left;padding:13px 20px;border-top:1px solid #e1e6ef;font-size:.9375rem}.exp-table th{background:#f2f5fa;color:#465871}.exp-table td:first-child{font-weight:800}.exp-table tr[aria-current=true]{background:#fcf0f3}.exp-table code{font-size:1rem;color:#1f3754}.exp-page .exp-footnote{font-size:.875rem;color:#626f81;line-height:1.65;margin-top:15px}
.exp-pending{margin:24px 0;padding:26px;background:#fff;border:1px solid #dce3ed;border-radius:18px}.exp-pending h3{font-size:1.4rem;line-height:1.35;margin:9px 0 12px}.exp-pending p{color:#526078;max-width:850px}.exp-help{margin-top:40px}.exp-help h2{font-size:1.5rem}.exp-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exp-help-grid article{border-top:3px solid #b4becd;padding:8px 0}.exp-help h3{font-size:1.05rem;margin:10px 0 6px}.exp-help p{color:#5b687b;margin:0;font-size:.9375rem}
@media(max-width:850px){.exp-tabs{gap:10px}.exp-tabs button{padding:14px;gap:8px}.exp-tab-icon{display:none}.exp-family{gap:20px;grid-template-columns:1fr 1.4fr;padding:20px}.exp-photo img{height:230px}.exp-selection-grid{grid-template-columns:1fr 1.5fr}.exp-detail dl{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.exp-intro{padding-top:20px}.exp-tabs{grid-template-columns:1fr;gap:9px;margin-top:22px;padding-bottom:22px}.exp-tabs button{padding:12px 16px}.exp-tab-icon{display:block;font-size:1.6rem}.exp-tabs small{margin-top:0}.exp-content{padding-top:20px}.exp-family{grid-template-columns:1fr;gap:16px;padding:18px}.exp-photo{padding:0}.exp-photo img{height:190px}.exp-photo figcaption{margin-top:4px}.exp-family-copy h2{font-size:1.6rem}.exp-selection-grid{grid-template-columns:1fr}.exp-picker,.exp-detail{padding:19px}.exp-detail dl{grid-template-columns:1fr 1fr}.exp-help-grid{grid-template-columns:1fr;gap:15px}.exp-section-heading{align-items:flex-start}.exp-section-heading h2{font-size:1.4rem}.exp-count{padding:6px 10px}.exp-pending{padding:20px}.exp-callout{padding:16px}.exp-page .main-nav.exp-nav-open{display:flex}}