/* California58 navigation alignment — 2026-10-29.
   One calm hierarchy on mobile: identity, Menu; utility actions; editorial links.
   No absolute overlays over the editorial content unless the menu is opened. */
@media (min-width:901px) {
 .site-header .primary-nav .menu>li>a,
 .site-header .primary-nav .menu-more-toggle {
   display:inline-flex;align-items:center;justify-content:center;
   min-height:42px;padding:8px 9px;border-radius:12px;
   transition:background-color .18s,color .18s;
 }
 .site-header .primary-nav .menu>li>a:hover,
 .site-header .primary-nav .menu>li>a:focus-visible,
 .site-header .primary-nav .menu-more-toggle:hover,
 .site-header .primary-nav .menu-more-toggle:focus-visible {
   background:rgba(11,111,143,.09);color:#075985;
 }
 .site-header .header-tools{gap:7px}
 .site-header .header-tools :is(button,a){
   min-height:40px;align-items:center;justify-content:center;
   white-space:nowrap;
 }
}
@media(max-width:900px){
 .site-header .header-inner{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto;
   grid-template-rows:48px minmax(44px,auto);
   align-items:center!important;
   column-gap:10px!important;
   row-gap:7px!important;
   height:auto!important;
   min-height:118px;
   padding:7px 0 10px!important;
   position:relative;
   flex-wrap:initial!important;
 }
 .site-header .brand{
   grid-column:1;grid-row:1;justify-self:start;
   display:inline-flex;align-items:center;min-width:0;
   white-space:nowrap;letter-spacing:.04em;
 }
 .site-header .brand span{font-size:clamp(10px,3.2vw,14px)!important}
 .site-header .brand strong{font-size:clamp(23px,7vw,30px)!important}
 .site-header .menu-toggle{
   grid-column:2;grid-row:1;justify-self:end;
   display:inline-flex!important;gap:8px;align-items:center;justify-content:center;
   margin:0!important;padding:0 16px!important;
   min-height:44px;min-width:90px;
   border:1px solid #bad5df!important;border-radius:14px;
   background:#eaf5fa!important;color:#104e6f!important;
   font-size:14px!important;font-weight:800!important;
   cursor:pointer;
 }
 .site-header .menu-toggle::before{content:'☰';font-size:18px;font-weight:400;line-height:1}
 .site-header .menu-toggle[aria-expanded=true]{
   background:#105b7b!important;color:#fff!important;border-color:#105b7b!important;
 }
 .site-header .menu-toggle[aria-expanded=true]::before{content:'×';font-size:23px}
 .site-header .header-tools{
   grid-column:1/-1;grid-row:2;
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:7px!important;
   margin:0!important;
   min-width:0!important;
   width:100%;
 }
 /* The persistent grizzly already opens Ask Cali. Don't duplicate his button in the toolbar. */
 .site-header .header-tools>.cali-open{display:none!important}
 .site-header .header-tools>.language-switcher{min-width:0;width:100%;height:100%}
 .site-header .header-tools :is(.language-toggle,.theme-toggle,.my-pill,.search-pill){
   display:inline-flex!important;align-items:center;justify-content:center;
   width:100%!important;height:100%;
   min-height:44px!important;min-width:0!important;max-width:100%;
   margin:0!important;padding:8px 5px!important;
   border:1px solid #d0dfe5!important;
   border-radius:12px!important;background:#fff!important;
   box-sizing:border-box;box-shadow:0 1px 3px rgba(9,52,76,.04);
   color:#14435a!important;text-align:center;text-decoration:none!important;
   font-size:clamp(11px,2.9vw,13px)!important;
   font-weight:750!important;line-height:1.2!important;
   white-space:normal!important;overflow-wrap:anywhere;
 }
 .site-header .header-tools .language-toggle{gap:5px;white-space:nowrap!important}
 .site-header .header-tools :is(.language-toggle,.theme-toggle,.my-pill,.search-pill):hover,
 .site-header .header-tools :is(.language-toggle,.theme-toggle,.my-pill,.search-pill):focus-visible{
   background:#eff8fa!important;border-color:#66a5bb!important;
 }
 .site-header .primary-nav{
   display:none!important;position:absolute!important;
   top:100%!important;left:0!important;right:0!important;
   z-index:150!important;
   width:100%!important;max-width:100vw!important;
   margin:0!important;padding:12px max(14px,env(safe-area-inset-right)) 17px!important;
   max-height:calc(100dvh - 130px);overflow-y:auto!important;overscroll-behavior:contain;
   background:#fbfcfd!important;border-top:1px solid #d8e6eb;
   border-bottom:1px solid #cbdde5;
   box-shadow:0 18px 30px rgba(8,41,63,.14);
 }
 .site-header .primary-nav.open{display:block!important}
 .site-header .primary-nav>.menu{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;
   padding:0!important;margin:0!important;
   list-style:none;
 }
 .site-header .primary-nav>.menu>li{margin:0!important;padding:0!important;min-width:0}
 .site-header .primary-nav>.menu>li>a,
 .site-header .primary-nav .menu-more-toggle,
 .site-header .primary-nav>.c58-register-nav{
   display:flex!important;align-items:center;justify-content:flex-start;
   width:100%;min-height:49px!important;
   padding:10px 12px!important;margin:0!important;
   background:#fff!important;border:1px solid #d7e7ee!important;
   border-radius:12px!important;
   color:#173b4e!important;text-decoration:none!important;
   text-align:left;font-size:13px!important;
   font-weight:750!important;line-height:1.3!important;
   white-space:normal!important;overflow-wrap:anywhere;
   box-shadow:0 1px 4px rgba(11,50,74,.03);
 }
 .site-header .primary-nav>.menu>li>a:hover,
 .site-header .primary-nav>.menu>li>a:focus-visible,
 .site-header .primary-nav .menu-more-toggle:hover,
 .site-header .primary-nav .menu-more-toggle:focus-visible{
   color:#075985!important;border-color:#72b1c6!important;background:#f1f8fb!important;
 }
 .site-header .primary-nav>.menu>.menu-more{grid-column:1/-1}
 .site-header .primary-nav .menu-more-toggle{justify-content:space-between}
 .site-header .primary-nav .menu-more .sub-menu{
   position:static!important;display:none!important;
   width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;
   margin:7px 0 0!important;padding:0!important;
   border:0!important;background:transparent!important;box-shadow:none!important;
   list-style:none;
 }
 .site-header .primary-nav .menu-more.open .sub-menu{display:grid!important}
 .site-header .primary-nav .menu-more .sub-menu li{min-width:0;margin:0!important;padding:0!important}
 .site-header .primary-nav .menu-more .sub-menu a{
   display:flex!important;align-items:center;min-height:44px!important;
   padding:9px 11px!important;white-space:normal!important;
   font-size:12px!important;font-weight:650!important;line-height:1.35;
   border:1px solid #e2eaf0;border-radius:10px;background:#fff;
 }
 .site-header .primary-nav>.c58-register-nav{
   justify-content:center;margin-top:10px!important;
   background:#e6f1f6!important;color:#075985!important;
 }
 .site-header .language-panel{
   position:fixed!important;top:126px!important;
   left:12px!important;right:12px!important;
   width:auto!important;max-width:none!important;max-height:calc(100dvh - 140px)!important;
   overflow-y:auto!important;z-index:250!important;padding:16px!important;
   box-sizing:border-box;
 }
 .site-header .language-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .site-header .language-choice{min-width:0;min-height:46px}
 .site-header .language-choice span{min-width:0}
 .site-header .menu-toggle:focus-visible,
 .site-header .primary-nav a:focus-visible,
 .site-header .primary-nav button:focus-visible{
   outline:3px solid #dc9115!important;outline-offset:2px!important;
 }
}
@media(max-width:380px){
 .site-header .header-inner{column-gap:5px!important}
 .site-header .menu-toggle{min-width:80px;padding-inline:10px!important}
 .site-header .header-tools{gap:5px!important}
 .site-header .header-tools :is(.language-toggle,.theme-toggle,.my-pill,.search-pill){
   font-size:11px!important;padding:7px 3px!important;
 }
}
@media(max-width:900px){
 html[data-theme=dark] .site-header .primary-nav{
   background:#14212a!important;border-color:#314452!important;
 }
 html[data-theme=dark] .site-header .header-tools :is(.language-toggle,.theme-toggle,.my-pill,.search-pill),
 html[data-theme=dark] .site-header .primary-nav>.menu>li>a,
 html[data-theme=dark] .site-header .primary-nav .menu-more-toggle,
 html[data-theme=dark] .site-header .primary-nav .menu-more .sub-menu a{
   background:#1e2d37!important;color:#f0f7fa!important;border-color:#3f5665!important;
 }
 html[data-theme=dark] .site-header .menu-toggle{
   background:#234656!important;color:#fff!important;border-color:#50758b!important;
 }
 html[data-theme=dark] .site-header .primary-nav>.c58-register-nav{
   background:#234656!important;color:#fff!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .site-header .primary-nav a,.site-header .header-tools a,.site-header .header-tools button{transition:none!important}
}

/* Desktop editorial masthead: no cramped labels or invisible Business Help.
   Uses two predictable rows, dark background and explicitly light text.
   Scoped to the statewide header; local edition mastheads remain untouched. */
@media(min-width:901px){
 body .site-header{
   background:#102736!important;
   color:#f4fafc!important;
   border-bottom:1px solid #28485d!important;
 }
 body .site-header .header-inner{
   display:grid!important;
   grid-template-columns:minmax(185px,1fr) auto!important;
   grid-template-rows:minmax(52px,auto) minmax(48px,auto)!important;
   column-gap:20px!important;
   row-gap:2px!important;
   height:auto!important;
   min-height:112px!important;
   padding:6px 0 8px!important;
   align-items:center!important;
 }
 body .site-header .brand{
   grid-column:1;grid-row:1;
   display:inline-flex!important;align-items:center!important;
   justify-self:start;min-width:0;
   color:#fff!important;text-decoration:none!important;
 }
 body .site-header .brand span{color:#fff!important}
 body .site-header .brand strong{color:#f4bd56!important}
 body .site-header .menu-toggle{display:none!important}
 body .site-header .header-tools{
   grid-column:2;grid-row:1;
   display:flex!important;align-items:center;justify-content:flex-end;
   gap:8px!important;min-width:0;
 }
 body .site-header .header-tools>button,
 body .site-header .header-tools>a,
 body .site-header .header-tools>.language-switcher>.language-toggle{
   display:inline-flex!important;align-items:center;justify-content:center;
   min-height:40px!important;min-width:42px!important;
   padding:8px 12px!important;
   border:1px solid #4e7184!important;border-radius:11px!important;
   background:#1d4052!important;color:#fff!important;
   font-size:12px!important;font-weight:750!important;
   text-decoration:none!important;
   box-shadow:none!important;
 }
 body .site-header .header-tools>button:hover,
 body .site-header .header-tools>button:focus-visible,
 body .site-header .header-tools>a:hover,
 body .site-header .header-tools>a:focus-visible,
 body .site-header .header-tools>.language-switcher>.language-toggle:hover,
 body .site-header .header-tools>.language-switcher>.language-toggle:focus-visible{
   color:#0f3043!important;background:#e5f4f9!important;
   border-color:#b6dce8!important;
 }
 body .site-header .header-tools .cali-open{
   background:#087c9c!important;color:#fff!important;
   border-color:#3da6bc!important;
 }
 body .site-header .primary-nav{
   grid-column:1/-1;grid-row:2;
   width:100%!important;min-width:0!important;
   margin:0!important;padding:5px 0 0!important;
   display:flex!important;align-items:center;gap:8px!important;
   border-top:1px solid rgba(255,255,255,.13);
   color:#fff!important;
 }
 body .site-header .primary-nav>.menu{
   display:flex!important;align-items:stretch;justify-content:space-between;
   flex:1 1 auto;min-width:0;
   gap:clamp(3px,.5vw,10px)!important;
   margin:0!important;padding:0!important;
   list-style:none!important;
 }
 body .site-header .primary-nav>.menu>li{
   display:flex;align-items:stretch;justify-content:stretch;
   flex:1 1 0;min-width:0;position:relative;
   margin:0!important;padding:0!important;
 }
 body .site-header .primary-nav>.menu>li>a,
 body .site-header .primary-nav .menu-more-toggle {
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:100%!important;min-width:0!important;
   min-height:42px!important;padding:7px 9px!important;
   margin:0!important;border-radius:10px!important;
   color:#f8fbfd!important;background:transparent!important;
   border:1px solid transparent!important;
   text-align:center!important;
   font-size:clamp(12px,.86vw,14px)!important;
   font-weight:750!important;line-height:1.25!important;
   white-space:normal!important;overflow-wrap:normal;
   text-decoration:none!important;
 }
 body .site-header .primary-nav>.menu>li>a:hover,
 body .site-header .primary-nav>.menu>li>a:focus-visible,
 body .site-header .primary-nav .menu-more-toggle:hover,
 body .site-header .primary-nav .menu-more-toggle:focus-visible,
 body .site-header .primary-nav .menu-more.open>.menu-more-toggle{
   color:#092d40!important;background:#e7f6fa!important;
   border-color:#aad0dd!important;
 }
 body .site-header .primary-nav>.c58-register-nav{
   flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;
   white-space:nowrap!important;min-height:42px!important;
   padding:7px 11px!important;margin:0!important;
   border-radius:10px!important;border:1px solid #447b94!important;
   color:#fff!important;background:#1f536b!important;
   font-size:12px!important;text-decoration:none!important;
 }
 body .site-header .primary-nav .menu-more .sub-menu{
   position:absolute!important;top:100%!important;right:0!important;
   display:none;z-index:190!important;
   width:min(310px,calc(100vw - 40px))!important;
   padding:8px!important;margin:3px 0 0!important;
   border:1px solid #d4e4eb!important;border-radius:14px!important;
   background:#fff!important;
   box-shadow:0 18px 45px rgba(4,29,44,.22)!important;
   color:#122f40!important;
 }
 body .site-header .primary-nav .menu-more:is(:hover,:focus-within,.open) .sub-menu{
   display:grid!important;gap:2px!important;
 }
 body .site-header .primary-nav .menu-more .sub-menu li{padding:0!important}
 body .site-header .primary-nav .menu-more .sub-menu a{
   display:flex!important;align-items:center!important;
   color:#17384c!important;background:#fff!important;
   min-height:40px!important;padding:9px 10px!important;
   white-space:normal!important;border-radius:9px!important;
   font-size:13px!important;line-height:1.3!important;
 }
 body .site-header .primary-nav .menu-more .sub-menu a:hover,
 body .site-header .primary-nav .menu-more .sub-menu a:focus-visible{
   background:#eaf6fa!important;color:#075985!important;
 }
 body .site-header .language-panel{
   color:#143043!important;background:#fff!important;border-color:#d8e6ec!important;
 }
 body .site-header .language-panel .language-choice{
   color:#143043!important;background:#fff!important;border-color:#e1ebf0!important;
 }
 body .site-header :is(a,button):focus-visible{
   outline:3px solid #ffc66b!important;outline-offset:2px!important;
 }
}
@media(min-width:901px) and (max-width:1180px){
 body .site-header .primary-nav>.menu>li>a,
 body .site-header .primary-nav .menu-more-toggle{
   font-size:12px!important;padding:7px 4px!important;
   min-height:49px!important;
 }
 body .site-header .primary-nav>.c58-register-nav{font-size:11px!important;padding:7px 8px!important}
}
/* Wide-screen sections use the available canvas while article prose remains readable. */
@media(min-width:1100px){
 :root{--max:1560px}
 body:not(.c58-local-newspaper-page) .wrap{width:min(calc(100% - clamp(44px,5.5vw,104px)),1560px)!important;max-width:1560px!important}
 body:not(.c58-local-newspaper-page) .wrap-narrow{width:min(calc(100% - clamp(44px,10vw,240px)),960px)!important;max-width:960px!important}
 body .home :is(.posts-grid,.county-grid,.c58-ed-local-grid,.discover-grid,.ecosystem-grid){
   width:100%;min-width:0;justify-content:stretch;
 }
 body :is(.posts-grid,.county-grid,.discover-grid,.ecosystem-grid,.link-grid) > *{
   min-width:0;max-width:100%;
 }
 body .section-head-row{width:100%;justify-content:space-between}
}
@media(min-width:1600px){
 body .home :is(.posts-grid,.county-grid,.c58-ed-local-grid){column-gap:clamp(18px,2vw,30px)}
}

/* Business Help and other official service hubs: legible in light and dark themes. */
body main.c58-wide-service{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0}
body main.c58-wide-service .c58-service-start{
 background:#edf6fa!important;color:#183b51!important;
 border-color:#b7d6e4!important;
}
body main.c58-wide-service .c58-service-start :is(h2,p,strong,span){
 color:#17394d!important;
}
body main.c58-wide-service .c58-service-start .c58-service-kicker{color:#155c7c!important}
body main.c58-wide-service .c58-service-options>a{
 background:#fff!important;color:#14536f!important;
 border-color:#afd3e1!important;
}
body main.c58-wide-service .c58-service-options>a :is(strong,span){
 color:#16475e!important;
}
body main.c58-wide-service .c58-service-options>a:hover,
body main.c58-wide-service .c58-service-options>a:focus-visible{
 border-color:#08749a!important;background:#e9f6fb!important;
 box-shadow:0 4px 15px rgba(0,60,90,.1)!important;
}
body main.c58-wide-service .article-body a{
 text-decoration:underline;text-underline-offset:.16em;
}
html:not([data-theme=dark]) body main.c58-wide-service .article-body a{
 color:#075985!important;
}
html[data-theme=dark] body main.c58-wide-service .article-body :is(h2,h3,h4,p,li){
 color:#edf5f8!important;
}
html[data-theme=dark] body main.c58-wide-service .article-body a{
 color:#8bd4f2!important;
}
/* Preserve original high-contrast text in the sponsored cream card, including night mode. */
html[data-theme=dark] body main.c58-wide-service .article-body aside[style*="background:#fff8ed"]{
 background:#fff8ed!important;color:#213746!important;
}
html[data-theme=dark] body main.c58-wide-service .article-body aside[style*="background:#fff8ed"] :is(h2,h3,h4,p,small,strong,li){
 color:#213746!important;
}
html[data-theme=dark] body main.c58-wide-service .article-body aside[style*="background:#fff8ed"] a{
 color:#075985!important;
}
@media(min-width:1100px){
 body main.c58-wide-service>.wrap{
  width:min(calc(100% - clamp(44px,5.5vw,104px)),1560px)!important;
  max-width:1560px!important;
 }
 body main.c58-wide-service .c58-service-options{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.7vw,26px);
 }
 body main.c58-wide-service .c58-service-options a{
  min-height:106px;padding:20px 23px!important;
 }
 body main.c58-wide-service .article-body{
  width:100%;max-width:100%;
  padding-top:28px;
 }
 body main.c58-wide-service .article-body :is(h2,h3,p,ul,ol){
  max-width:min(100%,108ch);
 }
}
@media(max-width:760px){
 body main.c58-wide-service .c58-service-options{grid-template-columns:1fr!important}
}
/* Current section gets a clear, high-contrast marker on all screen sizes. */
body .site-header .primary-nav>.menu>li>a[aria-current=page],
body .site-header .primary-nav .menu-more .sub-menu a[aria-current=page]{
 background:#186081!important;color:#fff!important;
 border-color:#3d93b4!important;
 font-weight:850!important;
}