/* FaithCore Habesha Care V5 — final approved refinements · 2026-10-17
   Keep original portraits, service content, English/Amharic copy, booking and footer. */
:root {--fc-v5-gold:#D6AC2B;--fc-v5-ink:#0B0B0B;--fc-v5-cream:#FCF9F2;--fc-v5-beige:#F5F0E6}

/* Balanced paragraph edges with natural hyphenation. Never stretch short labels/headings. */
html[lang="en"] body main#top p:not(.eyebrow):not(.fc-v4-eyebrow):not(.fc-bk-eyebrow):not(.hc-eyebrow):not(.amharic-welcome):not(.amharic):not(.fc-v6-founder-kicker):not(.fc-v6-hero-cue),
html[lang="en"] body main#top article p,
html[lang="en"] body main#top .fc-bk-panel-text,
html[lang="en"] body main#top .hc-step-detail p,
html[lang="en"] body main#top .fc-v4-how .fc-v4-step p,
html[lang="en"] body footer.site-footer p:not(.footer-label),
html[lang="am"] body main#top p:not(.eyebrow):not(.hc-eyebrow):not(.amharic-welcome):not(.amharic),
html[lang="am"] body main#top .hc-step-detail p {
 text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;
 word-spacing:normal!important;letter-spacing:normal!important;
 hyphens:auto!important;-webkit-hyphens:auto!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
@media(max-width:767px){
 html body main#top p:not(.eyebrow):not(.fc-v4-eyebrow):not(.hc-eyebrow):not(.fc-bk-eyebrow):not(.amharic-welcome):not(.amharic):not(.fc-v6-founder-kicker):not(.fc-v6-hero-cue),
 html body main#top article p,html body main#top .service-extra,
 html body main#top .fc-bk-panel-text,html body main#top .hc-step-detail p,
 html body main#top .fc-v4-how .fc-v4-step p,
 html body .site-footer p:not(.footer-label){
  text-align:left!important;text-align-last:left!important;text-justify:auto!important;
  word-spacing:normal!important;letter-spacing:normal!important;
  hyphens:none!important;-webkit-hyphens:none!important;
  overflow-wrap:break-word!important;word-break:normal!important;
 }
 /* Mobile reader comfort without altering the approved card widths or content. */
 html body main#top .fc-bk-panel-text,html body main#top .hc-step-detail p,
 html body main#top .service-extra p,html body main#top .faq-list details p{
  font-size:15px!important;line-height:1.75!important;
 }
}
/* Booking/profile: intentional headings and labels remain un-justified. */
html body main#top .fc-v6-hero-cue,html body main#top .eyebrow,
html body main#top .fc-v4-eyebrow,html body main#top .hc-eyebrow,
html body main#top .fc-bk-eyebrow,html body main#top .amharic-welcome {
 text-align:left!important;hyphens:none!important;
}
/* Semantic H1 replacement has the same typography as the original H2. */
main#top #fc-bookkeeping-title{font:inherit;}
main#top .fc-bk-intro h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(27px,3vw,41px);font-weight:700;line-height:1.19;color:#0B0B0B;margin:0 0 14px}
main#top section.faq .fc-faq-header h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,3.3vw,46px);font-weight:700;line-height:1.2;color:#0B0B0B;margin:0 auto 12px}
main#top section.faq .fc-faq-header h1 span{color:#9D7418}

/* Who We Serve heading keeps the approved state-selector design. */
main#top #who-we-serve h2{font-family:'Playfair Display',Georgia,serif}

/* Home page: compact, genuinely interactive five-step process PREVIEW. */
main#top .fc-v4-how .fc-v4-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;gap:12px!important;max-width:1220px!important;border:0!important;margin:0 auto 24px!important;}
main#top .fc-v4-how .fc-v4-step,main#top .fc-v4-how .fc-v4-step:nth-child(n),
main#top .fc-v4-how .fc-v4-step:not(.is-open):hover,
main#top .fc-v4-how .fc-v4-step:not(.is-open):focus-within{
 grid-column:auto!important;min-height:0!important;padding:0!important;
 background:var(--fc-v5-cream)!important;color:var(--fc-v5-ink)!important;
 border:1px solid var(--fc-v5-gold)!important;border-radius:9px!important;
 display:block!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;
}
main#top .fc-v4-how .fc-v4-step.is-open,main#top .fc-v4-how .fc-v4-step.is-open:hover,
main#top .fc-v4-how .fc-v4-step.is-open:focus-within{
 background:var(--fc-v5-ink)!important;color:var(--fc-v5-cream)!important;
 border-color:var(--fc-v5-gold)!important;box-shadow:0 10px 23px rgba(11,11,11,.12)!important;
}
main#top .fc-v5-home-step-toggle{width:100%!important;min-height:160px!important;display:block!important;position:relative!important;
 cursor:pointer!important;background:transparent!important;border:0!important;outline-offset:-3px;
 padding:22px 16px 23px!important;color:inherit!important;text-align:left!important;font:inherit!important;}
