/* Local additions; the copied church palette stays independent of dock themes. */
html,body{min-width:0} body{overflow-wrap:break-word} a:focus-visible,button:focus-visible{outline:3px solid #76300f;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(min-width:820px){.header-inner{flex-wrap:wrap;justify-content:center}.hp-menu{flex-wrap:wrap;justify-content:center;gap:clamp(.25rem,1.2vw,1rem)}}

/* Two remaining footer columns after removing the duplicate branding block. */
@media (min-width: 760px) {
    .hp-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Find Us: separate practical details from the directions action. */
#find-us .hp-office-hours { margin: 1.25rem 0 0; line-height: 1.6; }
#find-us .hp-office-hours strong { color: var(--hp-text); font-size: .85em; }
#find-us > .hp-btn {
    margin-top: 1.5rem;
    padding: .75rem 1.25rem;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
}

/* A single grid keeps the same gap between both rows of next-step cards. */
.hp-next-step-cards { gap: 1.5rem; }
.hp-connect-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin-top:1.5rem; }
.hp-connect-actions .hp-btn { width:100%; min-width:0; box-sizing:border-box; padding:.75rem .5rem; }
#devotionals > .hp-btn { margin-top:1.5rem; }