/* FaithCore Care V7.10 — refined section rhythm and visual continuity.
   Desktop pricing color & whitespace; matching line-icons on Meet Meron;
   a narrow bordered cream divider between final CTA and footer.
   Existing text, interactive behavior and all other pages are unchanged. */

/* The same boutique cream/gold treatment on DESKTOP as approved on mobile. */
html body main#top > section#pricing-summary.fc-v4-pricing {
  background:#F5F0E6!important;
  color:#0B0B0B!important;
  border-top:3px solid #D6AC2B!important;
  border-bottom:3px solid #D6AC2B!important;
  box-shadow:none!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing .fc-v4-eyebrow {
  color:#A17817!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(21px,2.05vw,27px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  margin:0 0 14px!important;
  text-transform:none!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing .fc-v4-eyebrow::after {
  content:'';display:block;width:66px;height:2px;
  margin:10px 0 0;background:#D6AC2B;
}
html body main#top > section#pricing-summary.fc-v4-pricing h2 {
  color:#0B0B0B!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing h2 em {
  color:#987018!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing p:not(.fc-v4-eyebrow) {
  color:#72513A!important;
  text-align:left!important;
  text-align-last:left!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing > a {
  background:#D6AC2B!important;
  color:#0B0B0B!important;
  border:1px solid #C19A26!important;
}
html body main#top > section#pricing-summary.fc-v4-pricing > a .fc-arrow-svg {
  color:#0B0B0B!important;
}

/* Deliberate, understated transition from the final CTA to the footer. */
.fc-v710-footer-divider {
  height:32px;
  width:100%;
  background:#F5F0E6;
  border-top:2px solid #D6AC2B;
  border-bottom:2px solid #D6AC2B;
  box-sizing:border-box;
}
.fc-v710-footer-divider + footer.site-footer { border-top:0!important; }

/* Meet Meron — coordinated fine-stroke gold emblems replace plain symbols. */
html body main#top .mm-benefit-grid article > span.mm-v710-icon {
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;
  border-radius:50%;
  border:1px solid rgba(214,172,43,.86);
  background:radial-gradient(circle at 45% 33%,#2b2518,#15130e 75%);
  color:#D6AC2B;
  box-shadow:inset 0 0 0 4px rgba(214,172,43,.07);
  margin:0 0 4px 0;
  line-height:1;
}
html body main#top .mm-benefit-grid article > span.mm-v710-icon svg {
  width:25px;height:25px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}

/* Bring the homepage Meet Meron trio into the same gold-emblem family. */
html body main#top .fc-v6-founder .hc-founder-three > div > span:first-child {
  display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(214,172,43,.86)!important;
  background:radial-gradient(circle at 45% 30%,#2B2518,#15130e 75%)!important;
  box-shadow:inset 0 0 0 4px rgba(214,172,43,.07)!important;
  margin:0 auto 7px!important;
}
html body main#top .fc-v6-founder .hc-founder-three > div > span:first-child svg {
  width:25px!important;height:25px!important;
}

/* More intentional desktop white space, without flattening the layout. */
@media(min-width:1000px) {
  html body main#top > section.fc-v4-services {padding-top:55px!important;padding-bottom:55px!important;}
  html body main#top > section.fc-v4-how {padding-top:54px!important;padding-bottom:54px!important;}
  html body main#top > section#why-faithcore {padding-top:55px!important;padding-bottom:57px!important;}
  html body main#top > section#consultation {padding-top:64px!important;padding-bottom:64px!important;}
  html body main#top > section#pricing-summary.fc-v4-pricing {padding-top:36px!important;padding-bottom:36px!important;}
  html body main#top > section.mm-journey {padding-top:62px!important;padding-bottom:62px!important;}
  html body main#top > section.mm-benefits {padding-top:60px!important;padding-bottom:60px!important;}
  html body main#top > section.mm-credentials {padding-top:62px!important;padding-bottom:62px!important;}
  html body main#top .mm-section-heading {margin-bottom:23px!important;}
}
@media(max-width:760px) {
  .fc-v710-footer-divider {height:24px;}
  /* Keep the approved mobile pricing heading size and spacing. */
  html body main#top > section#pricing-summary.fc-v4-pricing .fc-v4-eyebrow {
    font-family:'Playfair Display',Georgia,serif!important;
    font-size:clamp(21px,6.1vw,26px)!important;
  }
  html body main#top .fc-v6-founder .hc-founder-three > div > span:first-child {
    width:36px!important;height:36px!important;
    margin:0 auto 5px!important;
  }
  html body main#top .fc-v6-founder .hc-founder-three > div > span:first-child svg {
    width:21px!important;height:21px!important;
  }
  html body main#top .mm-benefit-grid article > span.mm-v710-icon {
    width:28px!important;height:28px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    margin:0!important;
  }
  html body main#top .mm-benefit-grid article > span.mm-v710-icon svg {
    width:23px!important;height:23px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .mm-benefit-grid article > span.mm-v710-icon {transition:none!important;}
}


/* FaithCore Habesha Care V7.11 — final desktop Services fold and mobile editorial alignment.
   Respect all approved wording, desktop color treatments, navigation, payroll state tools,
   FAQ accordion, booking links, Meet Meron artwork and bilingual features. */