main#top .fc-v5-home-step-toggle:focus-visible{outline:3px solid var(--fc-v5-gold)}
main#top .fc-v4-how .fc-v4-step-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin:0 0 20px!important;}
main#top .fc-v4-how .fc-v4-step-top>span{max-width:95%!important;color:#72513A!important;font-size:10px!important;line-height:1.4!important;font-weight:800!important;text-transform:uppercase!important;}
main#top .fc-v4-how .fc-v4-step-top b{font-size:42px!important;line-height:.85!important;color:rgba(155,110,10,.27)!important;}
main#top .fc-v4-how .fc-v4-step h3{color:#0B0B0B!important;font-size:clamp(18px,1.52vw,22px)!important;line-height:1.28!important;margin:0 15px 4px 0!important;max-width:none!important;}
main#top .fc-v4-how .fc-v4-step.is-open h3,
main#top .fc-v4-how .fc-v4-step.is-open .fc-v4-step-top>span{color:var(--fc-v5-gold)!important;}
main#top .fc-v4-how .fc-v4-step.is-open .fc-v4-step-top b{color:rgba(214,172,43,.33)!important;}
main#top .fc-v5-step-chevron{position:absolute;right:13px;bottom:9px;display:grid;place-items:center;font-size:23px;font-weight:500;
 width:26px;height:26px;color:#0B0B0B!important;transition:transform .24s;}
main#top .fc-v4-step.is-open .fc-v5-step-chevron{color:var(--fc-v5-gold)!important;transform:rotate(45deg)}
main#top .fc-v5-home-step-detail{padding:0 16px 21px!important;border-top:1px solid rgba(214,172,43,.4)!important;}
main#top .fc-v5-home-step-detail[hidden]{display:none!important;}
main#top .fc-v4-how .fc-v5-home-step-detail p{color:var(--fc-v5-cream)!important;margin:17px 0 18px!important;
 font-size:14px!important;line-height:1.65!important;hyphens:auto!important;text-align:justify!important;}
main#top .fc-v4-how .fc-v5-home-step-detail .fc-v4-step-note,
main#top .fc-v4-how .fc-v5-home-step-detail a{
 display:block!important;margin-top:12px!important;padding:12px 0 0!important;border-top:1px solid rgba(214,172,43,.55)!important;
 color:var(--fc-v5-gold)!important;font-size:12px!important;line-height:1.45!important;
}
main#top .fc-v4-how .fc-v5-home-step-detail a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){main#top .fc-v4-how .fc-v4-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:620px){
 main#top .fc-v4-how .fc-v4-steps{grid-template-columns:1fr!important;gap:9px!important;}
 main#top .fc-v5-home-step-toggle{min-height:0!important;padding:17px 18px 19px!important;}
 main#top .fc-v4-how .fc-v4-step-top{margin-bottom:8px!important;}
 main#top .fc-v4-how .fc-v4-step-top b{font-size:38px!important;}
 main#top .fc-v4-how .fc-v4-step h3{font-size:20px!important;max-width:88%!important;}
 main#top .fc-v5-home-step-detail{padding:0 18px 19px!important;}
}

/* Bookkeeping/service arrows: black while closed; gold only on selected dark card. */
main#top .fc-bookkeeping-journey .fc-bk-choice:not(.is-selected) .fc-bk-chevron,
main#top .fc-bookkeeping-journey .fc-bk-choice:not(.is-selected):hover .fc-bk-chevron,
main#top .fc-bookkeeping-journey .fc-bk-choice:not(.is-selected):focus-visible .fc-bk-chevron {
 color:#0B0B0B!important;-webkit-text-fill-color:#0B0B0B!important;opacity:1!important;
}
main#top .fc-bookkeeping-journey .fc-bk-choice.is-selected .fc-bk-chevron,
main#top .fc-bookkeeping-journey .fc-bk-choice.is-selected:hover .fc-bk-chevron{
 color:#D6AC2B!important;-webkit-text-fill-color:#D6AC2B!important;opacity:1!important;
}
main#top .polished-service-grid>article:not(.is-open) .learn-more{color:#0B0B0B!important}
main#top .polished-service-grid>article.is-open .learn-more{color:#D6AC2B!important}
/* Native accordion disclosure indicators: appropriate contrast in both states. */
main#top .faq-list details:not([open]) summary span,
main#top .hc-how-faq details:not([open]) summary::after,
main#top .hc-fees-reasons details:not([open]) summary::after,
main#top .payroll-responsibility details:not([open]) summary span{color:#0B0B0B!important;opacity:1!important}
main#top .faq-list details[open] summary span,
main#top .hc-how-faq details[open] summary::after,
main#top .hc-fees-reasons details[open] summary::after,
main#top .payroll-responsibility details[open] summary span{color:#D6AC2B!important;opacity:1!important}

