:root{
  --sky:#1f9fd4; --sky-deep:#12688f; --sun:#f6b93b; --sun-deep:#ef9d20;
  --leaf:#5aa85a; --cream:#fdfbf3; --paper:#ffffff;
  --ink:#33383d; --muted:#7a8288; --line:#e7e9ec;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--cream);color:var(--ink);
  font-family:"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
h1,h2,h3,.head{font-family:"Trebuchet MS","Segoe UI",Verdana,sans-serif;letter-spacing:.2px;}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px;}
a{color:var(--sky-deep);}
img{max-width:100%;}

header.site{background:var(--sky);color:#fff;box-shadow:0 2px 0 var(--sun);}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;flex-wrap:wrap;gap:8px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;}
.brand .mark{width:44px;height:44px;border-radius:50%;background:var(--sun);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.brand .name{font-family:"Trebuchet MS",sans-serif;font-size:1.18rem;line-height:1.1;font-weight:bold;}
.brand .name small{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#dff2fb;font-weight:normal;margin-top:2px;}
nav.top a{color:#eaf7fd;text-decoration:none;font-size:.94rem;margin-left:20px;font-weight:600;}
nav.top a:hover{color:#fff;}

.hero{background:linear-gradient(180deg,#e7f5fc 0%,#fdfbf3 100%);text-align:center;padding:52px 22px 58px;position:relative;overflow:hidden;}
.hero .sun{position:absolute;top:-40px;right:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--sun) 0%,var(--sun) 60%,rgba(246,185,59,0) 62%);opacity:.35;}
.hero h1{margin:0 0 14px;font-size:2.4rem;color:var(--sky-deep);line-height:1.12;}
.hero p{max-width:660px;margin:0 auto;color:#4a555c;font-size:1.08rem;}
.hero .verse{display:inline-block;margin-top:22px;background:#fff;border:2px solid var(--sun);color:var(--sun-deep);font-style:italic;padding:8px 20px;border-radius:30px;font-size:1rem;box-shadow:0 2px 8px rgba(239,157,32,.12);}

.section-head{text-align:center;margin:44px 0 6px;}
.section-head h2{font-size:1.8rem;color:var(--sky-deep);margin:0;}
.section-head .rule{width:60px;height:4px;background:var(--sun);border-radius:3px;margin:12px auto 6px;}
.section-head p{color:var(--muted);margin:6px auto 0;max-width:600px;}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:30px 0 40px;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(18,104,143,.07);transition:transform .13s ease,box-shadow .13s ease;text-decoration:none;color:inherit;}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(18,104,143,.16);}
.cover-wrap{background:#f1f5f8;padding:16px;display:flex;justify-content:center;border-bottom:1px solid var(--line);}
.cover-wrap img{height:200px;width:auto;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.18);}
.card .body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column;}
.card h3{margin:0 0 3px;font-size:1.25rem;color:var(--sky-deep);line-height:1.15;}
.card .ref{color:var(--sun-deep);font-style:italic;font-size:.92rem;font-weight:600;min-height:1.2em;}
.card .meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:.83rem;color:var(--muted);}
.pill{display:inline-block;background:var(--sky);color:#fff;font-weight:700;padding:7px 15px;border-radius:22px;font-size:.85rem;}

.btn{display:inline-block;background:var(--sun);color:#4a3407;text-decoration:none;font-weight:700;padding:9px 18px;border-radius:24px;font-size:.9rem;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(239,157,32,.28);}
.btn:hover{background:var(--sun-deep);color:#fff;}
.btn.blue{background:var(--sky);color:#fff;box-shadow:0 2px 5px rgba(31,159,212,.3);}
.btn.blue:hover{background:var(--sky-deep);}

.crumb{margin:22px 0 2px;font-size:.92rem;font-weight:600;}
.crumb a{text-decoration:none;color:var(--sky-deep);} .crumb a:hover{text-decoration:underline;}
.theme-hero{display:flex;gap:28px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px 30px;margin:10px 0 8px;border-top:7px solid var(--sky);align-items:flex-start;flex-wrap:wrap;}
.theme-hero .cov img{height:280px;width:auto;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.22);}
.theme-hero .txt{flex:1;min-width:280px;}
.theme-hero h1{margin:0 0 4px;font-size:2rem;color:var(--sky-deep);}
.theme-hero .subtitle{color:var(--muted);font-style:italic;margin:0 0 6px;font-size:1.02rem;}
.theme-hero .ref{color:var(--sun-deep);font-style:italic;font-weight:600;font-size:1.05rem;}
.theme-hero .pub{color:var(--muted);font-size:.8rem;margin-top:10px;text-transform:uppercase;letter-spacing:.09em;}
.theme-hero .desc{margin:16px 0 0;font-size:1.03rem;color:#40474d;}
.theme-hero .writer{margin:10px 0 0;font-size:.9rem;color:var(--muted);}

.lessons{margin:32px 0;}
.lessons h2,.downloads h2{color:var(--sky-deep);font-size:1.4rem;border-bottom:3px solid var(--sun);padding-bottom:8px;display:inline-block;}
ol.lesson-list{padding:0;list-style:none;counter-reset:les;margin-top:16px;max-width:720px;}
ol.lesson-list li{counter-increment:les;padding:12px 0 12px 50px;position:relative;border-bottom:1px solid var(--line);}
ol.lesson-list li::before{content:counter(les);position:absolute;left:0;top:9px;width:34px;height:34px;background:var(--sky);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Trebuchet MS",sans-serif;font-weight:bold;font-size:1rem;box-shadow:0 2px 5px rgba(31,159,212,.35);}
ol.lesson-list li:nth-child(even)::before{background:var(--leaf);box-shadow:0 2px 5px rgba(90,168,90,.35);}
ol.lesson-list li b{color:var(--sky-deep);}
.lesson-note{color:var(--muted);font-size:.9rem;font-style:italic;margin-top:10px;}

.downloads{margin:32px 0 20px;}
.dl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:11px;flex-wrap:wrap;box-shadow:0 2px 6px rgba(18,104,143,.05);}
.dl-row .who{display:flex;align-items:center;gap:16px;}
.dl-row .who img{height:66px;width:auto;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2);flex:none;background:#fff;}
.dl-row .label b{color:var(--sky-deep);font-size:1.05rem;}
.dl-row .label span{display:block;color:var(--muted);font-size:.83rem;}
.note{background:#fff7e6;border:1px solid #f6d98a;border-radius:12px;padding:14px 18px;color:#7a5b12;font-size:.92rem;margin:16px 0;}
.note a{color:var(--sun-deep);font-weight:700;}

footer{background:var(--sky-deep);color:#d5eaf4;text-align:center;padding:32px 22px;margin-top:56px;font-size:.87rem;}
footer .wrap{max-width:660px;} footer a{color:var(--sun);}
@media(max-width:620px){.theme-hero .cov img{height:220px;}.hero h1{font-size:2rem;}}

/* ---- History / About page ---- */
.hist-intro{max-width:820px;margin:0 auto 10px;font-size:1.05rem;color:#40474d;}
.hist-churches{max-width:820px;margin:30px auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 26px;border-top:5px solid var(--sun);}
.hist-churches h2{color:var(--sky-deep);font-size:1.3rem;margin:0 0 10px;}
.church-list{margin:6px 0 0;padding-left:22px;} .church-list li{margin:4px 0;font-weight:600;color:var(--sky-deep);}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin:26px 0;}
.cr-year{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 20px;box-shadow:0 2px 6px rgba(18,104,143,.05);}
.cr-year h3{margin:0 0 10px;color:var(--sky-deep);font-size:1.12rem;border-bottom:2px solid var(--sun);padding-bottom:6px;}
.cr-row{display:flex;gap:10px;padding:3px 0;font-size:.9rem;align-items:baseline;}
.cr-role{flex:none;width:120px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
.cr-name{flex:1;color:var(--ink);}
.cr-note{margin-top:10px;font-size:.85rem;color:#7a5b12;background:#fff7e6;border-radius:8px;padding:8px 12px;font-style:italic;}
.cr-price{display:inline-block;margin-top:10px;font-size:.8rem;color:var(--muted);}
.hist-memorial{max-width:820px;margin:24px auto;background:#f1f5f8;border-left:4px solid var(--sky);border-radius:8px;padding:16px 22px;color:#40474d;font-size:.98rem;}
.roster{columns:3;column-gap:28px;list-style:none;padding:0;max-width:900px;margin:18px auto;}
.roster li{padding:4px 0;font-size:.95rem;color:var(--ink);break-inside:avoid;border-bottom:1px solid var(--line);}
.roster-note{max-width:820px;margin:8px auto 0;font-size:.82rem;color:var(--muted);font-style:italic;}
@media(max-width:700px){.roster{columns:2;}}
@media(max-width:460px){.roster{columns:1;}}

/* ---- Final-chapter statement (committee concluded) ---- */
.finalnote{max-width:760px;margin:0 auto;background:#fbfaf3;border:1px solid var(--line);border-top:4px solid var(--sun);border-radius:12px;padding:20px 28px;text-align:center;}
.finalnote p{margin:0;color:#4a4033;font-size:1.02rem;line-height:1.7;}
.finalnote b{color:var(--sky-deep);}