/* Contrasting footer for all public themes. */
/* GHOST-FIX 2026-10-27 — the "green bar". This sheet hard-coded the footer to
   #103a34; measured live getComputedStyle(#footer).backgroundColor = rgb(16,58,52)
   in every theme, so a cold teal slab slid over the film at the page foot. The
   footer now takes the warm theme surface and never a hard-coded green. */
html[data-theme] #footer.footer,#footer.footer{background:var(--ui-bg,#0F1113)!important;color:#f4f0e7!important;border-top:1px solid color-mix(in srgb,var(--ui-ink,#fff) 16%,transparent);--ui-ink:#f4f0e7;--ui-muted:#c6c1b6;--bone:#f4f0e7;--text:#f4f0e7;padding-top:0!important}
#footer.footer::before{display:none!important}
html[data-theme] #footer :is(.logo,.logo small,p,.footer-bottom){color:#c6c1b6!important}
html[data-theme] #footer :is(h4,.logo>span){color:#f4f0e7!important}
html[data-theme] #footer a{color:#eeeae1!important;line-height:1.5}
html[data-theme] #footer a:hover,html[data-theme] #footer a:focus-visible{color:#FFCD05!important;text-decoration:underline;text-underline-offset:4px}
#footer .footer-grid{padding-block:44px 30px;gap:28px}
#footer .footer-bottom{border-top:1px solid color-mix(in srgb,var(--ui-ink,#fff) 16%,transparent)}
#footer :focus-visible{outline:3px solid #FFCD05!important;outline-offset:4px}
#footer .county-photo-credit-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:8px}
@media(max-width:700px){#footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:32px 24px}#footer .footer-grid>div:first-child{grid-column:1/-1}#footer .footer-grid>div{min-width:0}#footer a{padding-block:7px;overflow-wrap:anywhere}}
@media(max-width:360px){#footer .footer-grid{grid-template-columns:1fr}}