.use-list {
  font-size: 13px;
}

/* Critical sizing is repeated here so icons remain stable during cached upgrades. */
.event-icon {
  width: 48px;
  height: 58px;
  margin: 18px 0 9px;
  display: grid;
  place-items: center;
}

.event-icon svg {
  width: 42px !important;
  height: 42px !important;
  overflow: visible;
}

.use-list li {
  white-space: nowrap;
}

.use-list span {
  margin-right: 5px;
}

.hurricane-icon path {
  fill: #1680a0;
  stroke: #1680a0;
}

.hurricane-icon svg { width: 46px; height: 46px; }
.hurricane-icon svg path { fill: #e5252a; stroke: none; }
html[data-theme="dark"] .hurricane-icon svg path { fill: #ff565b; stroke: none; }
.flood-icon svg path { fill: none; stroke: #168fbe; stroke-width: 3.5; stroke-linecap: round; }
html[data-theme="dark"] .flood-icon svg path { fill: none; stroke: #70cce9; }

.hurricane-icon circle {
  fill: #e8f8f1;
  stroke: #1680a0;
  stroke-width: 2;
}

html[data-theme="dark"] .hurricane-icon path {
  fill: #75c5db;
  stroke: #75c5db;
}

html[data-theme="dark"] .hurricane-icon circle {
  fill: #0c281e;
  stroke: #75c5db;
}

@media (max-width: 380px) {
  .use-list { font-size: 12px; }
}
/* Precisely align the household-use checkmarks and labels. */
.use-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.use-list li{display:grid;width:195px;min-height:28px;grid-template-columns:22px 1fr;align-items:center;justify-self:center;column-gap:8px;text-align:left!important;line-height:1.25}.use-list li span{width:22px;height:22px;margin:0!important;justify-self:center}@media(max-width:520px){.use-list{grid-template-columns:1fr}.use-list li{width:210px}}
/* Existing-plumbing pressure disclosure */
.pressure-safety{max-width:720px;margin:32px auto 0;padding:24px 26px;border:1px solid #8dbfb1;border-left:5px solid #d5aa2d;border-radius:5px;background:#e6f5ef;color:#244f45}.pressure-safety h3{margin-bottom:13px;font-size:21px}.pressure-safety p{margin:0 auto 12px;color:#4e6f67;font-size:14px}.pressure-safety a{display:inline-block;margin-top:3px;color:#0c6c5c;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}html[data-theme="dark"] .pressure-safety{border-color:#456f61;border-left-color:#d5aa2d;background:#14382d;color:#edf7f3}html[data-theme="dark"] .pressure-safety p{color:#b8cec5}html[data-theme="dark"] .pressure-safety a{color:#a9e4d4}
/* Stack household uses in one centered column with a fixed checkmark rail. */
.use-list{width:min(100%,310px);margin:27px auto!important;padding:0 20px!important;grid-template-columns:1fr!important;gap:11px}.use-list li{width:250px;max-width:100%;min-height:28px;grid-template-columns:22px 1fr;justify-self:center;column-gap:11px;text-align:left!important}.use-list li span{grid-column:1;justify-self:center}.use-list li::first-line{text-align:left}@media(max-width:520px){.use-list{width:min(100%,290px);padding:0 16px!important}.use-list li{width:235px}}
/* Let the pressure notice span the full information section. */
.how-section{row-gap:48px}.how-section>.pressure-safety{grid-column:1/-1;width:100%;max-width:1120px;margin:0 auto;padding:30px clamp(25px,5vw,64px)}.how-section>.pressure-safety p{max-width:980px}.how-section>.pressure-safety h3{font-size:clamp(23px,2.4vw,31px)}
/* Center the homepage action buttons on phones. */
@media(max-width:520px){.hero-actions{width:100%;align-items:center!important;justify-content:center!important}.hero-actions .button{width:min(100%,280px);margin-left:auto;margin-right:auto;text-align:center}}
/* Consistent section eyebrows and pressure-warning emphasis. */
.eyebrow{color:#000!important}.eyebrow>span{background:#1769c2!important}html[data-theme="dark"] .eyebrow{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;padding:7px 11px;border:1px solid #aebbb7;border-radius:4px;background:#dce4e1;color:#000!important}.pressure-safety h3{color:#b31924!important}html[data-theme="dark"] .pressure-safety h3{color:#ff6c72!important}
/* Dark-mode eyebrows sit directly on the page without surrounding boxes. */
html[data-theme="dark"] .eyebrow{width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;color:#a9d9cd!important}html[data-theme="dark"] .eyebrow>span{background:#329fc7!important}
/* Center the 55 PSI specification block on phones. */
@media(max-width:520px){.product-overview .spec-row{width:100%;align-items:center!important;justify-content:center!important;text-align:center}.product-overview .spec-row>span{margin-left:auto;margin-right:auto;align-items:center!important;text-align:center!important}.product-overview .spec-row b,.product-overview .spec-row small{width:100%;text-align:center!important}}
/* Center the 275-gallon capacity display on phones. */
@media(max-width:520px){.product-overview .capacity-display{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.product-overview .capacity-display strong,.product-overview .capacity-display span{display:block;width:100%;margin:0;text-align:center!important}.product-overview .capacity-display span{max-width:210px}}
/* Center the household-use checklist as a unit on phones. */
@media(max-width:520px){.product-overview .use-list{width:100%;max-width:270px;margin-left:auto!important;margin-right:auto!important;padding:0 14px!important;justify-items:center}.product-overview .use-list li{width:215px;max-width:100%;grid-template-columns:22px 175px;justify-content:center;justify-self:center;column-gap:10px}.product-overview .use-list li span{margin:0!important}}
html:not([data-theme="dark"]) .hero .eyebrow>span{background:#0b4f98!important}