/* California58 editorial landing — compact mobile-first news discovery */
/* Explicit colors on light editorial surfaces, including dark theme. */
html body .c58-ed-section{color:#173344}
html body .c58-ed-section .section-head-row h2{color:#123146!important}
html body .c58-ed-section .section-intro{color:#435c69!important}
html body .c58-ed-section .eyebrow{color:#176078!important}
html body .c58-ed-section .section-head-row>.text-link{color:#075c76!important}
.c58-ed-photo--label{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#123749;color:#fff;text-decoration:none;padding:20px;text-align:center}
/* CA58 is one indivisible editorial mark on every device. */
html body .site-header .brand,
html body .c58-ed-photo--label,
html body .cali-bear{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body .site-header .brand{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  flex-shrink:0!important;
}
html body .site-header .brand span,
html body .site-header .brand strong{
  display:inline-block!important;white-space:nowrap!important;
  word-break:keep-all!important;hyphens:none!important;
}
.c58-ed-photo--label strong{
  display:inline-block!important;
  max-width:100%;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
  font:900 clamp(16px,3.2vw,34px)/1 system-ui,sans-serif;
  letter-spacing:-.035em;
}
.c58-ed-photo--label span{font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.08em}
html body .c58-home-news .post-card>a:has(img){display:block;aspect-ratio:16/10;overflow:hidden;background:#142f40}
html body .c58-home-news .post-card>a>img{width:100%;height:100%;object-fit:contain;object-position:center top;border-radius:0}

.c58-ed-nav{background:#103546;border-top:1px solid #285268;border-bottom:1px solid #285268;position:relative;z-index:1}
.c58-ed-nav-inner{display:flex;gap:8px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-top:10px;padding-bottom:10px}
.c58-ed-nav a{flex:0 0 auto;display:inline-flex;padding:9px 13px;border-radius:999px;text-decoration:none;color:#effaff;font:750 13px/1.3 system-ui,sans-serif;border:1px solid #5d8290}
.c58-ed-nav a:hover,.c58-ed-nav a:focus-visible{background:#edfaff;color:#073044}
.c58-ed-section{padding-top:46px;padding-bottom:50px}
.c58-ed-section .section-head-row{align-items:flex-end;margin-bottom:23px}
.c58-ed-section h2{margin:3px 0 8px}
.c58-ed-section .section-intro{max-width:790px;margin-bottom:0}
.c58-ed-most{background:#f1f7f9}
.c58-ed-popular-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.c58-ed-popular-item{position:relative;min-width:0}
.c58-ed-rank{position:absolute;z-index:2;left:8px;top:8px;min-width:32px;padding:5px 9px;border-radius:9px;color:#fff;background:#0e3445;font:800 17px/1.3 system-ui,sans-serif;text-align:center}
.c58-ed-card{display:flex;flex-direction:column;height:100%;min-width:0;border:1px solid #d7e3e9;border-radius:15px;overflow:hidden;background:#fff;color:#173344}
.c58-ed-photo{display:block;flex:0 0 auto;overflow:hidden;background:#ebf1f4;aspect-ratio:16/10}
.c58-ed-photo img{width:100%;height:100%;object-fit:cover;display:block}
.c58-ed-copy{padding:14px 15px 16px;min-width:0}
.c58-ed-card h3{margin:3px 0 13px;font:700 clamp(15px,1.4vw,19px)/1.25 Georgia,serif;overflow-wrap:break-word;word-break:normal}
.c58-ed-card h3 a{color:#102f3f;text-decoration:none}
.c58-ed-card h3 a:hover{text-decoration:underline}
.c58-ed-meta{font:650 12px/1.45 system-ui,sans-serif;color:#54707f;margin:0}
.c58-ed-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#176a83}
.c58-ed-local{background:#fff}
.c58-ed-local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c58-ed-local-item{min-width:0;display:flex;flex-direction:column;gap:8px}
.c58-ed-local-item .c58-ed-card h3{font-size:21px}
.c58-ed-paper{color:#0b6178;font:800 12px/1.5 system-ui,sans-serif;text-decoration:none}
.c58-ed-paper:hover{text-decoration:underline}
.c58-ed-rural{background:#eaf3e9}.c58-ed-rural-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.c58-ed-rural-item{min-width:0}.c58-ed-rural-item .c58-ed-card{flex-direction:row}.c58-ed-rural-item .c58-ed-photo{width:38%;max-width:38%;aspect-ratio:1}.c58-ed-rural-item .c58-ed-card h3{font-size:17px}.c58-ed-rural-item .c58-ed-copy{padding:12px}.c58-ed-topics{background:#f7f9fa}
.c58-ed-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.c58-ed-topic{min-width:0;background:#fff;border-radius:18px;border:1px solid #dce7ec;padding:18px;display:grid;gap:12px;align-content:start}
.c58-ed-topic-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.c58-ed-topic-head h3{font:750 22px/1.2 Georgia,serif;margin:0;color:#123749}
.c58-ed-topic-head a{color:#0b637c;font:800 12px/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.c58-ed-topic .c58-ed-card{flex-direction:row}
.c58-ed-topic .c58-ed-photo{width:145px;max-width:36%;aspect-ratio:4/3}
.c58-ed-topic .c58-ed-copy{flex:1;padding:13px 14px}
.c58-ed-topic .c58-ed-card h3{font:700 18px/1.28 Georgia,serif;margin:0 0 9px}
.c58-ed-guides{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding:21px 24px;border:1px solid #cbdfe7;border-radius:15px;background:#eaf4f7}
.c58-ed-guides div{flex:1 1 320px}
.c58-ed-guides strong{font-size:20px;color:#0b3345}
.c58-ed-guides p{margin:6px 0 0;color:#48616d}
.c58-ed-guides a{display:inline-flex;padding:11px 15px;border-radius:999px;background:#103d50;color:#fff;font-weight:800;text-decoration:none;font-size:13px}
.c58-ed-section a:focus-visible{outline:3px solid #f3ab30;outline-offset:3px}
@media(max-width:1100px){.c58-ed-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.c58-ed-rural-grid{grid-template-columns:1fr}}
@media(max-width:800px){.c58-ed-local-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c58-ed-topic-grid{grid-template-columns:1fr}}
@media(max-width:590px){.c58-ed-section{padding-top:30px;padding-bottom:36px}.c58-ed-section .section-head-row{display:block}.c58-ed-section .section-head-row .text-link{display:inline-block;margin-top:13px}.c58-ed-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.c58-ed-copy{padding:12px}.c58-ed-popular-grid .c58-ed-card h3{font-size:15px}.c58-ed-popular-grid .c58-ed-photo{aspect-ratio:4/3}.c58-ed-local-grid{grid-template-columns:1fr}.c58-ed-local-item .c58-ed-card{flex-direction:row}.c58-ed-local-item .c58-ed-photo{width:39%;aspect-ratio:4/3}.c58-ed-local-item .c58-ed-card h3{font-size:18px}.c58-ed-topic{padding:13px}.c58-ed-topic-head h3{font-size:19px}.c58-ed-topic .c58-ed-photo{width:105px;max-width:34%}.c58-ed-topic .c58-ed-card h3{font-size:16px}.c58-ed-guides{padding:17px}}
@media(max-width:360px){.c58-ed-popular-grid{grid-template-columns:1fr}.c58-ed-popular-grid .c58-ed-card{flex-direction:row}.c58-ed-popular-grid .c58-ed-photo{width:35%;aspect-ratio:1}.c58-ed-rank{top:5px;left:5px}}
@media(prefers-reduced-motion:reduce){.c58-ed-nav a,.c58-ed-section a{scroll-behavior:auto}}
/* Editorial grid safety: real photographs and brand fallback never overlap
   across neighboring cards or stretch outside their boundaries. */
html body .c58-home-news .posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
html body .c58-home-news .post-card{position:relative;min-width:0;max-width:100%;width:100%;overflow:hidden;isolation:isolate}
html body .c58-home-news .post-card>a.c58-cover{float:none!important;position:relative!important;display:flex!important;width:100%!important;max-width:100%!important;aspect-ratio:16/10;min-height:140px;height:auto!important;margin:0 0 13px!important;padding:0!important;border-radius:12px}
html body .c58-home-news .post-card>a.c58-cover img.c58-cover-image{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;object-fit:contain!important}
html body .c58-home-news .post-card>h2{overflow-wrap:anywhere;line-height:1.2;font-size:clamp(19px,2vw,27px)}
html body .c58-home-news .post-card>p{overflow-wrap:anywhere}
html body .c58-ed-section .c58-ed-card{min-width:0;max-width:100%;position:relative;isolation:isolate;overflow:hidden}
html body .c58-ed-section .c58-cover.c58-ed-photo{position:relative!important;float:none!important;min-height:0!important;padding:0!important;align-self:stretch;max-width:100%}
html body .c58-ed-section .c58-ed-copy{min-width:0!important;color:#173344!important;overflow-wrap:anywhere}
html body .c58-ed-section .c58-ed-card h3,html body .c58-ed-section .c58-ed-card h3 a{color:#102f3f!important;overflow-wrap:anywhere}
html body .c58-ed-section .c58-ed-meta{color:#486577!important}
html body .c58-ed-topic .c58-ed-card{display:flex;flex-direction:row;align-items:stretch;gap:0}
html body .c58-ed-topic .c58-ed-card>.c58-cover.c58-ed-photo{flex:0 0 min(34%,145px)!important;width:min(34%,145px)!important;max-width:min(34%,145px)!important;aspect-ratio:auto!important;min-height:120px!important}
html body .c58-ed-topic .c58-ed-card .c58-ed-copy{flex:1 1 0%;display:flex;flex-direction:column;justify-content:center;padding:13px!important}
html body .c58-ed-local-grid .c58-ed-card>.c58-cover.c58-ed-photo{flex:0 0 auto;aspect-ratio:16/10}
html body .c58-ed-rural-grid .c58-ed-card>.c58-cover.c58-ed-photo{width:38%;max-width:38%;flex:0 0 38%;aspect-ratio:1}
html body .c58-ed-source{display:block;color:#0c6279!important;font:750 11px/1.4 system-ui,sans-serif;margin:2px 0 8px}
html body .c58-ed-source a{color:#0c6279!important;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){html body .c58-home-news .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){
 html body .c58-home-news .posts-grid{grid-template-columns:1fr;gap:12px}
 html body .c58-home-news .post-card>a.c58-cover{min-height:165px}
 html body .c58-ed-local-item .c58-ed-card{flex-direction:row;align-items:stretch}
 html body .c58-ed-local-item .c58-ed-card>.c58-cover.c58-ed-photo{width:35%!important;max-width:35%!important;flex:0 0 35%!important;aspect-ratio:auto!important;min-height:123px}
 html body .c58-ed-topic .c58-ed-card>.c58-cover.c58-ed-photo{flex:0 0 35%!important;width:35%!important;max-width:35%!important;min-height:125px!important}
 html body .c58-ed-topic .c58-ed-card .c58-ed-copy{padding:11px!important}
}


/* 2026-10-19: mobile first-screen and community newsroom quality fixes.
   Desktop/editorial feed order and outbound partner URLs remain untouched. */
@media (max-width:640px) {
  /* Keep the sponsor prominent without consuming most of the first screen. */
  html body .c58-linkerno-banner__inner {
    height:auto!important;min-height:144px!important;
    padding:12px 108px 12px 15px!important;display:flex!important;
    flex-direction:column!important;justify-content:center!important;
    align-items:flex-start!important;gap:7px!important;
  }
  html body .c58-linkerno-banner__brand{border:0!important;padding:0!important;margin:0!important}
  html body .c58-linkerno-wordmark{font-size:20px!important;line-height:1.02!important}
  html body .c58-linkerno-banner__brand small{font-size:8px!important;line-height:1.3!important}
  html body .c58-linkerno-banner__copy{min-width:0!important;max-width:100%!important}
  html body .c58-linkerno-banner__copy strong {
    font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-size:clamp(15px,4.2vw,18px)!important;line-height:1.16!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  html body .c58-linkerno-banner__copy span {
    display:block!important;font-size:11px!important;line-height:1.3!important;
    margin-top:6px!important;
  }
  html body .c58-linkerno-banner img {
    position:absolute!important;width:100px!important;height:132px!important;
    max-height:132px!important;object-fit:contain!important;
    object-position:center bottom!important;right:1px!important;bottom:-3px!important;
  }

  /* The paper must show article subjects within the first screen. */
  html body .c58-ed-section .section-head-row h2 {
    font-size:clamp(27px,7.3vw,35px)!important;line-height:1.12!important;
    letter-spacing:-.02em!important;
  }
  html body .c58-ed-section .section-intro {
    font-size:15px!important;line-height:1.5!important;
    margin:8px 0 0!important;
  }
  html body .c58-ed-section .section-head-row{margin-bottom:15px!important}

  /* The general .c58-ed-photo background formerly overrode its earlier
     placeholder selector, causing white "CA58" letters on pale grey. */
  html body .c58-ed-photo.c58-ed-photo--label {
    background:#173f53!important;color:#fff!important;
    border-right:1px solid #37647a!important;
  }
  html body .c58-ed-photo--label strong,
  html body .c58-ed-photo--label span {color:#fff!important;opacity:1!important}
  html body .c58-ed-photo--label {
    padding:6px!important;gap:4px!important;
    overflow:hidden!important;
  }
  html body .c58-ed-photo--label strong {
    font-size:clamp(16px,4.3vw,23px)!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    hyphens:none!important;
    flex:none!important;
  }
  html body .c58-ed-photo--label span {
    font-size:clamp(8px,2vw,10px)!important;
    letter-spacing:0!important;
    overflow-wrap:break-word!important;
  }

  html body .c58-ed-local-item .c58-ed-card h3,
  html body .c58-ed-rural-item .c58-ed-card h3 {
    font-size:17px!important;line-height:1.21!important;margin-bottom:10px!important;
  }
  html body .c58-ed-local-item .c58-ed-photo,
  html body .c58-ed-rural-item .c58-ed-photo{
    flex:0 0 33%!important;width:33%!important;max-width:33%!important;
    aspect-ratio:auto!important;min-width:0!important;
  }
  html body .c58-ed-local-item .c58-ed-copy,
  html body .c58-ed-rural-item .c58-ed-copy{padding:12px!important}
  html body .c58-ed-topic .c58-ed-photo{width:31%!important;max-width:31%!important;flex:0 0 31%!important}
  html body .c58-ed-topic .c58-ed-card h3{font-size:16px!important;line-height:1.25!important}
}

/* 2026-10-22: compact homepage modules while retaining accessible controls. */
html body.home .c58-tax-tools{
  padding-top:clamp(24px,3.4vw,43px)!important;
  padding-bottom:clamp(24px,3.4vw,43px)!important;
}
html body.home .c58-tax-tools .section-head-row{margin-bottom:12px!important}
html body.home .c58-tax-tools .c58-tool-grid{
  margin-top:18px!important;gap:14px!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body.home .c58-tax-tools .c58-tool-grid a{
  min-height:134px!important;padding:19px 23px!important;
  border-radius:14px!important;box-shadow:none!important;
}
html body.home .c58-tax-tools .c58-tool-grid strong{
  font-size:clamp(20px,2.5vw,27px)!important;
  line-height:1.18!important;margin:8px 0 13px!important;
}
html body.home .c58-tax-tools .c58-tax-tool-disclosure{
  margin:12px 0 0;max-width:900px;font:400 12px/1.5 system-ui,sans-serif;
  color:#526a75;
}
html body.home .c58-home-classifieds{
  padding-top:clamp(32px,4vw,50px)!important;
  padding-bottom:clamp(28px,4vw,46px)!important;
}
html body.home .c58-home-classifieds .discover-grid{gap:10px!important;margin-top:17px!important}
html body.home .c58-home-classifieds .discover-card{
  min-height:92px!important;padding:15px 17px!important;
  border-radius:12px!important;
}
html body.home .c58-home-classifieds .discover-card h3{
  font-size:clamp(18px,2vw,23px)!important;line-height:1.15!important;
  margin:0 0 9px!important;
}
html body.home .c58-home-classifieds .discover-card p{font-size:13px!important;margin:0!important}
html body.home .c58-home-classifieds > .wrap > p:last-child{margin:14px 0 0!important}
@media(max-width:750px){
 html body.home .c58-tax-tools .c58-tool-grid{grid-template-columns:minmax(0,1fr)!important}
 html body.home .c58-tax-tools .c58-tool-grid a{min-height:112px!important;padding:16px 19px!important}
 html body.home .c58-home-classifieds .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.home .c58-home-classifieds .discover-card{min-height:86px!important;padding:14px!important}
}
@media(max-width:420px){
 html body.home .c58-home-classifieds .discover-grid{grid-template-columns:minmax(0,1fr)!important}
}