/* The photographs are whole-image, not zoomed crops. Desktop keeps readable copy overlay. */
html body main#top section.hero .fc-hero-slide{
 background-size:cover!important;background-position:center center!important;
 transform:none!important;animation:none!important;
}
html body main#top section.hero .fc-hero-slide img{
 display:block;position:absolute;inset:0;width:100%;height:100%;
 object-fit:contain;object-position:center center;opacity:1;
 pointer-events:none;
}
html body main#top section.hero .fc-hero-slide.is-active{animation:none!important;}
@media(max-width:760px){
 html body main#top section.hero{
  animation:none!important;display:flex!important;flex-direction:column!important;
  gap:0!important;align-items:stretch!important;justify-content:flex-start!important;
  padding:0 0 30px!important;min-height:0!important;
  background:#0B0B0B!important;
 }
 html body main#top section.hero .fc-hero-slides{
  position:relative!important;inset:auto!important;z-index:0!important;
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  flex:none!important;order:0!important;overflow:hidden!important;
  background:#201b14!important;
 }
 html body main#top section.hero .fc-hero-slide,
 html body main#top section.hero .fc-hero-slide--home,
 html body main#top section.hero .fc-hero-slide--care{
  background-size:contain!important;background-position:center center!important;
  transform:none!important;animation:none!important;
 }
 html body main#top section.hero .fc-hero-slides::after{
  content:none!important;display:none!important;
 }
 html body main#top section.hero .hero-copy{
  order:2!important;position:relative!important;z-index:1!important;
  width:100%!important;max-width:none!important;
  margin:0!important;padding:35px 22px 22px!important;
  color:#FCF9F2!important;background:#0B0B0B!important;
 }
 html body main#top section.hero .hero-copy h1{
  font-size:clamp(32px,8.3vw,42px)!important;line-height:1.14!important;
  color:#FCF9F2!important;max-width:100%!important;
 }
 html body main#top section.hero .hero-copy h1 span{color:#D6AC2B!important}
 html body main#top section.hero .hero-copy .hero-intro{
  color:#F5F0E6!important;font-size:15px!important;
  line-height:1.73!important;margin:19px 0 23px!important;
 }
 html body main#top section.hero .hero-copy .eyebrow,
 html body main#top section.hero .hero-copy .amharic-welcome{color:#D6AC2B!important;}
 html body main#top section.hero .hero-copy .trust-line span{color:#F5F0E6!important;}
 html body main#top section.hero .fc-v6-hero-cue{color:#E8DDBF!important;}
 html body main#top section.hero .hero-card{
  order:3!important;max-width:none!important;width:calc(100% - 40px)!important;
  align-self:center!important;margin:10px 20px 0!important;
  position:relative!important;z-index:1!important;
 }
 html body main#top section.hero .fc-slide-controls{
  position:absolute!important;z-index:5!important;
  top:calc(100vw * 9 / 16 - 45px)!important;bottom:auto!important;
  left:50%!important;transform:translateX(-50%)!important;
  gap:8px!important;
 }
 html body main#top section.hero .fc-slide-controls button{
  background:rgba(11,11,11,.79)!important;border:1px solid #D6AC2B!important;
  color:#D6AC2B!important;min-height:38px!important;min-width:38px!important;
 }
 html body main#top section.hero .fc-slide-indicator{color:#FCF9F2!important;}
}
@media(prefers-reduced-motion:reduce){
 html body main#top section.hero .fc-hero-slide,
 main#top .fc-v5-step-chevron{transition:none!important;animation:none!important;}
}

/* Visual QA corrections: H1 headings must retain original approved sizing. */
main#top .fc-bookkeeping-journey #fc-bookkeeping-title{
 font-family:'Playfair Display',Georgia,serif!important;
 font-size:clamp(29px,3.3vw,44px)!important;
 font-weight:700!important;line-height:1.18!important;
 text-align:center!important;color:#0B0B0B!important;
 margin:10px 0 13px!important;
}
@media(max-width:700px){main#top .fc-bookkeeping-journey #fc-bookkeeping-title{font-size:clamp(26px,7.5vw,34px)!important;}}
/* Inactive bookkeeping choices always look cream, including after changing selection. */
html body main#top .fc-bookkeeping-journey .fc-bk-choice:not(.is-selected),
html body main#top .fc-bookkeeping-journey .fc-bk-choice:not(.is-selected):is(:hover,:focus-visible,:focus-within){
 background:#FCF9F2!important;color:#0B0B0B!important;
 border-color:#D6AC2B!important;box-shadow:0 3px 14px rgba(11,11,11,.04)!important;
}
html body main#top .fc-bookkeeping-journey .fc-bk-choice.is-selected{
 background:#0B0B0B!important;color:#FCF9F2!important;border-color:#D6AC2B!important;
}