:root{
  --ink: #1B2A4A;
  --ink-2: #101A30;
  --gold: #B9902E;
  --gold-light: #E6C878;
  --paper: #FAF6EC;
  --paper-2: #F1E9D6;
  --burgundy: #7A2331;
  --text: #22242B;
  --text-muted: #5B5F6B;
  --line: rgba(27,42,74,0.14);
  --radius: 4px;
  --serif: "Fraunces", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:var(--paper);
  line-height:1.6;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;}
.wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 24px;
}
h1,h2,h3{
  font-family:var(--serif);
  font-weight:600;
  color:var(--ink);
  margin:0 0 0.5em;
  line-height:1.1;
}
h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:500;}
h2{font-size:clamp(1.7rem,3vw,2.3rem);}
h3{font-size:1.15rem;margin-bottom:0.4em;}
p{margin:0 0 1em;color:var(--text-muted);}
.eyebrow{
  font-family:var(--mono);
  font-size:0.78rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--burgundy);
  margin:0 0 0.9em;
}

/* header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,246,236,0.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.brand-mark{color:var(--gold);}
.brand-text{
  font-family:var(--serif);font-weight:600;font-size:1rem;line-height:1.15;
}
.brand-text em{font-style:italic;font-weight:400;color:var(--burgundy);}
.main-nav{display:flex;gap:28px;}
.main-nav a{
  font-size:0.92rem;text-decoration:none;color:var(--ink);
  border-bottom:1px solid transparent;padding-bottom:2px;
}
.main-nav a:hover, .main-nav a:focus-visible{border-bottom-color:var(--gold);}
.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;background:none;border:none;cursor:pointer;
}
.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;}

/* buttons */
.btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:var(--radius);
  font-size:0.95rem;
  font-weight:500;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform 0.15s ease, background 0.15s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--ink);color:var(--paper);}
.btn-primary:hover{background:var(--ink-2);}
.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.6em;}

/* hero */
.hero{padding:72px 0 96px;}
.hero-inner{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:56px;
  align-items:center;
}
.hero-lede{font-size:1.08rem;max-width:46ch;}

.reading-card{
  background:var(--ink);
  color:var(--paper);
  border-radius:12px;
  padding:36px 32px;
  text-align:center;
  position:relative;
  box-shadow:0 20px 50px -20px rgba(27,42,74,0.5);
}
.reading-label{
  font-family:var(--mono);font-size:0.75rem;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--gold-light);margin-bottom:0.6em;
}
.reading-date{margin:0 0 20px;line-height:1;}
.reading-weekday{
  font-family:var(--serif);font-size:2rem;font-weight:600;display:block;color:var(--paper);
}
.reading-month{
  font-family:var(--serif);font-size:1.35rem;font-weight:500;display:block;margin-top:0.25em;color:var(--gold-light);
}
.reading-passage{
  font-family:var(--mono);font-size:0.9rem;line-height:1.4;color:var(--gold-light);
  margin:0 0 20px;min-height:1.4em;
}
.reading-play{
  width:64px;height:64px;border-radius:50%;
  background:var(--gold);
  border:none;color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:background 0.15s ease, transform 0.15s ease;
}
.reading-play svg{margin-left:3px;}
.reading-play:hover{background:var(--gold-light);transform:scale(1.04);}
.reading-play.is-playing svg{margin-left:0;}
.reading-status{
  margin-top:16px;font-size:0.85rem;color:rgba(250,246,236,0.7);
}
.reading-progress{
  margin-top:14px;height:3px;background:rgba(250,246,236,0.2);border-radius:2px;overflow:hidden;
}
.reading-progress-bar{height:100%;width:0%;background:var(--gold);}

/* sections */
.section{padding:88px 0;}
.section-alt{background:var(--paper-2);}
.section-grid{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;
}
.section-head-center{max-width:640px;margin:0 auto 48px;text-align:center;}
.section-sub{font-size:0.95rem;}
.section-body p{max-width:60ch;}

/* schedule ledger */
.map-wrap {
  max-width: 840px;
  margin: 0 auto 48px;
  text-align: center;
}

.map-wrap iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 4px;
}
.ledger{
  max-width:840px;margin:0 auto;
  border-top:1px solid var(--line);
}
.ledger-row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
  padding:26px 0;border-bottom:1px solid var(--line);
}
.ledger-row-main{background:rgba(185,144,46,0.06);margin:0 -20px;padding:26px 20px;border-radius:8px;border-bottom:1px solid var(--line);}
.ledger-tag{
  font-family:var(--mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--burgundy);
}
.ledger-name h3{margin-bottom:0.25em;}
.ledger-name p{margin:0;max-width:50ch;font-size:0.95rem;}
.ledger-time{
  font-family:var(--mono);font-size:0.85rem;color:var(--ink);white-space:nowrap;padding-top:4px;
}

/* ministries cards */
.card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px;
  background:var(--line);
  border:1px solid var(--line);
}
.card{
  background:var(--paper);
  padding:32px 26px;
}
.card-icon{
  display:inline-flex;width:34px;height:34px;color:var(--gold);margin-bottom:16px;
}
.card p{font-size:0.92rem;margin:0;}

/* prayer partners */
.prayer-section{background:var(--ink);color:var(--paper);}
.prayer-section .eyebrow{color:var(--gold-light);}
.prayer-section h2{color:var(--paper);}
.prayer-section p{color:rgba(250,246,236,0.75);}
.prayer-grid{
  display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;
}
.globe{color:var(--gold-light);}
.prayer-dots circle{fill:var(--gold-light);}

/* contact */
.contact-grid{
  display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:start;
}
.contact-facts{list-style:none;margin:1.6em 0 0;padding:0;font-size:0.92rem;}
.contact-facts li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--text-muted);}
.contact-facts strong{color:var(--ink);font-weight:500;}
.contact-form{
  background:var(--paper-2);
  border-radius:10px;
  padding:32px;
  display:flex;flex-direction:column;gap:16px;
}
.contact-form label{
  display:flex;flex-direction:column;gap:6px;font-size:0.85rem;color:var(--text-muted);
}
.contact-form input,.contact-form select,.contact-form textarea{
  font-family:var(--sans);font-size:0.95rem;
  padding:10px 12px;border:1px solid var(--line);border-radius:6px;
  background:var(--paper);color:var(--text);
}
.contact-form button{align-self:flex-start;margin-top:4px;}
.form-note{font-size:0.85rem;color:var(--burgundy);min-height:1em;}

/* footer */
.site-footer{background:var(--ink-2);color:rgba(250,246,236,0.7);padding:40px 0;}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:0.85rem;}
.footer-copy{color:rgba(250,246,236,0.45);}

/* responsive */
@media (max-width: 900px){
  .hero-inner, .section-grid, .prayer-grid, .contact-grid{grid-template-columns:1fr;}
  .card-grid{grid-template-columns:repeat(2,1fr);}
  .main-nav{
    position:absolute;top:100%;left:0;right:0;
    background:var(--paper);
    flex-direction:column;gap:0;
    border-bottom:1px solid var(--line);
    max-height:0;overflow:hidden;
    transition:max-height 0.25s ease;
  }
  .main-nav.is-open{max-height:400px;}
  .main-nav a{padding:14px 24px;border-bottom:1px solid var(--line);}
  .nav-toggle{display:flex;}
}
@media (max-width: 560px){
  .card-grid{grid-template-columns:1fr;}
  .ledger-row{flex-direction:column;gap:6px;}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .btn, .reading-play{transition:none;}
}

/* focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px;
}