:root{--body-bg:#ffffff;--page-bg:#ffffff;--text-ink:#000000;--header-bg:#ebebeb;--nav-bg:#7a7a7a;--heading-ink:#000000;--body-size:20px;--body-font:"Helvetica",Arial,sans-serif;}
/* Imported sermon outlines: consistent typography across lettered and numbered levels. */
.page.sermon-outline p, .page.sermon-outline li,
.page.sermon-outline ol, .page.sermon-outline ul,
.page.sermon-outline li span, .page.sermon-outline p span,
.page.sermon-outline li div, .page.sermon-outline p div,
/* RapidWeaver sometimes exported <ol> inside <p>. Browsers close the
   paragraph and move the following text spans outside it. Give those
   orphaned outline-level spans the same typography as the list items. */
.page.sermon-outline .section-theme > span,
.page.sermon-outline .section-theme > div > span,
.page.sermon-outline .section-theme > p > span,
.page.sermon-outline .section-theme > font,
.page.sermon-outline .section-theme > div > font {
 font-family: var(--body-font);
 font-size: var(--body-size);
 line-height: 1.55;
}
.page.sermon-outline ol, .page.sermon-outline ul { margin-top: .45em; margin-bottom: .85em; }
.page.sermon-outline li { margin-bottom: .18em; }
.page.sermon-outline :is(h1,h2,h3,h4,h5,h6) { line-height: 1.3; }

/* Compact, keyboard-accessible menus: native details/summary work without JavaScript. */
.site-nav{background:var(--nav-bg);position:relative;z-index:40}
.site-nav .nav-groups{max-width:1050px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:6px 12px}
/* Direct page navigation: all configured pages appear in saved order. */
.site-nav .nav-direct-link{display:inline-flex;align-items:center;color:#fff!important;font:600 14px/1.35 Helvetica,Arial,sans-serif;padding:9px 12px;text-decoration:none;border-radius:4px;max-width:100%;overflow-wrap:anywhere}
.site-nav .nav-direct-link:hover,.site-nav .nav-direct-link:focus-visible{background:rgba(255,255,255,.2);text-decoration:underline;outline-offset:2px}

.site-nav .nav-group{position:relative;color:#fff;min-width:120px;flex:0 0 auto}
.site-nav .nav-group summary{cursor:pointer;list-style:none;padding:11px 16px;border-radius:4px;font:600 15px/1.3 Helvetica,Arial,sans-serif;user-select:none}
.site-nav .nav-group summary::-webkit-details-marker{display:none}
.site-nav .nav-group summary:after{content:' ▾';font-size:12px}
.site-nav .nav-group[open] summary,.site-nav .nav-group summary:hover,.site-nav .nav-group summary:focus-visible{background:rgba(255,255,255,.16)}
.site-nav .nav-group ul{position:absolute;top:100%;left:0;margin:0;padding:7px 0;width:max-content;min-width:270px;max-width:min(92vw,430px);max-height:70vh;overflow-y:auto;overflow-x:hidden;list-style:none;background:#fff;border:1px solid #cbd5df;border-radius:5px;box-shadow:0 8px 22px #0003;z-index:100;box-sizing:border-box}
.site-nav .nav-group li{padding:0;margin:0;font-size:15px;line-height:1.3}
.site-nav .nav-group a{display:block;color:#1b3953!important;background:none!important;padding:10px 15px;font-size:15px;white-space:normal;overflow-wrap:break-word;text-decoration:none}
.site-nav .nav-group a:hover,.site-nav .nav-group a:focus-visible{background:#eaf1f7!important;text-decoration:underline}
@media(max-width:700px){
 .site-nav .nav-groups{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:6px 12px}
 .site-nav .nav-direct-link{display:block;padding:11px 14px;width:100%;box-sizing:border-box}
 .site-nav .nav-group{min-width:0;width:100%;flex:auto}
 .site-nav .nav-group summary{width:100%;padding:12px 16px}
 .site-nav .nav-group ul{position:static;width:100%;min-width:0;max-width:100%;max-height:none;overflow:visible;margin:0 0 6px;box-shadow:none}
 .site-nav .nav-group[open] summary:after{content:' ▴'}
}
.site-church-identity{max-width:1050px;margin:0 auto 18px;padding:14px 22px;border-left:4px solid var(--nav-bg);background:var(--header-bg);font-size:19px}.page p,.page li{font-size:var(--body-size);font-family:var(--body-font);line-height:1.65}.page-identity-name{text-align:center;font-size:27px;font-weight:700;color:var(--heading-ink);margin:12px auto 0}*{box-sizing:border-box}body{margin:0;background:var(--body-bg);color:var(--text-ink);font-family:var(--body-font);line-height:1.7}header{background:var(--header-bg);color:var(--heading-ink);padding:25px 5%;border-bottom:1px solid #d7e0e8}.masthead{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:center;gap:22px}.logo-panel{background:transparent;border-radius:12px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.masthead img{width:var(--logo-size,340px);height:auto;max-width:100%;object-fit:contain;border-radius:12px}.masthead strong{font-size:26px;display:none;line-height:1.3}.masthead small{display:none;color:#496277;font-size:14px;margin-top:5px}nav{background:var(--nav-bg)}nav .links{max-width:1050px;margin:auto;display:flex;flex-wrap:wrap;gap:2px;padding:8px 0}nav a{color:white;text-decoration:none;padding:7px 12px;border-radius:4px;font-size:14px}nav a:hover{background:#3d6687}.page{background:var(--page-bg);max-width:1050px;margin:30px auto;padding:40px 55px;min-height:450px;border:1px solid #e1e7ec;border-radius:8px}h1,h2,h3,h4{line-height:1.3;color:var(--heading-ink)}h1{font-size:30px}h2{font-size:25px;margin:1.3em 0 .6em}h3{font-size:21px}h4{font-size:18px}p,li{font-size:var(--body-size);font-weight:400;font-family:var(--body-font)}p{margin:0 0 1.05em}a{color:#176baf}img{max-width:100%;height:auto}.image-block{text-align:center;margin:18px 0}.image-block img{display:inline-block;width:calc(var(--img-width,70)*1%)}img.align-left{display:block;margin-right:auto}img.align-center{display:block;margin-left:auto;margin-right:auto}img.align-right{display:block;margin-left:auto}blockquote{border-left:4px solid #86a5bd;padding:10px 18px;margin:18px 0;background:#f5f8fc}footer{text-align:center;color:#546575;font-size:13px;padding:25px}footer a{color:#244d70}@media(max-width:700px){header{padding:12px 4%}.masthead{gap:12px}.logo-panel{padding:0}.masthead img{width:min(var(--logo-size,340px),250px);height:auto}.masthead strong{font-size:19px}.masthead small{font-size:12px}.page{margin:8px;padding:22px 18px}nav .links{padding:4px}}