/* California58 global readable-surface contract | 2026-11-04.
   Keep text paired to its own surface; do not invert entire theme. */
:root{--c58-readable-ink:#172d3f;--c58-readable-muted:#39566b;--c58-readable-link:#07547b}
html body :is(.c58cn-home,.c58-home-explore-live){--blue:#075985}
html body section[aria-label="Advertising enquiries"]{background:#f4f8fb;color:#172d3f;--ink:#172d3f;--muted:#39566b;color-scheme:light}
/* The rural hub owns light cards; keep that surface and its ink paired in both modes. */
html body .c58-rural-hub{background:#fbfaf7;color:#172d3f;--ink:#172d3f;color-scheme:light}
html body .c58-rural-hub a:not([style*="background:"]){color:#075985}
/* California Now owns a dark outer surface even when the global theme is light. */
html body main.c58-wide-service:has(.c58w-now-link)> .wrap>article> :is(.eyebrow,.c58-content-meta){color:#cbdde7}
html body .c58-city-master,
html body .c58-city-master .c58-city-intro,
html body .c58-city-finder,
html body .c58-service-start,
html body .c58w-now-link,
html body .c58w-intro,
html body .c58w-map-shell,
html body .c58w-sidebar,
html body .c58-alert-card,
html body .c58-now-grid>a,
html body .c58-live-summary,
html body .c58-official-inline{color-scheme:light}
html body .c58-city-master .c58-city-intro,
html body .c58-city-finder,
html body .c58-service-start,
html body .c58w-now-link{background:#edf5fa!important;color:#172d3f!important}
html body .c58-city-master :is(.c58-city-intro,.c58-city-intro p,.c58-city-intro strong,.c58-city-intro em),
html body .c58-city-finder :is(p,label,small),
html body .c58-service-start :is(p,small,span,strong),
html body .c58w-now-link :is(p,span,strong){color:#203b4e!important;opacity:1!important;text-shadow:none!important}
html body .c58-city-master :is(h2,h3),
html body .c58-service-start :is(h2,h3),
html body .c58w-now-link :is(h2,h3){color:#16394e!important;text-shadow:none!important;overflow-wrap:anywhere!important}
html body .c58-city-master .c58-city-intro h2,
html body .c58w-now-link h2{font-size:clamp(25px,3.2vw,43px)!important;line-height:1.18!important;max-width:100%!important;white-space:normal!important;letter-spacing:-.02em!important}
html body .c58-city-master a:not(.button),
html body .c58-city-finder a:not(.button){color:#07547b!important;text-decoration:underline!important}
html body .c58-city-master .c58-city-county,
html body .c58-city-master .c58-city-links,
html body .c58-city-finder{background:#fff!important}
html body .c58-city-master .c58-city-county summary,
html body .c58-city-master .c58-city-county summary a{background:#eef5fa!important;color:#143e57!important}
html body .c58-city-master .c58-city-links a{background:#fff!important;color:#07547b!important}
html body .c58-city-finder input{background:#fff!important;color:#172d3f!important;border-color:#769caf!important}
html body .c58-city-finder input::placeholder{color:#587084!important;opacity:1!important}
html body .c58w-now-link{overflow:hidden!important;max-width:100%!important}
html body .c58w-now-link p{font-size:clamp(16px,1.45vw,19px)!important;line-height:1.55!important}
html body .c58w-now-link a{background:#155977!important;color:#fff!important;text-decoration:none!important}
html body .c58-now-grid>a,
html body .c58-alert-card{background:#f8fafc!important;color:#172d3f!important;border-color:#cbdbe5!important}
html body .c58-now-grid>a :is(span,strong,small),
html body .c58-alert-card :is(h2,h3,p,span,small,dt,dd,summary,strong){color:#203c50!important;opacity:1!important;text-shadow:none!important}
html body .c58-alert-card a{color:#07547b!important}
html body .c58-alert-card .c58-alert-footer{border-color:#d5e1e9!important}
html body .c58w-map-shell,
html body .c58w-sidebar{background:#f6fafc!important;color:#183548!important}
html body .c58w-map-shell :is(h2,h3,p,label,small),
html body .c58w-sidebar :is(h2,h3,p,label,small){color:#25465a!important}
html body .c58w-sidebar input{background:#fff!important;color:#172d3f!important}
html body .c58w-county-list button{color:#17374b!important}
html body .c58w-county-list button span{color:inherit!important}
html body .c58w-county-list button strong{color:#17374b!important}
html body :is(.c58-city-master,.c58-city-finder,.c58w-now-link,.c58w-map-shell,.c58-alert-card) :is(a,button,input,summary):focus-visible{outline:3px solid #1174a4!important;outline-offset:3px!important}
/* Selection is a separate paint layer. Safari's pale blue selection was hiding white glyphs. */
html body ::selection{background:#174d77!important;color:#ffffff!important;text-shadow:none!important}
html body ::-moz-selection{background:#174d77!important;color:#ffffff!important;text-shadow:none!important}
html body .c58w-now-link h2,
html body .c58w-now-link p,
html body .c58-city-master .c58-city-intro h2,
html body .c58-city-master .c58-city-intro p{color:#142f43!important;-webkit-text-fill-color:#142f43!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
html body .c58w-now-link h2::selection,
html body .c58w-now-link p::selection,
html body .c58-city-master .c58-city-intro h2::selection,
html body .c58-city-master .c58-city-intro p::selection{background:#174d77!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .c58w-now-link{isolation:isolate!important}
@media(max-width:700px){html body .c58-city-master .c58-city-intro h2,html body .c58w-now-link h2{font-size:clamp(23px,6.5vw,34px)!important}html body .c58w-now-link{padding:18px!important}html body .c58-city-master .c58-city-intro{padding:18px!important}}