/* Public day/night theme. Light mode keeps the original styles. */
html[data-site-theme="dark"]{color-scheme:dark;--ink:#f5f5f5;--muted:#d0d0d0;--line:#555;--red:#ff885c}
.public-header .site-theme-toggle{flex:0 0 auto;white-space:nowrap;background:transparent;color:inherit;border:1px solid #a3a3a3;border-radius:5px;padding:10px 12px;font-size:13px;line-height:1.3;min-height:40px}
.site-theme-toggle:hover{border-color:#ef5b28;color:#ef5b28}
html[data-site-theme="dark"] body{background:#353535;color:#f5f5f5}
html[data-site-theme="dark"] :is(.public-header,footer){background:#1e1f20;color:#f5f5f5}
html[data-site-theme="dark"] :is(.intro,.solutions,.process,.clients,.contact,.detail-layout,.photo-section,.related,.service-catalog,.hydria-intro,.hydria-benefits,.client-directory,.service-faq,.seo-home-services,.editorial-heading,.editorial-list,.home-articles,.article-detail,.cms-information){background:#353535;color:#f5f5f5}
html[data-site-theme="dark"] :is(.service-sidebar,.article-aside,.solution-card,.editorial-card,.seo-service-links>a,.hydria-banner,.sidebar-contact,dialog){background:#404040;color:#f5f5f5;border-color:#606060}
html[data-site-theme="dark"] :is(.detail-copy p,.hydria-intro p,.hydria-benefits p,.card-description p,.directory-toolbar p,.faq-items p,.service-local p,.seo-service-links span,.editorial-heading>p,.editorial-card p,.article-excerpt,.article-author,.article-copy p,.article-copy li,.article-detail>.breadcrumb,.editorial-heading .breadcrumb,.cms-company-info,.contact p,.contact .eyebrow,.sidebar-contact p,.hydria-banner p,form small,.steps p,.service-list p){color:#d0d0d0}
html[data-site-theme="dark"] :is(.editorial-heading h1,.editorial-card h2,.article-detail>h1,.service-text strong,.seo-service-links strong,.mobile-menu-button){color:#fff}
html[data-site-theme="dark"] :is(.public-header.menu-open .public-nav,.services-menu>div){background:#292929;color:#fff;border-color:#555}
html[data-site-theme="dark"] .services-menu a:hover{background:#414141;color:#ff986e}
html[data-site-theme="dark"] :is(.outline,.steps>div,.detail-topic,.service-sidebar nav a,.related-links a,.hydria-benefits article,.directory-toolbar,.directory-group li,.faq-items details,.service-local,.article-aside>a,.article-source,.locations,.clients){border-color:#606060}
html[data-site-theme="dark"] :is(.service-number,.card-description .eyebrow,.editorial-card .eyebrow,.service-sidebar nav a.current,.article-cta a,.hydria-benefits span){color:#ff986e}
html[data-site-theme="dark"] :is(input,textarea,select,.contact input,.contact textarea,.contact select){background:#292929;color:#f5f5f5;border-color:#707070}
html[data-site-theme="dark"] input::placeholder,html[data-site-theme="dark"] textarea::placeholder{color:#bdbdbd;opacity:1}
html[data-site-theme="dark"] :is(option,.contact option){background:#292929;color:#fff}
html[data-site-theme="dark"] .visual-services .service-teaser{background:#353535;border-bottom:1px solid #666}
html[data-site-theme="dark"] .service-teaser:after{background:linear-gradient(90deg,#353535,transparent)}
html[data-site-theme="dark"] .service-text>span{color:#e0e0e0}
/* Logos retain a neutral white tile for artwork with dark lettering. */
html[data-site-theme="dark"] .client-logo{background:#fff;border-color:#ccc}
@media(min-width:901px){.public-header{gap:15px}.public-header .public-nav{gap:clamp(10px,1.4vw,22px)}.public-header .site-theme-toggle{padding:10px;font-size:12px}.public-header .manage-link{padding:12px}}
@media(min-width:901px) and (max-width:1100px){.public-header{padding-left:3%;padding-right:3%;gap:10px}.public-header .public-nav>a,.public-header .services-menu>summary{font-size:13px}.public-header .logo{width:105px}.public-header .manage-link{font-size:11px;padding:10px}}
@media(max-width:900px){.public-header .site-theme-toggle{order:2}.public-header .manage-link{order:3}.public-header .mobile-menu-button{order:4}.public-header .logo{flex-shrink:0}}
@media(max-width:560px){.public-header{gap:8px;padding-left:4%;padding-right:4%}.public-header .site-theme-toggle{font-size:12px;padding:8px;min-height:36px}.public-header .manage-link{font-size:10px;padding:9px}.public-header .mobile-menu-button{padding:4px}.public-header .logo{width:95px}}