/* Answers for a Broken Heart — canonical interior consistency layer
   Homepage is the visual source of truth for palette, typography, surfaces,
   controls, page width, and overall editorial feel. */

:root{
  --ab-pine:#294533;
  --ab-deep:#183024;
  --ab-cream:#f5f0e7;
  --ab-warm:#fbf8f2;
  --ab-paper:#fffefb;
  --ab-ink:#242a26;
  --ab-muted:#656d67;
  --ab-gold:#ad823d;
  --ab-line:#ded8cd;
  --ab-soft:#eef2ed;
  --ab-wide:1160px;
}

body[class*="page-"]{
  background:var(--ab-paper)!important;
  color:var(--ab-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1.62!important;
}
body[class*="page-"] main{background:var(--ab-paper)!important}
body[class*="page-"] .wrap{width:min(var(--ab-wide),calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
body[class*="page-"] h1,
body[class*="page-"] h2,
body[class*="page-"] h3,
body[class*="page-"] h4{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
  color:var(--ab-deep)!important;
}
body[class*="page-"] p{color:inherit}
body[class*="page-"] .eyebrow{
  color:var(--ab-gold)!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:.67rem!important;
  font-weight:800!important;
}
body[class*="page-"] a:not(.btn):not(.openNow):not(.journalButton){text-underline-offset:2px}

/* HEROES — same warm cream/sage language as homepage */
body[class*="page-"] .hero,
body[class*="page-"] .subHero{
  background:linear-gradient(120deg,#f7f2e9 0%,#edf1eb 100%)!important;
  border:0!important;
  border-bottom:1px solid var(--ab-line)!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body[class*="page-"] .heroInner,
body[class*="page-"] .bookHero,
body[class*="page-"] .freeHero{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[class*="page-"] .hero h1,
body[class*="page-"] .subHero h1{color:#244432!important}
body[class*="page-"] .heroLead,
body[class*="page-"] .hero .lead,
body[class*="page-"] .subHero .lead,
body[class*="page-"] .dek{color:#4b5850!important}
body[class*="page-"] .heroNote,
body[class*="page-"] .reassure,
body[class*="page-"] .promise{color:var(--ab-muted)!important;border-color:var(--ab-line)!important}

/* SECTIONS — only four surface families across the site */
body[class*="page-"] .section,
body[class*="page-"] .inside,
body[class*="page-"] .intro,
body[class*="page-"] .useSec,
body[class*="page-"] .related{background:var(--ab-paper)!important}
body[class*="page-"] .sectionWarm,
body[class*="page-"] .truthSection,
body[class*="page-"] .library,
body[class*="page-"] .tools,
body[class*="page-"] .guide,
body[class*="page-"] .gridSec,
body[class*="page-"] .supportingLinks,
body[class*="page-"] .supportingLinksWave2{
  background:#faf8f3!important;
  border-color:var(--ab-line)!important;
}
body[class*="page-"] .helping,
body[class*="page-"] .future,
body[class*="page-"] .podcast,
body[class*="page-"] .pastoral,
body[class*="page-"] .audience{background:var(--ab-soft)!important;color:var(--ab-ink)!important}
body[class*="page-"] .scripture,
body[class*="page-"] .scriptureBox,
body[class*="page-"] .relatedCard,
body[class*="page-"] .use,
body[class*="page-"] .tonightCard,
body[class*="page-"] .minuteItem,
body[class*="page-"] .anchor{background:var(--ab-cream)!important;color:var(--ab-ink)!important}

/* DEEP GREEN — reserved for primary answer/care moments */
body[class*="page-"] .quick,
body[class*="page-"] .night,
body[class*="page-"] .tonight,
body[class*="page-"] .churchKit,
body[class*="page-"] .bookCta,
body[class*="page-"] .cta,
body[class*="page-"] .short,
body[class*="page-"] .shortAnswer,
body[class*="page-"] .formBand{
  background:var(--ab-deep)!important;
  color:#fff!important;
  border-color:var(--ab-deep)!important;
}
body[class*="page-"] .quick h2,
body[class*="page-"] .night h2,
body[class*="page-"] .tonight h2,
body[class*="page-"] .churchKit h2,
body[class*="page-"] .bookCta h2,
body[class*="page-"] .cta h2,
body[class*="page-"] .short h2,
body[class*="page-"] .shortAnswer h2,
body[class*="page-"] .formBand h2,
body[class*="page-"] .quick h3,
body[class*="page-"] .night h3,
body[class*="page-"] .tonight h3,
body[class*="page-"] .cta h3{color:#fff!important}
body[class*="page-"] .quick p,
body[class*="page-"] .night p,
body[class*="page-"] .tonight p,
body[class*="page-"] .churchKit p,
body[class*="page-"] .bookCta p,
body[class*="page-"] .cta p,
body[class*="page-"] .short p,
body[class*="page-"] .shortAnswer p,
body[class*="page-"] .formBand p{color:rgba(255,255,255,.82)!important}

/* BUTTONS — one treatment everywhere */
body[class*="page-"] .btn,
body[class*="page-"] button.btn,
body[class*="page-"] .openNow,
body[class*="page-"] .journalButton,
body[class*="page-"] form button:not(.filter){
  background:var(--ab-pine)!important;
  color:#fff!important;
  border:1px solid var(--ab-pine)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:800!important;
}
body[class*="page-"] .btn:hover,
body[class*="page-"] button.btn:hover,
body[class*="page-"] .openNow:hover,
body[class*="page-"] .journalButton:hover,
body[class*="page-"] form button:not(.filter):hover{background:var(--ab-deep)!important;border-color:var(--ab-deep)!important}
body[class*="page-"] .btn.secondary,
body[class*="page-"] .btn.outline,
body[class*="page-"] .btn.light{background:#fff!important;color:var(--ab-pine)!important;border:1px solid var(--ab-pine)!important}
body[class*="page-"] .filter{background:#fff!important;color:var(--ab-pine)!important;border:1px solid var(--ab-line)!important;border-radius:999px!important}
body[class*="page-"] .filter.active{background:var(--ab-pine)!important;color:#fff!important;border-color:var(--ab-pine)!important}

/* CARDS / PANELS — white, quiet border, minimal rounding */
body[class*="page-"] .card,
body[class*="page-"] .answerCard,
body[class*="page-"] .relatedCard,
body[class*="page-"] .choice,
body[class*="page-"] .truth,
body[class*="page-"] .item,
body[class*="page-"] .journalCard,
body[class*="page-"] .audience,
body[class*="page-"] .tonightCard,
body[class*="page-"] .podcast,
body[class*="page-"] .sideCard,
body[class*="page-"] .pastoral,
body[class*="page-"] .scripture,
body[class*="page-"] .scriptureBox,
body[class*="page-"] .supportingCard,
body[class*="page-"] .waveCard,
body[class*="page-"] .siteSimpleSide,
body[class*="page-"] .siteFullAnswer,
body[class*="page-"] .siteNextSteps,
body[class*="page-"] .answerDeepDive{
  border:1px solid var(--ab-line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
body[class*="page-"] .card,
body[class*="page-"] .answerCard,
body[class*="page-"] .choice,
body[class*="page-"] .truth,
body[class*="page-"] .item,
body[class*="page-"] .supportingCard,
body[class*="page-"] .waveCard,
body[class*="page-"] .siteSimpleSide{background:#fff!important}
body[class*="page-"] .card:hover,
body[class*="page-"] .answerCard:hover,
body[class*="page-"] .choice:hover,
body[class*="page-"] .relatedCard:hover,
body[class*="page-"] .supportingCard:hover,
body[class*="page-"] .waveCard:hover{box-shadow:0 12px 28px rgba(30,44,35,.08)!important;border-color:#cfc6b7!important}

/* Normalize legacy text colors */
body[class*="page-"] .card h3,
body[class*="page-"] .answerCard h3,
body[class*="page-"] .choice h3,
body[class*="page-"] .truth strong,
body[class*="page-"] .item h3,
body[class*="page-"] .audience h2,
body[class*="page-"] .tonightCard h2,
body[class*="page-"] .podcast h3,
body[class*="page-"] .sideCard h3,
body[class*="page-"] .siteSimpleSide h3,
body[class*="page-"] .supportingCard strong,
body[class*="page-"] .waveCard strong{color:var(--ab-deep)!important}
body[class*="page-"] .card p,
body[class*="page-"] .answerCard p,
body[class*="page-"] .choice p,
body[class*="page-"] .truth p,
body[class*="page-"] .item p,
body[class*="page-"] .audience p,
body[class*="page-"] .tonightCard p,
body[class*="page-"] .podcast p,
body[class*="page-"] .sideCard p,
body[class*="page-"] .supportingCard span,
body[class*="page-"] .waveCard span,
body[class*="page-"] .sectionHead>p{color:var(--ab-muted)!important}
body[class*="page-"] .card small,
body[class*="page-"] .answerCard small,
body[class*="page-"] .relatedCard small,
body[class*="page-"] .item small,
body[class*="page-"] .supportingCard small,
body[class*="page-"] .waveCard small{color:var(--ab-gold)!important}

/* FORMS */
body[class*="page-"] input[type="email"],
body[class*="page-"] input[type="search"],
body[class*="page-"] input[type="text"],
body[class*="page-"] textarea,
body[class*="page-"] .searchBox,
body[class*="page-"] .search{background:#fff!important;border:1px solid var(--ab-line)!important;border-radius:2px!important;color:var(--ab-ink)!important;box-shadow:none!important}

/* BOOK / FREE RESOURCES — remove older olive rounded system */
body.page-book .hero,
body.page-free-guides .hero{padding-top:0!important}
body.page-book .heroInner,
body.page-free-guides .heroInner{border-radius:0!important;border-left:0!important;border-right:0!important;background:transparent!important}
body.page-book .bookCover,
body.page-free-guides .tonightCard,
body.page-free-guides .journalCard{border-radius:2px!important}
body.page-book .bookTitle,
body.page-book .bookAuthor{color:var(--ab-pine)!important}
body.page-book .bookHeart{color:var(--ab-gold)!important}
body.page-book .bookSub{color:#3e4741!important;text-transform:none!important;letter-spacing:0!important;font-family:Georgia,"Times New Roman",serif!important;line-height:1.35!important}
body.page-free-guides .resourceIcon{background:var(--ab-pine)!important}
body.page-free-guides .journalCard.women,
body.page-free-guides .journalCard.men{background:#fff!important}
body.page-free-guides .pills span{background:var(--ab-cream)!important;border:1px solid var(--ab-line)!important;color:var(--ab-muted)!important}

/* ALL ANSWERS */
body.page-all-answers .intro{display:none!important}
body.page-all-answers .groupHead p{max-width:650px!important;color:var(--ab-muted)!important}
body.page-all-answers .card p{font-size:.8rem!important;line-height:1.5!important}
body.page-all-answers .count{color:var(--ab-gold)!important}

/* ANSWER PAGES */
body[class*="page-answer-"] .hero{padding-top:48px!important;padding-bottom:48px!important}
body[class*="page-answer-"] .hero h1{max-width:920px!important}
body[class*="page-answer-"] .answerTopicHub{margin-top:10px!important;color:var(--ab-muted)!important}
body[class*="page-answer-"] .answerTopicHub a{color:var(--ab-pine)!important}
body[class*="page-answer-"] .minuteHelp{background:#fff!important;border:1px solid var(--ab-line)!important;border-top:3px solid var(--ab-gold)!important;border-radius:2px!important}
body[class*="page-answer-"] .minuteItem{background:var(--ab-cream)!important;border-radius:0!important}
body[class*="page-answer-"] .answerSafety{font-size:.76rem!important;line-height:1.5!important;color:var(--ab-muted)!important}
body[class*="page-answer-"] .keyline{color:var(--ab-deep)!important;border-left-color:var(--ab-gold)!important}
body[class*="page-answer-"] .siteFullAnswer>summary,
body[class*="page-answer-"] .siteNextSteps>summary,
body[class*="page-answer-"] .answerDeepDive>summary{background:#faf8f3!important;color:var(--ab-deep)!important}
body[class*="page-answer-"] .siteFullAnswerBody{background:var(--ab-paper)!important}

/* Legacy headers / footers before runtime replacement */
body[class*="page-"] .siteHeader,
body[class*="page-"] header.siteHeader{background:rgba(255,254,251,.97)!important;border-bottom:1px solid rgba(33,49,40,.08)!important;box-shadow:none!important}
body[class*="page-"] .siteFooter,
body[class*="page-"] footer.siteFooter{background:#244833!important;color:rgba(255,255,255,.88)!important;border:0!important}
body[class*="page-"] .footerTag,
body[class*="page-"] .copyright{color:rgba(255,255,255,.68)!important}
body[class*="page-"] .footerLinks a{color:rgba(255,255,255,.88)!important}

@media(max-width:820px){
  body[class*="page-"] .wrap{width:min(100% - 30px,var(--ab-wide))!important}
  body.page-book .heroInner,
  body.page-free-guides .heroInner{padding-left:0!important;padding-right:0!important}
}