/* DESKTOP SERVICES: an introduction and both full cards within one typical laptop viewport. */
@media (min-width:1024px) {
  html body main#top > section.fc-v3-interior-intro {
    padding:19px 24px 13px !important;
    text-align:center!important;
  }
  html body main#top > section.fc-v3-interior-intro > .fc-v3-kicker {
    display:none!important;
  }
  html body main#top > section.fc-v3-interior-intro > .fc-v7-page-eyebrow {
    display:block!important;
    max-width:100%!important;
    margin:0 auto 9px!important;
    text-align:center!important;
    font-family:'Playfair Display',Georgia,serif!important;
    font-size:clamp(21px,1.65vw,25px)!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    color:#9E7411!important;
  }
  html body main#top > section.fc-v3-interior-intro > .fc-v7-page-eyebrow::after {
    width:64px!important;
    height:2px!important;
    margin:7px auto 0!important;
    background:#D6AC2B!important;
  }
  html body main#top > section.fc-v3-interior-intro > h1 {
    max-width:950px!important;
    margin:0 auto 7px!important;
    font-family:'Playfair Display',Georgia,serif!important;
    font-size:clamp(30px,2.5vw,38px)!important;
    line-height:1.14!important;
    font-weight:700!important;
    letter-spacing:-.018em!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  html body main#top > section.fc-v3-interior-intro > p:last-child {
    max-width:760px!important;
    margin:0 auto!important;
    text-align:center!important;
    text-align-last:center!important;
    font-size:clamp(14px,1.1vw,16px)!important;
    line-height:1.4!important;
    color:#72513A!important;
  }
  html body main#top > section.fc-v3-hub {
    padding:17px clamp(30px,4.7vw,82px) 19px!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-card {
    min-height:340px!important;
    padding:24px clamp(22px,2.3vw,30px)!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-icon {
    width:42px!important;height:42px!important;
    margin-bottom:8px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-icon svg {
    width:24px!important;height:24px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-count {
    margin-bottom:9px!important;
    font-size:11px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-card h2 {
    font-size:clamp(23px,2.1vw,29px)!important;
    line-height:1.18!important;
    margin:0 0 8px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-card > p {
    font-size:14.5px!important;
    line-height:1.48!important;
    margin:0 0 8px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-hub-card > ul {
    font-size:13px!important;
    line-height:1.55!important;
    margin:2px 0 12px!important;
  }
  html body main#top > section.fc-v3-hub .fc-v3-gold-button {
    min-height:42px!important;
    padding:8px 14px!important;
    font-size:13px!important;
  }
}

/* MOBILE: align readable prose to both edges, as in the approved desktop examples.
   Last lines remain natural; controlled hyphenation avoids oversized gaps.
   Editorial titles, gold section markers, controls and CTA labels remain left/center aligned.
*/
@media (max-width:800px) {
  html[lang] body main#top section p:not(.eyebrow):not(.fc-v4-eyebrow):not(.fc-v7-page-eyebrow):not(.fc-v6-founder-kicker):not(.fc-v3-kicker):not(.fc-v4-kicker):not(.hc-eyebrow):not(.mm-eyebrow):not(.fc-bk-eyebrow):not(.amharic-welcome):not(.fc-v4-state-label):not(.section-label),
  html[lang] body main#top section article p:not(.eyebrow):not(.mm-university):not(.fc-v3-hub-count),
  html[lang] body main#top section details p,
  html[lang] body main#top section .hero-intro,
  html[lang] body main#top section .fc-v6-founder-copy > p,
  html[lang] body main#top section .hc-step-detail p,
  html[lang] body main#top section .fc-bk-panel-text,
  html[lang] body main#top section .service-extra {
    text-align:justify!important;
    text-align-last:left!important;
    text-justify:inter-word!important;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    text-wrap:wrap!important;
    word-spacing:normal!important;
    letter-spacing:normal!important;
    overflow-wrap:break-word;
    word-break:normal!important;
  }
  /* The user asked for one consistent visual gutter across main sections. */
  html body main#top section > .container,
  html body main#top section > .section-container,
  html body main#top section > .inner,
  html body main#top section > .wrap {
    max-width:100%;box-sizing:border-box;
  }
  html body main#top section :is(p,li,h1,h2,h3,h4) {
    max-width:100%;
  }
  /* Keep section labels, short facts, and metadata from being stretched. */
  html[lang] body main#top section :is(.fc-v4-eyebrow,.fc-v7-page-eyebrow,.fc-v3-kicker,.fc-v6-founder-kicker,.mm-eyebrow,.hc-eyebrow,.fc-bk-eyebrow,.eyebrow,.amharic-welcome,.fc-v4-kicker,.section-label,.fc-v4-state-label,.mm-university,.mm-statement-byline,.fc-v3-hub-count) {
    text-align:left!important;text-align-last:left!important;
    hyphens:none!important;
  }
  html[lang] body main#top :lang(am) {
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }
}

/* The page-label's own text spans centered on desktop while its mobile style remains left-aligned.
   Long-standing justify rules on generic <p> tags must not reposition this label. */
@media(min-width:1024px){
 html body main#top > section.fc-v3-interior-intro::before {display:none!important;}
 html body main#top > section.fc-v3-interior-intro .fc-v711-services-label {display:block!important;text-align:center!important;text-align-last:center!important;}
}
@media(max-width:800px){
 html body main#top > section.fc-v3-interior-intro .fc-v711-services-label {display:inline!important;text-align:left!important;text-align-last:left!important;}
}