/* California58 2026-10-21: mobile layout correction after device screenshots.
   Unified design fixes: avoids off-screen weather labels, double cover art,
   washed-out cover fallbacks and oversize WPVibe preview controls.
   No new images, no remote dependencies, no article edits. */
@media(max-width:760px) {
  html,body {max-width:100%!important;overflow-x:clip!important}
  /* Keep the sponsor clearly labeled and make its actual CTA tappable.
     The older theme hid "Scan My Business" on ALL tablets/phones. */
  html body .c58-linkerno-banner {height:auto!important;max-height:none!important;overflow:hidden!important}
  html body .c58-linkerno-banner__inner {
    display:block!important;box-sizing:border-box!important;height:auto!important;
    min-height:0!important;padding:13px 108px 14px 15px!important;overflow:hidden!important;
  }
  html body .c58-linkerno-banner__brand{padding:0!important;border:0!important;margin:0 0 7px!important}
  html body .c58-linkerno-banner__brand small{font-size:8px!important;letter-spacing:.07em!important}
  html body .c58-linkerno-banner__copy strong{
    display:block!important;max-width:100%!important;font:800 clamp(17px,4.2vw,21px)/1.17 system-ui,sans-serif!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  html body .c58-linkerno-banner__copy span{
    display:block!important;max-width:100%!important;margin-top:6px!important;
    font-size:11px!important;line-height:1.38!important;
  }
  html body .c58-linkerno-banner__cta{
    display:inline-flex!important;position:relative!important;z-index:3!important;
    align-items:center!important;justify-content:center!important;
    white-space:normal!important;margin-top:9px!important;padding:7px 10px!important;
    max-width:100%!important;border:1px solid rgba(255,255,255,.8)!important;
    border-radius:999px!important;background:#fff!important;color:#123d54!important;
    font-size:11px!important;font-weight:800!important;line-height:1.3!important;
  }
  html body .c58-linkerno-banner img{
    width:100px!important;max-height:160px!important;height:auto!important;
    object-fit:contain!important;object-position:bottom!important;
    position:absolute!important;right:1px!important;bottom:0!important;
  }
  /* CA time and Sacramento forecast are full-width, independently wrapping lines. */
  html body .california-now {height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  html body .california-now .california-now-inner {
    display:grid!important;
    width:calc(100% - 32px)!important;max-width:660px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;padding:8px 0 11px!important;
    height:auto!important;min-height:0!important;align-items:stretch!important;
  }
  html body .california-now-inner > div,
  html body .california-now-inner > a.now-link {
    display:flex!important;flex-flow:row wrap!important;justify-content:flex-start!important;
    align-items:baseline!important;column-gap:12px!important;row-gap:2px!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
    padding:8px 0!important;margin:0!important;
  }
  html body .california-now-inner > :is(div,a.now-link):not(:last-of-type) {
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }
  html body .california-now-inner .now-label {
    display:block!important;flex:0 0 100%!important;width:100%!important;
    font-size:11px!important;line-height:1.4!important;letter-spacing:.08em!important;
    grid-column:auto!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  html body .california-now-inner strong,
  html body .california-now-inner [data-ca-weather] {
    display:block!important;flex:0 1 auto!important;min-width:0!important;
    max-width:100%!important;width:auto!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    word-break:normal!important;hyphens:none!important;
    font-size:clamp(15px,4.25vw,20px)!important;line-height:1.3!important;
    font-weight:800!important;
  }
  html body .california-now-inner [data-ca-weather-detail] {
    display:block!important;flex:0 0 100%!important;width:100%!important;
    font-size:12px!important;line-height:1.4!important;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body .california-now-inner [data-ca-alerts] {font-size:18px!important}
  html body .california-now-inner small {font-size:12px!important;line-height:1.45!important;white-space:normal!important;min-width:0!important;word-break:normal!important}
  html body .california-now-inner .now-cali{display:none!important}

  /* One card = one image OR one branded fallback, never both.
     Normal document flow eliminates overflowing artwork over adjacent cards. */
  html body .c58-home-news .posts-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;width:100%!important;
  }
  html body .c58-home-news article.post-card {
    display:flex!important;flex-direction:column!important;
    padding:15px!important;border-radius:17px!important;
    overflow:hidden!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;background:#fff!important;color:#173344!important;
  }
  html body .c58-home-news article.post-card::before,
  html body .c58-home-news article.post-card::after {content:none!important;display:none!important}
  html body .c58-home-news article.post-card > a.c58-cover {
    display:flex!important;flex:0 0 auto!important;float:none!important;clear:both!important;
    position:relative!important;align-items:center!important;justify-content:center!important;
    width:100%!important;max-width:100%!important;height:auto!important;
    min-height:0!important;aspect-ratio:16/9!important;
    padding:0!important;margin:0 0 13px!important;border-radius:10px!important;
    border:0!important;overflow:hidden!important;
    background-image:none!important;
  }
  html body .c58-home-news article.post-card > a.c58-cover::before,
  html body .c58-home-news article.post-card > a.c58-cover::after {content:none!important;display:none!important}
  html body .c58-home-news article.post-card > a.c58-cover > .c58-cover-brand {
    margin:auto!important;width:100%!important;max-width:100%!important;padding:13px!important;
    min-width:0!important;
  }
  html body .c58-home-news .post-card > a.c58-cover img.c58-cover-image {
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;max-width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:center!important;
    padding:0!important;margin:0!important;border-radius:0!important;
  }
  html body .c58-home-news .post-card>a.c58-cover.c58-cover--has-image .c58-cover-brand,
  html body .c58-ed-section .c58-cover.c58-cover--has-image .c58-cover-brand {
    display:none!important;
  }
  html body .c58-home-news .post-card>p:first-of-type {
    margin:0 0 7px!important;font-size:11px!important;line-height:1.4!important;color:#556978!important;
  }
  html body .c58-home-news .post-card>h2 {
    margin:0 0 8px!important;color:#112b3a!important;
    font-size:clamp(22px,5.4vw,27px)!important;line-height:1.19!important;
    text-wrap:pretty!important;
  }
  html body .c58-home-news .post-card>p:last-child {
    margin:0!important;line-height:1.5!important;color:#465866!important;font-size:15px!important;
  }
  /* Editorial discovery: narrow columns must not wash out brand covers.
     Brand gradient is reusable CSS art, not a falsely implied news photograph. */
  html body .c58-ed-section .c58-ed-card {
    background:#fff!important;color:#173344!important;max-width:100%!important;
    overflow:hidden!important;
  }
  html body .c58-ed-section .c58-ed-card > a.c58-cover:not(.c58-cover--has-image),
  html body .c58-ed-section .c58-ed-card > .c58-cover:not(.c58-cover--has-image) {
    background:linear-gradient(145deg,#153d55,#14738a 58%,#bd8242)!important;
    color:#fff!important;opacity:1!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-cover-brand,
  html body .c58-ed-section .c58-ed-card .c58-cover-brand :is(strong,span,em) {
    color:#fff!important;opacity:1!important;
    text-shadow:0 1px 4px rgba(0,0,0,.45)!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-cover:not(.c58-cover--has-image) {
    position:relative!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-cover.c58-cover--has-image {
    background:#e1ebf0!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-cover-image {
    object-fit:contain!important;
    background:#e1ebf0!important;
  }
  html body .c58-ed-section .c58-ed-copy {
    min-width:0!important;overflow:visible!important;
    background:#fff!important;color:#173344!important;
  }
  html body .c58-ed-section .c58-ed-copy h3,
  html body .c58-ed-section .c58-ed-copy h3 a {
    color:#123146!important;opacity:1!important;visibility:visible!important;
    word-break:normal!important;overflow-wrap:break-word!important;
  }
  html body .c58-ed-section .c58-ed-copy .c58-ed-meta {
    color:#49606c!important;font-weight:650!important;opacity:1!important;
  }
  html body .c58-ed-section .c58-ed-source,
  html body .c58-ed-section .c58-ed-source a {
    color:#0e5e79!important;opacity:1!important;
  }
  html body .c58-ed-local-grid .c58-ed-card,
  html body .c58-ed-rural-grid .c58-ed-card {
    display:grid!important;grid-template-columns:minmax(115px,34%) minmax(0,1fr)!important;
    gap:0!important;align-items:stretch!important;
  }
  html body .c58-ed-local-grid .c58-ed-card > .c58-cover,
  html body .c58-ed-rural-grid .c58-ed-card > .c58-cover {
    display:flex!important;width:100%!important;max-width:100%!important;
    min-width:0!important;min-height:130px!important;height:100%!important;
    aspect-ratio:auto!important;flex:auto!important;
    border-radius:0!important;
  }
  html body .c58-ed-local-grid .c58-cover-brand strong,
  html body .c58-ed-rural-grid .c58-cover-brand strong {
    font-size:clamp(18px,5vw,26px)!important;
  }
  html body .c58-ed-local-grid .c58-cover-brand span,
  html body .c58-ed-rural-grid .c58-cover-brand span {
    font-size:11px!important;
  }
  html body .c58-ed-local-grid .c58-cover-story,
  html body .c58-ed-rural-grid .c58-cover-story {display:none!important}
  html body .c58-ed-local-grid .c58-ed-copy,
  html body .c58-ed-rural-grid .c58-ed-copy {padding:12px!important}
  html body .c58-ed-local-grid .c58-ed-card h3,
  html body .c58-ed-rural-grid .c58-ed-card h3 {
    font-size:clamp(16px,4.4vw,20px)!important;line-height:1.3!important;
  }
  html body .c58-ed-topic .c58-ed-card {
    display:grid!important;grid-template-columns:minmax(100px,32%) minmax(0,1fr)!important;
  }
  html body .c58-ed-topic .c58-ed-card>.c58-cover.c58-ed-photo {
    width:100%!important;max-width:100%!important;flex:none!important;
    min-height:115px!important;height:100%!important;aspect-ratio:auto!important;
  }
  html body .c58-ed-topic .c58-cover-story {display:none!important}
  html body .c58-ed-topic .c58-ed-card .c58-ed-copy {padding:11px!important}
  html body .c58-ed-topic .c58-ed-card h3{font-size:16px!important;line-height:1.25!important}

  /* WordPress editor-only WPVibe footer: compact and not over the news. */
  html body #wpvibe-preview-banner {
    display:flex!important;flex-wrap:nowrap!important;
    position:fixed!important;inset:auto 0 0 0!important;
    box-sizing:border-box!important;width:100%!important;
    min-height:0!important;height:auto!important;max-height:68px!important;
    padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;
    gap:7px!important;align-items:center!important;justify-content:space-between!important;
    overflow:hidden!important;font-size:11px!important;line-height:1.15!important;
  }
  html body #wpvibe-preview-banner .wpvibe-badge {
    flex:1 1 auto!important;min-width:0!important;
    display:flex!important;gap:5px!important;
    font-size:11px!important;line-height:1.2!important;white-space:normal!important;
  }
  html body #wpvibe-preview-banner .wpvibe-dot{flex:0 0 7px!important}
  html body #wpvibe-preview-banner .wpvibe-info{display:none!important}
  html body #wpvibe-preview-banner .wpvibe-btn {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-width:0!important;max-width:110px!important;
    padding:9px 10px!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:11px!important;line-height:1.15!important;
    text-decoration:none!important;
  }
  html body.wpvibe-preview-active{padding-bottom:80px!important}
}
/* 2026-10-21 hotfix: mobile card geometry and meaningful fallbacks.
   Scoped to the existing DRAFT theme; no new images or article changes. */
@media (max-width:760px) {
  /* Editorial covers must never display white lettering on a white rectangle.
     Unillustrated stories use a SHORT branded rail, not a pretend photo. */
  html body .c58-home-news article.post-card > a.c58-cover:not(.c58-cover--has-image) {
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:86px!important;min-height:86px!important;max-height:86px!important;
    aspect-ratio:auto!important;
    background:linear-gradient(115deg,#102e42 0%,#135d74 66%,#2b8090 100%)!important;
    color:#fff!important;border:1px solid #1e5c72!important;
  }
  html body .c58-home-news article.post-card > a.c58-cover:not(.c58-cover--has-image) .c58-cover-brand,
  html body .c58-home-news article.post-card > a.c58-cover:not(.c58-cover--has-image) .c58-cover-brand :is(strong,span){
    display:flex!important;visibility:visible!important;opacity:1!important;
    color:#fff!important;text-shadow:none!important;
  }
  html body .c58-home-news .post-card > a.c58-cover:not(.c58-cover--has-image) .c58-cover-brand strong{font-size:28px!important;line-height:1!important}
  html body .c58-home-news .post-card > a.c58-cover:not(.c58-cover--has-image) .c58-cover-brand span{font-size:12px!important;letter-spacing:.04em!important}
  html body .c58-home-news .post-card .c58-cover-story{display:none!important}
  html body .c58-home-news article.post-card > a.c58-cover.c58-cover--has-image{background:#e5edf1!important}
  html body .c58-home-news .post-card > h2{font-size:clamp(21px,5.3vw,25px)!important;line-height:1.2!important;overflow-wrap:break-word!important}
  html body .c58-home-news .post-card > p:last-child{font-size:14px!important;line-height:1.45!important}
  html body .c58-home-news article.post-card{padding:13px!important}
  /* Across all community editions and topic sections: real images are compact,
     portrait-height image columns and narrow brand word-wraps are forbidden. */
  html body .c58-ed-section .c58-ed-card{
    display:grid!important;grid-template-columns:minmax(100px,31%) minmax(0,1fr)!important;
    align-items:center!important;gap:0!important;width:100%!important;min-height:0!important;
  }
  html body .c58-ed-section .c58-ed-card > a.c58-cover.c58-ed-photo.c58-cover--has-image{
    display:block!important;width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;
    height:104px!important;min-height:0!important;max-height:104px!important;
    aspect-ratio:4/3!important;align-self:center!important;justify-self:center!important;
    margin:10px 0!important;padding:0!important;border-radius:9px!important;
    background:#e6eef1!important;overflow:hidden!important;float:none!important;
  }
  html body .c58-ed-section .c58-ed-card > a.c58-cover.c58-ed-photo.c58-cover--has-image img{
    width:100%!important;height:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center!important;
  }
  /* No actual photo? Remove the repetitive typographic poster completely.
     Source + headline on the right already contain the publication identity. */
  html body .c58-ed-section .c58-ed-card:not(:has(>a.c58-cover--has-image)){
    display:block!important;grid-template-columns:none!important;
  }
  html body .c58-ed-section .c58-ed-card:not(:has(>a.c58-cover--has-image)) > a.c58-cover{display:none!important}
  html body .c58-ed-section .c58-ed-card .c58-ed-copy{
    width:auto!important;min-width:0!important;max-width:100%!important;
    padding:13px!important;align-self:center!important;
  }
  html body .c58-ed-section .c58-ed-card h3,
  html body .c58-ed-section .c58-ed-card h3 a{
    margin:3px 0 8px!important;font-size:clamp(16px,4.35vw,19px)!important;
    line-height:1.24!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-source{
    margin:0 0 7px!important;font-size:11px!important;line-height:1.3!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-meta{font-size:12px!important;line-height:1.4!important}
  html body .c58-ed-local-grid .c58-ed-local-item,
  html body .c58-ed-rural-grid .c58-ed-rural-item{min-width:0!important}
  html body .c58-ed-local-grid .c58-ed-local-item .c58-ed-paper{display:inline-block!important;margin:6px 0 14px!important}
  html body .c58-ed-section .c58-ed-topic{padding:12px!important;gap:10px!important;border-radius:14px!important}
  html body .c58-ed-section .c58-ed-topic-head{gap:8px!important}
  html body .c58-ed-section .c58-ed-topic-head h3{font-size:clamp(20px,5.4vw,25px)!important}
  /* The publisher's entire portrait video remains playable without a
     900px+ video swallowing the article; no cropping of the iframe. */
  html body .c58-governor-video-wrap{
    width:100%!important;max-width:285px!important;min-height:0!important;
    max-height:none!important;height:auto!important;aspect-ratio:9/16!important;
    margin:12px auto!important;
  }
  html body .c58-governor-video-wrap iframe{width:100%!important;max-width:100%!important}
  html body .c58-governor-video-direct{min-height:0!important}
  /* Footer remains fully accessible without taking several extra screens. */
  html body .site-footer .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:15px!important}
  html body .site-footer .footer-grid > div:first-child,
  html body .site-footer .footer-grid > div:last-child{grid-column:1/-1!important}
  html body .site-footer :is(p,a){font-size:13px!important;line-height:1.5!important;overflow-wrap:break-word!important}
  html body .site-footer h2{font-size:16px!important;line-height:1.25!important;margin:0 0 10px!important}
  html body .site-footer .legal{padding-block:12px!important}
  html body .site-footer .legal p{font-size:11px!important;line-height:1.45!important}
}

/* 2026-10-21 P0 regression: popular stories were 2-up cards with
   nested 31% media columns. At 360px titles had <100px to wrap. */
@media(max-width:760px){
  html body .c58-ed-most .c58-ed-popular-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;width:100%!important;max-width:100%!important;
  }
  html body .c58-ed-most .c58-ed-popular-item{
    display:block!important;min-width:0!important;width:100%!important;
  }
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card{
    display:grid!important;grid-template-columns:minmax(112px,35%) minmax(0,1fr)!important;
    gap:0!important;align-items:center!important;min-height:142px!important;
    width:100%!important;height:auto!important;overflow:hidden!important;
    padding:0!important;
  }
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card > a.c58-ed-photo.c58-cover--has-image{
    width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;
    height:112px!important;max-height:112px!important;min-height:0!important;
    justify-self:center!important;align-self:center!important;margin:14px 8px!important;
    aspect-ratio:4/3!important;border-radius:9px!important;min-width:0!important;
  }
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card > a.c58-ed-photo.c58-cover--has-image img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card .c58-ed-copy{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding:14px 14px 14px 4px!important;min-width:0!important;
  }
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card .c58-ed-copy h3,
  html body .c58-ed-most .c58-ed-popular-item > .c58-ed-card .c58-ed-copy h3 a{
    display:block!important;font-size:clamp(17px,4.7vw,20px)!important;
    line-height:1.25!important;overflow-wrap:normal!important;
    word-break:normal!important;hyphens:none!important;
  }
  html body .c58-ed-most .c58-ed-rank{left:8px!important;top:8px!important;z-index:4!important}
  /* Mobile feature header: keep the mission statement, not a giant billboard. */
  html body .hero{padding-top:22px!important;padding-bottom:22px!important}
  html body .hero .hero-grid{gap:16px!important}
  html body .hero .hero-copy h1{
    font-size:clamp(35px,10.1vw,48px)!important;line-height:1.08!important;
    letter-spacing:-.025em!important;margin:12px 0 15px!important;
  }
  html body .hero .hero-copy .lede{font-size:16px!important;line-height:1.45!important;margin:0 0 14px!important}
  html body .hero .hero-links{gap:10px!important}
  html body .hero .california-card{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;gap:14px!important;
    min-height:0!important;max-height:none!important;height:auto!important;
    margin:0!important;padding:18px!important;overflow:hidden!important;
  }
  html body .hero .california-card .state-mark{
    font-size:clamp(25px,8vw,40px)!important;line-height:1!important;
    white-space:nowrap!important;
  }
  html body .hero .california-card .state-mark span{font-size:inherit!important}
  html body .hero .california-card .map-kicker{
    font-size:10px!important;line-height:1.25!important;letter-spacing:.05em!important
  }
  html body .hero .california-card .ca-silhouette,
  html body .hero .california-card > p{display:none!important}
  /* Readability-first section headers; never let a decorative heading
     push all the news below several viewports. */
  html body .c58-featured-local-news .section-head-row h2,
  html body .c58-ed-section .section-head-row h2{
    font-size:clamp(26px,7.2vw,34px)!important;line-height:1.12!important;
  }
  html body .c58-ed-section .section-intro{font-size:14px!important;line-height:1.46!important}
}
@media(max-width:370px){
  html body .c58-ed-most .c58-ed-popular-grid{grid-template-columns:minmax(0,1fr)!important}
  html body .c58-ed-most .c58-ed-popular-item>.c58-ed-card{
    grid-template-columns:minmax(100px,34%) minmax(0,1fr)!important
  }
}


/* P0 editorial-first mobile fold, October 21. Keep ad and donation
   accessible while avoiding 4+ screens before the first story. */
@media (max-width:760px) {
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner,
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__inner{
   box-sizing:border-box!important;max-height:none!important;overflow:hidden!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__inner{
   min-height:0!important;height:auto!important;padding:10px 96px 11px 14px!important;
   display:block!important;gap:0!important;max-width:100%!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__brand{
   margin:0 0 3px!important;padding:0!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-wordmark{
   font-size:17px!important;line-height:1.05!important;letter-spacing:.035em!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__brand small{
   display:block!important;font-size:8px!important;letter-spacing:.035em!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__copy strong{
   display:block!important;font-size:clamp(14px,3.9vw,17px)!important;line-height:1.15!important;
   margin:4px 0!important;max-width:100%!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__copy span{
   font-size:10px!important;line-height:1.22!important;margin:4px 0!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner__cta{
   display:inline-flex!important;max-width:100%!important;padding:6px 10px!important;
   margin:7px 0 0!important;font-size:11px!important;line-height:1.15!important;
 }
 html body:not(.c58-local-newspaper-page) .c58-linkerno-banner img{
   position:absolute!important;right:2px!important;bottom:0!important;
   width:90px!important;max-height:140px!important;height:auto!important;object-fit:contain!important;
 }
 html body.home .c58-support:not(.c58-support--local){
   margin:5px 12px!important;padding:8px 10px!important;gap:5px!important;
 }
 html body.home .c58-support .c58-support__intro strong{font-size:13px!important;line-height:1.2!important}
 html body.home .c58-support .c58-support__intro span:not(.c58-support__symbol){font-size:11px!important;line-height:1.2!important}
 html body.home .c58-support .c58-support__details summary{min-height:36px!important;padding:6px 11px!important;font-size:12px!important}
 html body.home .california-now{min-height:0!important;height:auto!important}
 html body.home .california-now .california-now-inner{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:6px!important;
   align-items:start!important;padding:10px 0!important;
   width:min(calc(100% - 32px),660px)!important;
 }
 html body.home .california-now-inner>div:first-child{
   grid-column:1!important;grid-row:1!important;
 }
 html body.home .california-now-inner>a.now-link:last-of-type{
   grid-column:2!important;grid-row:1!important;
 }
 html body.home .california-now-inner>a.now-link:first-of-type{
   grid-column:1/-1!important;grid-row:2!important;
 }
 html body.home .california-now-inner>:is(div,a.now-link){
   width:100%!important;max-width:100%!important;
   padding:2px 0!important;margin:0!important;
   border:0!important;min-width:0!important;
 }
 html body.home .california-now-inner .now-label{
   display:block!important;font-size:9px!important;letter-spacing:.08em!important;line-height:1.25!important;
 }
 html body.home .california-now-inner strong,
 html body.home .california-now-inner [data-ca-weather],
 html body.home .california-now-inner [data-ca-alerts]{
   font-size:clamp(13px,3.8vw,16px)!important;
   line-height:1.2!important;min-width:0!important;overflow-wrap:break-word!important;
 }
 html body.home .california-now-inner small,
 html body.home .california-now-inner [data-ca-weather-detail]{
   display:block!important;font-size:10px!important;line-height:1.3!important;margin-top:2px!important;
 }
 html body.home .hero .hero-grid{
   padding-top:18px!important;padding-bottom:14px!important;gap:10px!important;
 }
 html body.home .hero .hero-copy .eyebrow{font-size:10px!important;line-height:1.25!important;margin:0 0 9px!important}
 html body.home .hero .hero-copy h1{
   font-size:clamp(32px,8.7vw,42px)!important;line-height:1.04!important;
   letter-spacing:-.04em!important;margin:0 0 10px!important;
 }
 html body.home .hero .hero-copy .lede{font-size:14px!important;line-height:1.43!important;margin:0 0 10px!important}
 html body.home .hero-search{margin-top:10px!important;border-radius:12px!important}
 html body.home .hero-search input{min-width:0!important;font-size:14px!important;padding:9px!important}
 html body.home .hero-search button{font-size:13px!important;padding:7px 12px!important}
 html body.home .hero-links{
   margin-top:9px!important;gap:6px!important;flex-flow:row wrap!important;
   font-size:12px!important;
 }
 html body.home .hero .california-card{padding:12px 14px!important;border-radius:16px!important}
 html body.home .hero .california-card .map-kicker{font-size:9px!important}
 html body.home .stats .stat-grid div{padding:11px 10px!important}
 html body.home .stats .stat-grid strong{font-size:23px!important;line-height:1.1!important}
 html body.home .stats .stat-grid span{font-size:11px!important;line-height:1.3!important}
 html body.home .c58-featured-local-news{padding-top:19px!important;padding-bottom:24px!important}
 html body.home .c58-ed-section{padding-top:23px!important;padding-bottom:26px!important}
}
@media (max-width:370px){
 html body.home .hero .hero-copy h1{font-size:32px!important}
 html body.home .c58-support .c58-support__intro span:not(.c58-support__symbol){display:none!important}
}

@media(max-width:370px) {
  html body #wpvibe-preview-banner .wpvibe-btn-live{display:none!important}
  html body .c58-ed-local-grid .c58-ed-card,
  html body .c58-ed-rural-grid .c58-ed-card{grid-template-columns:minmax(95px,33%) minmax(0,1fr)!important}
  html body .c58-ed-local-grid .c58-ed-copy,
  html body .c58-ed-rural-grid .c58-ed-copy{padding:9px!important}
  html body .c58-home-news .post-card>h2{font-size:22px!important}
}

/* California58 Mobile Editorial Pass — October 21, 2026.
   One responsive layout layer applied after the older October fixes.
   Home scoped; functional links and content remain available. */
@media (max-width:760px) {
  /* Independent editorial identity must take priority over house advertising. */
  html body.home .c58-linkerno-banner__inner {
    padding:8px 12px!important;min-height:0!important;max-height:none!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    flex-wrap:wrap!important;
  }
  html body.home .c58-linkerno-banner__disclosure {
    display:block!important;flex:0 0 100%!important;
    color:#d3ebf1!important;font:700 9px/1 system-ui,sans-serif!important;
    letter-spacing:.12em!important;
  }
  html body.home .c58-linkerno-banner__brand {margin:0!important;flex:0 0 auto!important}
  html body.home .c58-linkerno-banner__brand small,
  html body.home .c58-linkerno-banner__copy span,
  html body.home .c58-linkerno-banner img {display:none!important}
  html body.home .c58-linkerno-banner__copy {flex:1 1 145px!important;min-width:0!important}
  html body.home .c58-linkerno-banner__copy strong {
    margin:0!important;font:700 11px/1.28 system-ui,sans-serif!important;
  }
  html body.home .c58-linkerno-banner__cta {
    flex:0 0 auto!important;margin:0!important;
    font:800 11px/1.15 system-ui,sans-serif!important;
    padding:8px 10px!important;min-height:34px!important;
  }
  /* Homepage weather information is concise; detail is one tap away. */
  html body.home .california-now .california-now-inner {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;padding:6px 0!important;
  }
  html body.home .california-now-inner > :is(div,a.now-link) {
    display:block!important;padding:5px 2px!important;border:0!important;
    width:auto!important;max-width:100%!important;min-width:0!important;
  }
  html body.home .california-now-inner .now-label {font-size:9px!important;letter-spacing:0!important}
  html body.home .california-now-inner :is(strong,[data-ca-weather],[data-ca-alerts]) {
    font-size:12px!important;line-height:1.28!important;max-width:100%!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;overflow:hidden!important;
  }
  html body.home .california-now-inner :is([data-ca-weather-detail],small) {display:none!important}
  html body.home .hero {padding:12px 0 16px!important}
  html body.home .hero .hero-grid {padding-top:5px!important;padding-bottom:5px!important}
  html body.home .hero .hero-copy h1 {font-size:clamp(29px,7.6vw,37px)!important;margin:0 0 7px!important}
  html body.home .hero .hero-copy .lede {font-size:13px!important;line-height:1.4!important;margin:0 0 10px!important}
  html body.home .hero .california-card {display:none!important}
  html body.home .stats {display:none!important}
  /* A newsroom should not require several vertical screens for 6 headlines. */
  html body.home .c58-home-news .posts-grid {gap:9px!important}
  html body.home .c58-home-news article.post-card {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;padding:13px!important;border-radius:12px!important;
  }
  html body.home .c58-home-news article.post-card:has(>a.c58-cover--has-image) {
    grid-template-columns:minmax(94px,30%) minmax(0,1fr)!important;
    column-gap:12px!important;align-items:center!important;
  }
  html body.home .c58-home-news article.post-card > a.c58-cover {
    display:none!important;
  }
  html body.home .c58-home-news article.post-card > a.c58-cover.c58-cover--has-image {
    display:block!important;grid-column:1!important;grid-row:1/4!important;
    width:100%!important;height:96px!important;max-height:96px!important;
    min-height:0!important;aspect-ratio:4/3!important;margin:0!important;
  }
  html body.home .c58-home-news article.post-card:has(>a.c58-cover--has-image) > :is(p,h2) {grid-column:2!important;min-width:0!important}
  html body.home .c58-home-news article.post-card > h2 {
    margin:0!important;font-size:clamp(16px,4.4vw,20px)!important;
    line-height:1.2!important;letter-spacing:-.012em!important;
  }
  html body.home .c58-home-news article.post-card > p:first-of-type {
    font-size:10px!important;margin:0!important;
  }
  html body.home .c58-home-news article.post-card > p:last-child {
    display:none!important;
  }
  /* Standardise section rhythm and stop inflated headings on narrow screens. */
  html body.home .section:not(.hero) {padding-top:24px!important;padding-bottom:26px!important}
  html body.home .section-head-row {margin-bottom:12px!important;gap:8px!important}
  html body.home .section h2,
  html body.home .service-strip h2 {
    font-size:clamp(23px,6.5vw,32px)!important;line-height:1.13!important;
    letter-spacing:-.025em!important;margin-block:4px 10px!important;
  }
  html body.home .section .section-intro,
  html body.home .section > .wrap > p:not(.eyebrow) {
    font-size:13px!important;line-height:1.48!important;
  }
  html body.home .c58-ed-section {padding-top:22px!important;padding-bottom:23px!important}
  html body.home .c58-ed-section .c58-ed-topic-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  html body.home .c58-ed-section .c58-ed-topic {padding:11px!important;gap:8px!important}
  html body.home .c58-ed-section .c58-ed-topic .c58-ed-card {border-radius:11px!important}
  html body.home .c58-ed-section .c58-ed-topic .c58-ed-card h3 {font-size:15px!important}
  html body.home .c58-ed-section .c58-ed-topic .c58-ed-copy {padding:9px!important}
  html body.home .c58-ed-section .c58-ed-topic-head h3 {font-size:19px!important}
  html body.home .c58-ed-section .c58-ed-local-grid,
  html body.home .c58-ed-section .c58-ed-rural-grid {gap:10px!important}
  /* Unillustrated stories are text-first, not repeated CA58 graphic blocks. */
  html body.home .c58-ed-section .c58-ed-card:not(:has(>a.c58-cover--has-image)) {display:block!important}
  html body.home .c58-ed-section .c58-ed-card:not(:has(>a.c58-cover--has-image)) > a.c58-cover {display:none!important}
  html body.home .link-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body.home .link-grid >a {padding:12px!important;min-width:0!important;border-radius:12px!important}
  html body.home .link-grid >a b {font-size:15px!important;line-height:1.23!important;display:block!important}
  html body.home .link-grid >a span {font-size:11px!important;line-height:1.3!important}
  html body.home .county-preview {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  html body.home .county-preview article {padding:13px 16px!important;border-radius:13px!important;min-height:0!important}
  html body.home .county-preview h3 {font-size:20px!important;line-height:1.18!important;margin:5px 0!important}
  html body.home .county-preview p {font-size:12px!important;line-height:1.36!important;margin:4px 0!important}
  html body.home .live-source-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html body.home .live-source-grid>a {padding:14px!important;border-radius:13px!important;min-width:0!important}
  html body.home .live-source-grid h3 {font-size:18px!important;line-height:1.2!important;margin:5px 0!important}
  html body.home .live-source-grid p {display:none!important}
  html body.home .live-source-grid strong {font-size:11px!important}
  html body.home .c58-home-classifieds .discover-grid {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body.home .c58-home-classifieds .discover-card {
    min-width:0!important;min-height:0!important;border-radius:12px!important;
    padding:12px!important;
  }
  html body.home .c58-home-classifieds .discover-card h3 {
    font-size:20px!important;line-height:1.25!important;margin:0 0 5px!important;
  }
  html body.home .c58-home-classifieds .discover-card p {font-size:11px!important;margin:0!important}
  html body.home .ecosystem-grid {gap:9px!important}
  html body.home .ecosystem-grid>* {padding:14px!important;min-height:0!important}
  html body.home .dark .section-intro {max-width:35ch!important}
  html body.home .footer-grid {gap:12px!important}
}

/* Final mobile fold safeguard for release: header house ad must not become a full-screen hero. */
@media (max-width:760px) {
 html body.home > a.c58-linkerno-banner{
  display:block!important;position:relative!important;height:auto!important;
  max-height:132px!important;min-height:0!important;overflow:hidden!important;
 }
 html body.home > a.c58-linkerno-banner > .c58-linkerno-banner__inner{
  position:relative!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-auto-rows:auto!important;align-items:center!important;
  height:auto!important;max-height:128px!important;min-height:0!important;
  gap:5px 8px!important;padding:9px 14px!important;overflow:hidden!important;
 }
 html body.home .c58-linkerno-banner__disclosure{
  grid-column:1/-1!important;grid-row:1!important;
  margin:0!important;font-size:9px!important;text-align:left!important;
 }
 html body.home .c58-linkerno-banner__brand{
  grid-column:1!important;grid-row:2!important;min-width:0!important;
  width:auto!important;align-self:center!important;
 }
 html body.home .c58-linkerno-wordmark{font-size:17px!important;line-height:1!important}
 html body.home .c58-linkerno-banner__brand small{display:none!important}
 html body.home .c58-linkerno-banner__copy{
  grid-column:1!important;grid-row:3!important;min-width:0!important;
  width:auto!important;align-self:center!important;
 }
 html body.home .c58-linkerno-banner__copy strong{
  font-size:11px!important;line-height:1.2!important;margin:0!important;
  max-width:none!important;
 }
 html body.home .c58-linkerno-banner__copy span{display:none!important}
 html body.home .c58-linkerno-banner__cta{
  grid-column:2!important;grid-row:2/4!important;align-self:center!important;
  display:inline-flex!important;min-height:38px!important;
  align-items:center!important;justify-content:center!important;
  white-space:normal!important;max-width:154px!important;
  font-size:11px!important;line-height:1.18!important;
  padding:8px 10px!important;margin:0!important;
 }
 html body.home a.c58-linkerno-banner img{display:none!important}
}
@media(max-width:370px) {
 html body.home .c58-linkerno-banner__cta{max-width:125px!important;font-size:10px!important}
}

@media (max-width:360px) {
 html body.home .c58-home-classifieds .discover-grid,
 html body.home .live-source-grid {grid-template-columns:minmax(0,1fr)!important}
 html body.home .c58-home-news article.post-card:has(>a.c58-cover--has-image) {
   grid-template-columns:minmax(85px,29%) minmax(0,1fr)!important;
 }
}

/* October 22 mobile accessibility: 44px touch targets on navigation and actions. */
@media(max-width:760px) {
 html body .primary-nav a,
 html body .hero-links a,
 html body .hero-links button,
 html body .c58-ed-nav a,
 html body .c58-ed-section .section-head-row a.text-link,
 html body .c58-home-classifieds .button,
 html body .c58-home-classifieds .discover-card,
 html body .c58-support__details summary {
   min-height:44px!important;
   box-sizing:border-box!important;
 }
 html body .hero-links a,html body .hero-links button,
 html body .c58-ed-section .section-head-row a.text-link {
   display:inline-flex;
   align-items:center;
 }
 html body.home .c58-linkerno-banner__cta {min-height:44px!important}
 html body .c58-back-to-top,html body .menu-toggle,html body .language-toggle {
   min-width:44px;min-height:44px
 }
}