/* Habesha Care by FaithCore — V7.9: mobile finishing pass.
   Mobile-only. Preserves desktop and all previously approved functionality, wording,
   color pairings, gold arrows, FAQs and the compact footer.
*/
@media (max-width:760px) {
  html body main#top {
    --fc79-gutter:20px;
    max-width:100%; overflow-x:clip;
  }
  /* Quiet, even editorial reading edge. Do NOT fully justify paragraphs:
     narrow iPhones otherwise introduce jarring word-spacing gaps.
     A more carefully balanced final line improves ragged right edges. */
  html body main#top :is(section,article,details) :is(p,li):not(.amharic-welcome):not(.fc-v4-eyebrow):not(.eyebrow):not(.hc-eyebrow):not(.mm-eyebrow):not(.fc-v7-page-eyebrow):not(.fc-v6-founder-kicker):not(.mm-university):not(.mm-statement-byline):not(.fc-bk-eyebrow) {
    text-align:left!important;
    text-align-last:left!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    text-wrap:pretty;
  }
  html body main#top :is(h1,h2,h3,h4) {
    text-wrap:balance;
    max-width:100%;
  }
  /* Resolve old panels with unequal right and left internal padding. */
  html body main#top section.mm-journey .mm-journey-grid article:not(.mm-journey-faithcore) {
    padding-left:16px!important;
    padding-right:19px!important;
  }
  html body main#top section.mm-journey .mm-journey-grid article.mm-journey-faithcore {
    padding-left:16px!important;
    padding-right:18px!important;
  }
  /* Keep benefit icons alongside their titles, but let body text line up
     with the section reading edge instead of being inset indefinitely. */
  html body main#top section.mm-benefits .mm-benefit-grid article {
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:4px 10px!important;
    padding:13px 0!important;
  }
  html body main#top section.mm-benefits .mm-benefit-grid article > span {
    grid-column:1!important;grid-row:1!important;
  }
  html body main#top section.mm-benefits .mm-benefit-grid article > h3 {
    grid-column:2!important;grid-row:1!important;
    margin:0!important;
  }
  html body main#top section.mm-benefits .mm-benefit-grid article > p {
    grid-column:1/-1!important;grid-row:2!important;
    margin:4px 0 0!important;
    padding:0!important;
    width:100%!important;
  }
  html body main#top .fc-v3-hub-card :is(h2,h3,p),
  html body main#top .fc-v4-service-card :is(h3,p),
  html body main#top .state-result :is(h3,p),
  html body main#top .hc-step-detail :is(h3,p),
  html body main#top .mm-journey-grid article :is(h3,p) {
    min-width:0; box-sizing:border-box;
    margin-inline-end:0!important;
  }
  /* Mobile homepage only: beige boutique pricing strip separates
     the preceding black Meet Meron section from the later black CTA. */
  html body main#top > section.fc-v4-pricing#pricing-summary {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    background:#F5F0E6!important;
    color:#0B0B0B!important;
    border-top:3px solid #D6AC2B!important;
    border-bottom:3px solid #D6AC2B!important;
    padding:32px var(--fc79-gutter) 37px!important;
    gap:17px!important;
    box-shadow:none!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary > div {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary .fc-v4-eyebrow {
    color:#A17817!important;
    margin:0 0 14px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary .fc-v4-eyebrow::after {
    content:'';display:block;
    width:65px!important;height:2px!important;
    background:#D6AC2B!important;
    margin:10px 0 0!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary h2 {
    color:#0B0B0B!important;
    font-size:clamp(25px,6.45vw,31px)!important;
    line-height:1.21!important;
    margin:0 0 11px!important;
    text-align:left!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary h2 em {
    color:#9A7117!important;
    font-style:normal!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary p:not(.fc-v4-eyebrow) {
    color:#72513A!important;
    font-size:14.5px!important;
    line-height:1.55!important;
    margin:0!important;
    text-align:left!important;
    text-align-last:left!important;
    max-width:100%!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary > a {
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 17px!important;
    margin:0!important;
    border:1px solid #C99F24!important;
    background:#D6AC2B!important;
    color:#0B0B0B!important;
    border-radius:2px!important;
    font-weight:800!important;
    font-size:13.5px!important;
    text-align:center!important;
    white-space:normal!important;
  }
  html body main#top > section.fc-v4-pricing#pricing-summary > a .fc-arrow-svg {
    color:#0B0B0B!important;
  }
}
@media (max-width:350px) {
 html body main#top { --fc79-gutter:16px; }
}


/* 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;}
}