/* California58 | October 23 2026 mobile editorial readability layer.
 * Scoped, high-contrast, no hidden copy or artificial overflow clipping.
 * Review against longread, statewide articles, newspaper cards and 360px devices.
 */
@media (max-width:760px) {
  html body :is(.article-body,.entry-content,.post-content) {
    font-size:clamp(17px,4.55vw,19px)!important;
    line-height:1.72!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  html body :is(.article-body,.entry-content,.post-content) > p,
  html body :is(.article-body,.entry-content,.post-content) li {
    color:#182c37!important;line-height:1.72!important;
    letter-spacing:0!important;
  }
  html body :is(.article-body,.entry-content,.post-content) :is(h2,h3,h4) {
    color:#112b3b!important;opacity:1!important;
    text-shadow:none!important;overflow-wrap:break-word!important;
    word-break:normal!important;line-height:1.25!important;
  }
  html body :is(.article-body,.entry-content,.post-content) h2 {
    font-size:clamp(25px,6.5vw,32px)!important;
  }
  html body :is(.article-body,.entry-content,.post-content) h3 {
    font-size:clamp(21px,5.5vw,26px)!important;
  }
  html body :is(.article-body,.entry-content,.post-content) a {
    color:#075c81!important;
    text-decoration:underline!important;text-underline-offset:.14em!important;
    font-weight:600;overflow-wrap:anywhere;
  }
  html body :is(.article-body,.entry-content,.post-content) :is(figcaption,.wp-caption-text) {
    color:#354d5c!important;font:500 14px/1.6 system-ui,-apple-system,sans-serif!important;
    opacity:1!important;
  }
  html body :is(.article-body,.entry-content,.post-content) :is(small,.c58-content-meta) {
    font-size:max(13px,.82rem)!important;line-height:1.55!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-copy :is(.c58-ed-meta,.c58-ed-source) {
    font-size:max(13px,.82rem)!important;line-height:1.5!important;
    color:#344f5e!important;opacity:1!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-copy :is(p,small,span) {
    overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-copy h3,
  html body .c58-ed-section .c58-ed-card .c58-ed-copy h3 a {
    color:#0c2c40!important;text-decoration:none;
    text-shadow:none!important;opacity:1!important;
  }
  html body .c58-ed-section .c58-ed-card .c58-ed-copy h3 a:focus-visible,
  html body :is(.article-body,.entry-content,.post-content) a:focus-visible {
    outline:3px solid #d99517!important;outline-offset:3px!important;
  }
  html body .c58l-paper :is(.c58l-tagline,.c58l-coverage) {
    color:#263f50!important;line-height:1.55!important;
    font-size:clamp(14px,3.8vw,17px)!important;opacity:1!important;
  }
  /* An authentic embedded photograph/reel belongs in a free-flowing frame.
   * Legacy hard-coded 600px iframe and overflow:hidden cropped the lower part.
   * The primary source link remains available even when Meta refuses to embed.
   */
  html body.c58-searles-longread .c58-ig-frame {
    overflow:visible!important;max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body.c58-searles-longread .c58-ig-frame iframe[src*="/p/"] {
    height:760px!important;max-width:100%!important;
  }
  html body.c58-searles-longread .c58-ig-frame iframe[src*="/reel/"] {
    height:1000px!important;max-width:100%!important;
  }
  html body.c58-searles-longread .c58-ig-frame figcaption {
    background:#f5f8fa!important;color:#263c4a!important;
    font:600 14px/1.5 system-ui,sans-serif!important;
  }
}
/* All widths: every contextual link must be visibly identifiable. */
html body a.c58-contextual-edition-link,
html body a.c58-contextual-story-link {
  color:#075e88!important;text-decoration:underline!important;
  text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;
  font-weight:650!important;
}
html body :is(a.c58-contextual-edition-link,a.c58-contextual-story-link):focus-visible {
  outline:3px solid #d99517!important;outline-offset:3px!important;
}
/* Dark-mode article text should never be black on navy. */
@media(max-width:760px) {
  html[data-theme="dark"] body :is(.article-body,.entry-content,.post-content) > p,
  html[data-theme="dark"] body :is(.article-body,.entry-content,.post-content) li,
  html[data-theme="dark"] body :is(.article-body,.entry-content,.post-content) :is(h2,h3,h4) {
    color:#f2f7f9!important;
  }
  html[data-theme="dark"] body :is(.article-body,.entry-content,.post-content) a,
  html[data-theme="dark"] body a.c58-contextual-edition-link,
  html[data-theme="dark"] body a.c58-contextual-story-link {
    color:#94dcff!important;
  }
}