:root{--primary:#102E50;--accent:#E7AB36;--ink:#172230;--muted:#667382;--bg:#f5f7fa;--card:#fff;--radius:20px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:var(--primary)}button,.button{border:0;border-radius:12px;background:var(--primary);color:#fff;padding:.8rem 1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.button.secondary{background:#e9edf2;color:var(--primary)}button.danger{background:#8d2b2b}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(255,255,255,.95);border-bottom:1px solid #e4e8ed}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.1rem;font-weight:800;color:var(--primary)}.brand img{width:44px;height:44px;object-fit:contain}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:var(--accent)}.site-nav{display:flex;align-items:center;gap:1.2rem}.site-nav a{text-decoration:none;font-weight:650;color:var(--ink)}.nav-toggle{display:none}.hero{min-height:64vh;display:grid;place-items:center;text-align:center;padding:5rem 1rem;background:linear-gradient(145deg,var(--primary),#233f5d);color:#fff}.hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.95;margin:.3rem 0 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--accent);font-weight:800}.hero p{font-size:1.2rem;opacity:.9}.cards,.sermon-grid{max-width:1100px;margin:3rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.cards article,.sermon-card,.content-block,.panel{background:#fff;border:1px solid #e4e8ed;border-radius:var(--radius);padding:clamp(1.2rem,3vw,2.2rem);box-shadow:0 12px 32px rgba(20,40,60,.06)}.content-block{max-width:980px;margin:3rem auto}.site-footer{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:2rem clamp(1rem,4vw,4rem);background:var(--primary);color:#fff}.site-footer strong,.site-footer span{display:block}.footer-small{display:flex;align-items:center;gap:.5rem;font-size:.82rem;opacity:.88}.footer-small span{display:inline}.footer-small a{color:#fff}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.video-wrap iframe{width:100%;height:100%;border:0}.sermon-card img{width:100%;border-radius:14px}.meta,.small,small{color:var(--muted);font-size:.9rem}.setup-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(145deg,#eef2f6,#dde4ea)}.setup-card{width:min(620px,100%);background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px rgba(20,40,60,.12)}label{display:block;font-weight:700;margin:.8rem 0}input,textarea,select{width:100%;border:1px solid #ccd4dc;border-radius:10px;padding:.75rem;font:inherit;background:#fff}label input[type=checkbox]{width:auto;margin-right:.4rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notice{border-left:4px solid var(--accent);background:#fff7df;padding:1rem;border-radius:10px;margin:1rem 0}.notice.error{border-color:#a33;background:#fff0f0}.admin-body{background:#eef2f6}.admin-top{height:64px;background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 1.2rem}.admin-top a{color:#fff}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.admin-nav{padding:1rem;background:#fff;border-right:1px solid #dde3e8}.admin-nav a{display:block;padding:.75rem 1rem;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700}.admin-nav a:hover{background:#eef2f6}.admin-content{padding:2rem;min-width:0}.panel{margin-bottom:1rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.stat-grid>div{background:#fff;border-radius:18px;padding:1.4rem}.stat-grid strong{font-size:2rem;display:block}.stat-grid span{color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #edf0f3}.list-row small{display:block}.inline{display:inline}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.media-card{background:#fff;border-radius:16px;padding:1rem}.media-card img,.video-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:#1b2633;color:white;display:grid;place-items:center}.media-card code{display:block;overflow-wrap:anywhere;font-size:.75rem;margin:.5rem 0}.big-code{font-size:1.5rem;font-weight:800}.top-gap{margin-top:1rem}@media(max-width:760px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:1rem;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.cards,.sermon-grid,.two,.stat-grid,.split{grid-template-columns:1fr}.site-footer{align-items:start;flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #ddd}.admin-nav a{white-space:nowrap}.admin-content{padding:1rem}.admin-top{height:auto;gap:.5rem;align-items:flex-start;flex-direction:column;padding:.8rem 1rem}}/* v1.1 visual website system */
main{min-height:52vh}.section-inner{width:min(1160px,calc(100% - 2rem));margin:0 auto}.section-inner.narrow{width:min(820px,calc(100% - 2rem))}.site-section{padding:clamp(3.5rem,7vw,6.5rem) 0;background:#fff}.site-section.alt{background:#f4f7f9}.site-section h2,.image-banner h2,.giving-section h2{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;color:var(--primary);margin:0 0 1rem}.section-intro{max-width:720px;color:var(--muted);font-size:1.08rem;margin:0 0 2rem}.text-center{text-align:center}.text-center .section-intro{margin-left:auto;margin-right:auto}.section-hero{min-height:clamp(480px,68vh,760px);display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 0;background:linear-gradient(145deg,var(--primary),#203f60);background-size:cover;background-position:center;color:#fff}.section-hero .section-inner{max-width:900px}.section-hero.align-left{text-align:left;justify-content:flex-start}.section-hero.align-left .section-inner{max-width:1160px}.section-hero h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.94;letter-spacing:-.045em;margin:.4rem 0 1.2rem}.section-hero p{font-size:clamp(1.05rem,2vw,1.3rem);max-width:760px;opacity:.92;margin:0 auto 1.6rem}.section-hero.align-left p{margin-left:0}.site-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary);color:#fff!important;text-decoration:none;padding:.82rem 1.15rem;font-weight:800;border:0}.site-button.accent{background:var(--accent);color:#1c2833!important}.feature-grid,.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.feature-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.content-card{background:#fff;border:1px solid #e1e7ec;border-radius:18px;padding:1.5rem;box-shadow:0 10px 30px rgba(20,40,60,.05)}.site-section:not(.alt) .feature-card,.site-section:not(.alt) .content-card{background:#f8fafb}.feature-card h3,.content-card h3{font-size:1.25rem;line-height:1.2;color:var(--primary);margin:.2rem 0 .65rem}.feature-card p,.content-card p{color:#536272}.content-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;margin-bottom:1rem}.content-meta{display:block;color:#8a6a20;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.schedule-grid article{background:var(--primary);color:#fff;border-radius:18px;padding:1.4rem;display:flex;flex-direction:column}.schedule-grid strong{font-size:1.15rem}.schedule-grid span{color:#fff;font-weight:700;margin:.25rem 0}.schedule-grid small{color:#d9e4ee}.rich-copy{font-size:1.05rem}.rich-copy p:first-child{margin-top:0}.image-banner{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#fff}.image-banner-media{background:#dfe6eb center/cover no-repeat;min-height:360px}.image-banner-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,6vw,5rem)}.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:start}.contact-details{border-top:1px solid #dfe5ea;margin-top:1.5rem;padding-top:1rem}.public-form{background:#f4f7f9;border:1px solid #dfe5ea;padding:1.4rem;border-radius:18px}.public-form label{margin:.55rem 0}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.giving-section{padding:clamp(4rem,8vw,7rem) 0;background:var(--primary);color:#fff}.giving-section h2{color:#fff}.giving-section p{font-size:1.08rem;opacity:.9}.announcement-section{background:#fff8e8}.empty-state{padding:1rem;border:1px dashed #cfd8df;border-radius:14px;color:var(--muted)}.section-spacer.small{height:30px}.section-spacer.medium{height:70px}.section-spacer.large{height:130px}.footer-right{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}.social-links{display:flex;gap:1rem}.social-links a{color:#fff;font-size:.9rem}
/* Admin experience */
.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-page-title h1{margin:0}.admin-nav{position:sticky;top:0;align-self:start;height:calc(100vh - 64px);overflow:auto}.admin-nav-label{display:block;margin:1.25rem .8rem .4rem;font-size:.67rem;letter-spacing:.12em;color:#8a98a5;font-weight:900}.admin-nav .admin-edit-site{background:var(--primary);color:#fff;margin-bottom:.7rem}.actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.inline-fields{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.inline-fields label{margin:0;min-width:180px}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.content-head h2{margin-top:0}.status-pill{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#edf2f6;color:var(--primary);font-size:.8rem;font-weight:850}.filter-links{display:flex;gap:.55rem;flex-wrap:wrap}.filter-links a{padding:.4rem .65rem;border-radius:9px;background:#edf2f6;text-decoration:none;font-weight:700}.response-message{background:#f7f9fb;border-radius:12px;padding:1rem}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#fff,#eef3f7)}.dashboard-hero h2{font-size:clamp(2rem,4vw,3.2rem);margin:.25rem 0}.website-health{background:#fff;border:1px solid #dce4ea;border-radius:16px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem;min-width:240px}.website-health strong,.website-health small{display:block}.health-dot{width:12px;height:12px;border-radius:50%;background:#aaa;box-shadow:0 0 0 5px #eee}.health-dot.good{background:#2a9d70;box-shadow:0 0 0 5px #dff4eb}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-stats>a{text-decoration:none;color:inherit;background:#fff;border-radius:18px;padding:1.4rem;border:1px solid #e1e7ec}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quick-grid a{border:1px solid #e0e7ec;border-radius:14px;padding:1rem;text-decoration:none;display:flex;flex-direction:column}.quick-grid span{color:var(--muted);font-size:.87rem}.page-list-row{align-items:flex-start}.analytics-bars{height:230px;display:flex;align-items:end;gap:5px;padding-top:1rem;overflow-x:auto}.analytics-day{height:100%;min-width:24px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.analytics-day>span{display:block;background:var(--primary);width:100%;min-height:4px;border-radius:5px 5px 0 0}.analytics-day small{font-size:.65rem;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;margin-bottom:-4px}
/* Visual editor */
.editor-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:20;box-shadow:0 10px 25px rgba(20,40,60,.08)}.editor-toolbar label{margin:0}.editor-toolbar select{min-width:230px}.editor-toolbar-actions{display:flex;gap:.5rem;align-items:center}.visual-editor-shell{display:grid;grid-template-columns:230px minmax(480px,1fr) 300px;gap:1rem;align-items:start}.visual-toolbox,.visual-inspector{position:sticky;top:90px;max-height:calc(100vh - 115px);overflow:auto;margin:0}.visual-toolbox h2,.visual-inspector h2{margin-top:0}.toolbox-list{display:flex;flex-direction:column;gap:.55rem}.toolbox-item{background:#f4f7f9;color:var(--ink);text-align:left;border:1px solid #dde5ea;padding:.75rem;border-radius:12px}.toolbox-item strong,.toolbox-item span{display:block}.toolbox-item span{font-size:.72rem;color:var(--muted);font-weight:500;margin-top:.2rem}.visual-canvas-panel{min-width:0}.preview-browser{background:#fff;border:1px solid #dbe3e9;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px rgba(20,40,60,.11)}.preview-browser-bar{height:40px;background:#e9eef2;display:flex;align-items:center;gap:6px;padding:0 12px}.preview-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#a9b5bf}.preview-browser-bar strong{font-size:.74rem;margin-left:8px;color:#657582}.preview-site-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e9ed}.preview-brand{display:flex;gap:.55rem;align-items:center}.preview-brand img{width:34px;height:34px;object-fit:contain}.preview-brand .brand-mark{width:32px;height:32px}.preview-nav{display:flex;gap:.7rem;font-size:.68rem;font-weight:700}.preview-footer{background:var(--primary);color:#fff;padding:1.25rem;display:flex;justify-content:space-between;font-size:.75rem}.visual-canvas-panel .section-hero{min-height:440px}.visual-canvas-panel .section-hero h1{font-size:clamp(2.7rem,6vw,5rem)}.visual-canvas-panel .site-section{padding:3.5rem 0}.visual-section-wrap{position:relative;outline:2px solid transparent;outline-offset:-2px;cursor:pointer;transition:.12s}.visual-section-wrap:hover{outline-color:rgba(231,171,54,.65)}.visual-section-wrap.selected{outline:3px solid var(--accent);outline-offset:-3px}.visual-edit-tag{position:absolute;z-index:8;top:8px;left:8px;background:var(--primary);color:#fff;border-radius:8px;padding:.3rem .5rem;font-size:.67rem;font-weight:850;opacity:0;transform:translateY(-3px);transition:.12s}.visual-section-wrap:hover>.visual-edit-tag,.visual-section-wrap.selected>.visual-edit-tag{opacity:1;transform:none}.visual-inspector label{font-size:.82rem}.visual-inspector textarea{font-size:.85rem}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem}.media-inline-btn{margin-top:.4rem;font-size:.75rem;padding:.55rem}.editor-savebar{position:sticky;bottom:0;z-index:25;background:#fff;border:1px solid #dce4e9;border-radius:14px;padding:.7rem 1rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -8px 30px rgba(20,40,60,.08)}.editor-modal{position:fixed;inset:0;z-index:100;background:rgba(13,29,44,.64);display:grid;place-items:center;padding:1rem}.editor-modal[hidden]{display:none}.editor-modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:1.4rem;box-shadow:0 30px 90px rgba(0,0,0,.2)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.media-picker-card{width:min(980px,100%)}.media-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.media-choice{padding:.5rem;background:#f4f7f9;color:var(--ink);border:1px solid #dde5ea}.media-choice img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.media-choice span{display:block;font-size:.72rem;margin-top:.4rem}.preview-form{pointer-events:none}.preview-form input,.preview-form textarea{background:#fff}.editor-modal hr,.panel hr{border:0;border-top:1px solid #e0e6eb;margin:1.4rem 0}
@media(max-width:1180px){.visual-editor-shell{grid-template-columns:210px minmax(440px,1fr)}.visual-inspector{grid-column:1/-1;position:static;max-height:none}.visual-inspector #sectionFields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.feature-grid,.feature-grid.cols-2,.feature-grid.cols-4,.content-grid,.schedule-grid,.contact-layout,.image-banner{grid-template-columns:1fr}.image-banner-media{min-height:320px}.dashboard-hero,.content-head,.admin-page-title,.editor-toolbar{align-items:flex-start;flex-direction:column}.dashboard-stats,.dashboard-grid,.quick-grid{grid-template-columns:1fr 1fr}.visual-editor-shell{display:flex;flex-direction:column}.visual-toolbox,.visual-inspector{position:static;max-height:none;width:100%}.visual-canvas-panel{width:100%}.editor-toolbar-actions{flex-wrap:wrap}.media-picker-grid{grid-template-columns:repeat(2,1fr)}.preview-nav{display:none}}
@media(max-width:560px){.dashboard-stats,.dashboard-grid,.quick-grid{grid-template-columns:1fr}.visual-inspector #sectionFields{grid-template-columns:1fr}.media-picker-grid{grid-template-columns:1fr}.preview-footer{flex-direction:column;gap:.5rem}}
.public-success-toast{position:fixed;right:18px;bottom:18px;z-index:80;background:#153b5f;color:#fff;padding:1rem 1.2rem;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.2);transform:translateY(20px);opacity:0;transition:.2s}.public-success-toast.show{transform:none;opacity:1}