/* Chrome only; load after components.css. Faithful logo: no crops/recoloring.
   Controls may grow vertically with text; labels and focus rings stay visible. */
.site-header .header{gap:1rem;padding-block:.75rem}
.site-header .wordmark{flex:none}
.site-header .brand-logo{width:112px;height:auto}
.header-actions{display:flex;align-items:center;gap:.65rem;min-width:0;order:3}
.header-actions .header-church{margin:0;order:0;padding:.6rem .85rem;min-width:0}
.header-actions #menu-toggle{margin:0;min-width:48px;min-height:48px;line-height:1.3;overflow-wrap:anywhere}
.site-header .header nav{min-width:0}
.header-actions .site-search-trigger{min-width:48px;min-height:48px}
.header-actions #menu-toggle svg{display:block;margin:auto}
.site-header .mobile-church-link{display:none}
.site-footer{background:var(--stone);padding-block:clamp(2.5rem,5vw,4rem);color:var(--ink)}
.site-footer .footer-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.8fr);gap:clamp(1.5rem,3vw,3rem)}
.site-footer .brand-logo{width:128px;height:auto}
.site-footer .footer-mission{max-width:38ch;margin-block:1rem;color:var(--ink)}
.site-footer .footer-parish{font-size:1rem;color:var(--slate)}
.site-footer h2{font-family:inherit;font-size:1rem;line-height:1.4;margin:0 0 .75rem;font-weight:700;color:var(--slate)}
.site-footer nav{min-width:0;display:block}
.site-footer nav ul{display:grid;gap:.15rem}
.site-footer nav a{padding:.45rem 0;min-height:44px;gap:.4rem;max-width:100%;overflow-wrap:anywhere;line-height:1.45;text-decoration:none}
.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline;text-underline-offset:.2em}
.site-footer .footer-parish a{color:var(--ink)}
.site-footer svg{flex:none;width:1em;height:1em;vertical-align:middle}
.site-footer .footer-church{font-weight:700;margin-top:.5rem}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2.5rem;color:var(--slate);font-size:.9rem}
.site-footer .footer-bottom p{margin:0}
@media(max-width:1100px){
.site-header .header{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.75rem 1rem}
.header-actions{order:0;justify-self:end;max-width:100%}
.header-actions .header-church{display:none}
.site-header .mobile-church-link{display:flex}
.site-header .header nav{grid-column:1/-1;width:100%;order:0}
.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-identity{grid-column:1/-1;display:block}
.site-footer .footer-mission{max-width:60ch}
}
@media(max-width:599px){
.site-header .header{grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
.site-header .brand-logo{width:96px}
.site-header .wordmark{justify-self:start}
.header-actions{width:auto;display:flex;gap:.4rem}
.header-actions #menu-toggle{width:48px;padding:.5rem;flex:none}
.header-actions #menu-toggle span{margin:0}
.site-header .header nav{grid-column:1/-1}
.site-header .header.has-js nav{grid-template-columns:minmax(0,1fr)}
.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}
.site-footer .footer-identity{grid-column:1/-1}
.site-footer .footer-grid nav:last-child{grid-column:1/-1}
.site-footer .footer-grid nav:last-child ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.footer-bottom{display:block;margin-top:2rem}
.site-footer .footer-bottom p+p{margin-top:.5rem}
}
@media(max-width:359px){.site-footer .footer-grid{grid-template-columns:minmax(0,1fr)}}

/* Approved navigation revision: disclosure groups and distinct destination CTAs. */
.site-header .header nav a,.site-header .shows-disclosure summary{text-decoration:none}
.site-header .header nav a:hover,.site-header .header nav a[aria-current],.site-header .shows-disclosure summary:hover,.site-header .has-current-child>summary{text-decoration:underline;text-underline-offset:.2em}
.site-header .has-current-child>summary{font-weight:700}
.header-actions .header-church{border-color:var(--slate);background:transparent;color:var(--ink)}
.header-actions .header-church:hover{background:var(--stone)}
@media(max-width:1100px){.header-actions .header-watch{display:none}}
.site-footer .footer-group h3{font-family:inherit;font-size:1rem;margin:1rem 0 .25rem;color:var(--slate)}

/* Initial navigation state is native/CSS owned; no post-paint JS collapse. */
.desktop-navigation{margin-left:auto;order:2;min-width:0}
.mobile-menu{display:none}
@media(max-width:1100px){
 .site-header .header{position:relative}
 .site-header .desktop-navigation{display:none}
 .site-header .mobile-menu{display:block}
 .site-header .mobile-menu>#menu-toggle{display:flex;align-items:center;justify-content:center;list-style:none;width:48px;min-height:48px;margin:0;padding:.5rem;border:2px solid var(--slate);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer}
 .mobile-menu>summary::-webkit-details-marker{display:none}
 .mobile-menu>summary:focus-visible{outline:3px solid var(--lapis);outline-offset:3px}
 .site-header .mobile-menu>nav{position:absolute;left:0;right:0;top:100%;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 8rem);overflow:auto;margin:0;padding:1rem;background:var(--stone);border-radius:6px}
}
@media(max-width:599px){.site-header .mobile-menu>nav{grid-template-columns:minmax(0,1fr)}}