.public-state,.public-hazard{--site-max:1480px}
.public-state .topnav,.public-hazard .topnav{padding-left:clamp(24px,3.5vw,64px);padding-right:clamp(24px,3.5vw,64px)}
.public-state .article-hero,.public-hazard .hero-band.compact{padding:42px clamp(24px,3.5vw,64px);text-align:left}
.public-state .article-hero-inner{max-width:1480px;margin:auto}
.public-state .article-hero h1,.public-hazard .hero-band h1{max-width:1040px;margin-left:0;font-size:clamp(34px,4vw,54px);line-height:1.15}
.public-state .article-hero .lede,.public-hazard .hero-band .lede{margin-left:0;max-width:850px}
.public-state .article-meta{justify-content:flex-start}
.public-hazard .landing-search-card{margin-left:0;max-width:820px}
.hazard-location-note{color:#d2e3ed;font-size:13px;line-height:1.6;max-width:820px;margin:16px 0 0}
.public-hazard .public-section{padding-left:clamp(24px,3.5vw,64px);padding-right:clamp(24px,3.5vw,64px)}
.public-hazard .public-section-header{margin-left:0;text-align:left;max-width:900px}
.public-hazard .learn-feature-card h3,.public-hazard .learn-feature-card p,.public-hazard .source-showcase-copy p{max-width:none}
.public-hazard .learn-feature-card h3{font-size:25px;line-height:1.3}
.public-state .state-directory-shell,.public-state .state-hub-shell{max-width:1608px;padding-left:clamp(24px,3.5vw,64px);padding-right:clamp(24px,3.5vw,64px)}
.public-state .state-directory-intro,.public-state .state-hub-intro{max-width:1050px}
.state-search{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:28px 0 16px}
.state-search label{font-weight:700;color:var(--navy)}
.state-search input{font:inherit;min-width:220px;flex:1;max-width:640px;border:1px solid #98aebc;background:#fff;border-radius:8px;padding:14px}
#stateSearchStatus{font-size:14px;color:var(--muted);margin-bottom:22px}
.public-state [hidden]{display:none!important}
.state-paths,.hazard-explore-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:24px 0}
.state-paths a,.hazard-explore-links a,.state-learning-link a{font-weight:700;color:#176277;text-underline-offset:4px}
.state-paths .btn{color:#fff;text-decoration:none}
.public-state .state-signature{margin-top:24px}
.public-state .state-guide-card h2{font-size:23px;line-height:1.3}
.public-state a:focus-visible,.public-state input:focus-visible,.public-state button:focus-visible,.public-hazard a:focus-visible,.public-hazard input:focus-visible,.public-hazard button:focus-visible{outline:3px solid #2e79b7;outline-offset:4px}
@media(min-width:1100px){.public-state .state-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.public-hazard .hero-band.compact,.public-state .article-hero{padding:32px 20px}.state-search input{flex-basis:100%}.public-hazard .landing-search-row{flex-direction:column}.public-hazard .landing-search-row .btn{width:100%}}

.public-state .state-signature{max-width:none;width:100%}

/* Keep state artwork out of the text at phone and tablet widths. */
@media(max-width:1100px){
  .public-state.state-theme .article-hero{display:flex;flex-direction:column}
  .public-state.state-theme .article-hero-inner{width:100%;min-width:0}
  .public-state .state-hero-flag{position:static;order:2;align-self:flex-end;width:104px;min-width:0;margin:24px 0 0;opacity:.92}
}