/* Shared readability and design credit update, 11 October 2026. */
html{scroll-padding-top:calc(var(--header-height,180px) + 24px)}
body{font-size:17px;line-height:1.7;padding-top:var(--header-height,180px)!important}
header.site-header,header.site-top{position:fixed!important;inset:0 0 auto!important;z-index:1000;height:auto!important;max-height:85vh;overflow-y:auto;background:#fff}
main{overflow-wrap:break-word}main p,main li{font-size:1rem;line-height:1.75}
main img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a57a2a;outline-offset:4px}
.four-network .network-inner a{font-size:14px!important;min-height:48px!important}
.site-footer .design-credit{display:block;margin:18px auto 0;padding:18px 20px;text-align:center;border-top:1px solid currentColor;font-size:15px;max-width:1160px;line-height:1.7}
.site-footer .design-credit a{display:inline;color:inherit!important;font-size:inherit;text-decoration:underline;text-underline-offset:4px}
.skip-update{position:fixed;top:-100px;left:12px;z-index:2000;background:#fff;color:#173e46;padding:12px 18px}.skip-update:focus{top:12px}
.hero-gospel{max-width:720px;margin:22px auto;padding:20px;background:#fff;border:1px solid #d9ceba;border-radius:10px;color:#263a42;text-align:left}.hero-gospel a{font-weight:700;text-decoration:underline}
@media(max-width:1100px){
 header .masthead,header .header-inner{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;height:auto!important;min-height:82px;padding-top:10px;padding-bottom:10px}
 header .menu-toggle{display:block!important;font-size:16px;min-height:44px;padding:8px 16px;border:1px solid #b9c4c4;border-radius:6px;background:#fff;color:#243a42}
 header #navigation,header #primary-nav{display:none!important;position:static!important;width:100%;max-height:45vh;overflow:auto;order:3;background:#fff}
 header #navigation.open,header #primary-nav.open{display:block!important}
 header .nav-inner,header #primary-nav.open{flex-wrap:wrap!important}
 header #navigation a,header #primary-nav a{display:block!important;padding:12px 16px!important;min-height:44px;font-size:16px!important;color:#243a42!important}
 header #navigation .nav-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 header .brand-copy{display:block!important;white-space:normal}
 header .brand strong,header .brand>span{font-size:18px!important}header .brand small{font-size:11px!important}
 .four-network .network-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 8px!important}
 .study-cards,.connection-cards{grid-template-columns:1fr!important}
 .uyb-hero,.redesign-grid,.hero-grid,.paired-hero,.faith-summary,.four-gospel,.article-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .wrap,.container{width:calc(100% - 32px)!important;max-width:100%;margin-left:auto;margin-right:auto}
 header .brand img{width:54px!important;height:54px!important;object-fit:contain}header .brand{gap:10px!important;min-width:0;max-width:calc(100% - 78px)}
 header .header-contact{display:none!important}header .brand strong,header .brand>span{font-size:16px!important}header .brand small{font-size:10px!important;letter-spacing:.03em!important}
 header .header-tools{margin-left:auto}header .header-inner{padding-left:16px!important;padding-right:16px!important}
 .four-network .network-inner a{font-size:13px!important;line-height:1.35!important;padding:9px 6px!important}
 .grid,.resource-grid,.verse-grid,.split,.footer-grid,.gospel-grid{grid-template-columns:1fr!important}
 .footer-grid{gap:28px!important}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:14px!important}
 main h1{font-size:clamp(2rem,8.5vw,3.2rem)!important;line-height:1.15!important}main h2{font-size:1.65rem;line-height:1.25}
 .button,.four-button,main button{min-height:44px;font-size:16px!important}.actions,.hero-actions{gap:12px;flex-wrap:wrap}
 .four-gospel{padding:22px!important;margin:28px 16px!important}.gospel-scripture{padding:18px!important}
 .kicker,.eyebrow,.four-kicker{font-size:12px!important}.source-text,.faith-body{font-size:17px!important}
 table{display:block;max-width:100%;overflow-x:auto}.hero-gospel{margin:20px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{padding-top:0!important}header.site-header,header.site-top,.skip-update{display:none!important}}