
:root{
  --ink:#18212a;
  --muted:#65717c;
  --paper:#fffdf8;
  --gold:#c98522;
  --gold2:#e8ad4d;
  --navy:#0e2b46;
  --line:#e7dfd3;
  --card:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.7;
}
a{color:#8b4f00}
.site-header{
  position:sticky; top:0; z-index:20;
  background:rgba(255,253,248,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter: blur(8px);
}
.nav{
  max-width:1120px; margin:auto; padding:12px 22px;
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
}
.brand{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800; letter-spacing:.02em; text-decoration:none;
  color:var(--navy); margin-right:auto;
}
.nav a:not(.brand){font-family:Arial,Helvetica,sans-serif;text-decoration:none;color:#33414d;font-size:.95rem}
.hero{
  background:linear-gradient(135deg,#f4b54d 0%,#d57b1f 50%,#173a5a 100%);
  color:white;
}
.hero-inner{
  max-width:1120px; margin:auto; padding:72px 22px;
  display:grid; grid-template-columns:minmax(240px,360px) 1fr; gap:58px; align-items:center;
}
.hero img{width:100%;max-width:360px;border-radius:3px;box-shadow:0 22px 60px rgba(0,0,0,.34)}
.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.82rem}
h1,h2,h3{line-height:1.14}
h1{font-size:clamp(2.7rem,7vw,5.6rem);margin:.18em 0 .1em}
.hero .subtitle{font-size:1.35rem;max-width:720px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{
  display:inline-block;padding:12px 18px;border-radius:8px;
  background:white;color:var(--navy);font-family:Arial,Helvetica,sans-serif;
  font-weight:700;text-decoration:none
}
.btn.secondary{background:transparent;color:white;border:1px solid rgba(255,255,255,.65)}
main{max-width:1120px;margin:auto;padding:54px 22px}
.lead{font-size:1.25rem;color:#3d4851;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:24px;box-shadow:0 7px 24px rgba(33,28,20,.05)
}
.card h3{margin-top:0}
.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.chapter-link{
  display:block;background:white;border:1px solid var(--line);border-radius:10px;
  padding:16px 18px;text-decoration:none;color:var(--ink)
}
.chapter-link span{font-family:Arial,Helvetica,sans-serif;color:var(--gold);font-weight:800;margin-right:8px}
.section-title{font-size:2rem;margin-top:56px}
.book-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}
.book-nav{position:sticky;top:86px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px}
.book-nav a{display:block;padding:5px 0;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}
.book-content{max-width:760px}
.book-content h1{font-size:2.5rem;color:var(--navy)}
.book-content h2{margin-top:2.2em;color:var(--navy)}
.book-content h3{margin-top:1.7em;color:var(--navy);font-size:1.28rem}
.book-content p{margin:0 0 1.15em}
.study-question{
  background:#fff6e5;border-left:4px solid var(--gold);padding:12px 16px;
  font-weight:700;border-radius:0 8px 8px 0
}
.answer-line{height:24px;border-bottom:1px solid #9a9a9a;margin:-8px 0 16px}
.notice{background:#edf5fb;border:1px solid #cddfeb;border-radius:10px;padding:16px 18px}
.download{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  border-bottom:1px solid var(--line);padding:15px 0
}
.download a{font-family:Arial,Helvetica,sans-serif;font-weight:700}
footer{margin-top:60px;background:var(--navy);color:#eef3f7;padding:34px 22px;text-align:center}
footer a{color:#ffd38a}
@media(max-width:780px){
  .hero-inner{grid-template-columns:1fr;text-align:center;padding-top:44px}
  .hero img{margin:auto;max-width:290px}
  .buttons{justify-content:center}
  .grid,.chapters{grid-template-columns:1fr}
  .book-layout{grid-template-columns:1fr}
  .book-nav{position:static}
}

.resource-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:12px 0}.resource-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.resource-actions a{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:#fff}.author{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin:42px 0}.author img{width:170px;height:170px;object-fit:cover;border-radius:12px;box-shadow:0 7px 24px rgba(33,28,20,.12)}.author h2{margin-top:0;color:var(--navy)}.study-figure{margin:28px auto;text-align:center}.study-figure img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.study-figure figcaption{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;color:#66717a;margin-top:8px}
.print-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#f7f3eb;border:1px solid #e1d7c5;border-radius:14px;padding:24px 26px;margin:28px 0 38px}
.print-option h2{margin:.2em 0 .4em;color:var(--navy)}
.print-option p{margin-bottom:0}
.print-option .btn{white-space:nowrap;text-align:center}

@media(max-width:680px){.resource-card{align-items:flex-start;flex-direction:column}.resource-actions{justify-content:flex-start}.author{grid-template-columns:1fr;text-align:center}.author img{margin:auto}}

.mindful-visuals .study-figure img{max-height:900px;width:auto;max-width:100%;object-fit:contain}.mindful-visuals .study-figure{margin:42px auto}.mindful-visuals h3{margin-bottom:12px}


/* 2026 digital-edition and discipleship-pathway additions */
.btn.dark{background:var(--navy);color:white}
.btn.outline{background:white;color:var(--navy);border:1px solid #9fb0bf}
.inline-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}
.featured-resource{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin:34px 0;box-shadow:0 9px 30px rgba(33,28,20,.06)}
.featured-resource h2{margin:.2em 0 .45em;color:var(--navy)}
.resource-kicker{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;color:#9b5d08}
.featured-actions{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:210px}
.featured-actions .text-link{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;text-align:center}
.book-download{grid-template-columns:160px minmax(0,1fr)}
.book-download>img{width:160px;border-radius:3px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.topic-card{display:flex;gap:14px;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:12px;padding:17px 18px;text-decoration:none;color:var(--ink)}
.topic-card>span,.path-step>span{font-family:Arial,Helvetica,sans-serif;font-weight:800;color:var(--gold);font-size:1.05rem}
.topic-card strong,.path-step strong{display:block;color:var(--navy);font-size:1.05rem}
.topic-card small,.path-step small{display:block;color:var(--muted);line-height:1.45;margin-top:3px}
.study-note{background:#fff6e5;border-left:4px solid var(--gold);padding:13px 16px;border-radius:0 8px 8px 0;margin-top:24px}
.pathway{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.path-step{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:var(--ink);display:flex;gap:12px}
.mindful-feature{grid-template-columns:minmax(0,1fr) 280px}
.mini-visual{width:100%;max-width:260px;height:auto;border:1px solid var(--line);border-radius:10px;background:white}
.deeper-section{scroll-margin-top:100px}
.deeper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.deeper-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(33,28,20,.04)}
.deeper-card h3{color:var(--navy);margin:.35em 0 .15em}
.deeper-card p{margin:.55em 0}
.next-step{font-family:Arial,Helvetica,sans-serif;font-size:.88rem;background:#f7f3eb;border-radius:8px;padding:9px 11px;margin-top:14px}
.companion-note{margin:0 0 24px}
@media(max-width:900px){.pathway{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.featured-resource,.book-download,.mindful-feature,.print-option{grid-template-columns:1fr}.book-download>img{margin:auto}.featured-actions{min-width:0}.topic-grid,.deeper-grid,.pathway{grid-template-columns:1fr}}

/* Supplemental video teaching */
.video-teaching-section{scroll-margin-top:100px}
.video-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.video-topic{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(33,28,20,.04)}
.video-topic h3{color:var(--navy);font-size:1.35rem;margin:.35em 0 .8em}
.video-links{display:grid;gap:8px}
.video-links a{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;color:var(--ink);background:#f7f3eb;border-radius:8px;padding:10px 12px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.video-links a span{color:#8b4f00;font-size:.88rem;white-space:nowrap}
.video-note{font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:.92rem;margin-top:8px}
@media(max-width:680px){.video-topic-grid{grid-template-columns:1fr}}
