:root{color-scheme:light;--green:#2D4739;--paper:#F6F2ED;--border:#d7d6cc}
*{box-sizing:border-box}
body{margin:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--paper);color:#1B1B1B;font:17px/1.7 system-ui,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
header,main,footer{width:100%;max-width:960px;margin:auto;padding:clamp(16px,4vw,28px)}
header{border-bottom:1px solid var(--border)}
.brand{display:inline-flex;align-items:center;min-height:48px;font:700 26px Georgia,serif;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;font-size:15px;border-radius:10px;text-decoration:none}
nav a:hover,nav a[aria-current="page"]{background:#fff}
nav a[aria-current="page"]{font-weight:700}
.mobile-menu{display:none}
main{min-height:60vh;min-height:60svh}
h1,h2,h3{color:var(--green);line-height:1.2;overflow-wrap:break-word}
h1{font:clamp(32px,7vw,66px)/1.12 Georgia,serif;max-width:760px;margin:24px 0;text-wrap:balance}
h2{font:clamp(24px,4vw,28px)/1.25 Georgia,serif;margin-top:32px}
h3{font-size:19px}
p{max-width:70ch;overflow-wrap:anywhere}
a{color:var(--green);text-underline-offset:4px;overflow-wrap:anywhere}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.hero{padding:24px 0}
.intro{font-size:clamp(18px,2.5vw,21px);max-width:55ch}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.mission{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:clamp(20px,4vw,32px);margin:24px 0;background:#fff;border-radius:20px}
.mission h2{margin-top:0}
.mission-statement{font-size:18px;margin-bottom:0}
.scripture{margin:0;border-left:3px solid #A7BFA8;padding-left:20px;align-self:center}
.scripture blockquote{margin:0;font:clamp(20px,2.5vw,24px)/1.5 Georgia,serif;color:var(--green)}
.scripture blockquote p{margin:0}
.scripture figcaption{margin-top:12px;font-size:15px}
.scripture a{display:inline-flex;align-items:center;min-height:48px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.card{min-width:0;background:#fff;border-radius:16px;padding:24px}
.card h2{margin-top:0;font-size:25px}
.card p{font-size:16px;margin-bottom:0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:var(--green);color:#fff;border-radius:12px;padding:12px 20px;text-decoration:none;text-align:center}
.resource-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.resource-links a{display:inline-flex;align-items:center;min-height:48px}
.muted{color:#555f55;font-size:15px}
.draft{border-left:3px solid var(--green);padding:12px 18px;background:#fff}
footer{border-top:1px solid var(--border);font-size:15px;margin-top:32px;padding-bottom:max(32px,env(safe-area-inset-bottom))}
footer a{display:inline-block;min-height:48px;padding-top:10px;padding-bottom:10px}
.skip{position:absolute;left:-10000px}
.skip:focus{left:16px;top:8px;background:#fff;padding:8px;z-index:1}
@media(max-width:840px){.cards,.mission{grid-template-columns:1fr}.card{padding:20px}.mission{gap:24px}}
@media(max-width:640px){
  body{font-size:16px;line-height:1.65}
  .desktop-nav{display:none}
  .mobile-menu{display:block;margin-top:8px}
  .mobile-menu summary{min-height:48px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;color:var(--green);font-weight:600;cursor:pointer;list-style-position:inside}
  .mobile-menu nav{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px;padding:8px;background:#fff;border-radius:12px}
  .mobile-menu nav a{font-size:16px;padding:12px}
  .mobile-menu nav a[aria-current="page"]{background:var(--paper)}
  .hero{padding:8px 0 12px}
  .hero h1{margin-top:20px}
  .hero .button{width:100%}
  .resource-links{flex-direction:column;align-items:flex-start}
  footer{margin-top:20px}
}