/* Motiva post-page stylesheet — generated by _build/build_css.py. */
/* Edit source modules, not this generated file. */

/* ===== opening-list-card.css ===== */
/* Personalized Opening List conversion card + modal */
.detail-opening-rail{width:min(calc(100% - 40px),760px)!important;margin:34px auto 18px!important;position:relative!important;z-index:8!important;max-height:none!important;overflow:visible!important}
.detail-opening-rail .detail-opening-card{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;border:1px solid #DED7CE!important;border-radius:22px!important;padding:24px!important;box-shadow:0 18px 46px rgba(47,58,52,.10)!important}
.detail-opening-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#556755,#C58E5F)}
.detail-opening-topline{display:flex;align-items:center;gap:8px;margin:2px 0 12px;color:#9B7248;font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.detail-opening-dot{width:9px;height:9px;border-radius:50%;background:#C58E5F;box-shadow:0 0 0 5px rgba(197,142,95,.14);flex:0 0 auto}
.detail-opening-rail .detail-opening-card h2{margin:0!important;font-size:clamp(1.38rem,2.2vw,1.78rem)!important;line-height:1.17!important;color:var(--ink,#2F3A34)!important}
.detail-opening-rail .detail-opening-copy{margin:11px 0 16px!important;color:var(--motiva-text,#445049)!important;font-size:.96rem!important;line-height:1.6!important}
.detail-opening-benefits{display:grid;gap:9px;margin:0 0 18px;padding:0;list-style:none}
.detail-opening-benefits li{position:relative;padding-left:26px;color:#445049;font-size:.88rem;line-height:1.45}
.detail-opening-benefits li::before{content:"✓";position:absolute;left:0;top:-1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#EDF1EC;color:#556755;font-size:.68rem;font-weight:900}
.detail-opening-button{width:100%;min-height:48px;justify-content:center;border:0;cursor:pointer;font-size:.95rem}
.detail-opening-rail .detail-opening-location{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:16px 0 0!important;padding:13px 14px!important;border-radius:14px!important;background:#F3F5F1!important;color:#5D6862!important;font-size:.79rem!important;line-height:1.45!important}
.detail-opening-location strong{color:#445049}
.detail-opening-pin{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#fff;color:#9B7248;font-weight:900;box-shadow:0 3px 10px rgba(47,58,52,.07)}
.detail-opening-rail .detail-opening-privacy{margin:12px 2px 0!important;color:#747D78!important;font-size:.72rem!important;line-height:1.45!important}

.opening-list-dialog{width:min(94vw,720px);max-width:720px;padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 30px 90px rgba(22,32,26,.30)}
.opening-list-dialog::backdrop{background:rgba(32,43,36,.65);backdrop-filter:blur(4px)}
.opening-list-dialog-shell{background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:24px;max-height:min(88vh,820px);overflow:auto}
.opening-list-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #E6E0D8}
.opening-list-dialog-head .eyebrow{display:block;margin-bottom:6px}
.opening-list-dialog-head h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.18;color:#2F3A34!important}
.opening-list-dialog-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #DED7CE;border-radius:50%;background:#fff;color:#445049;font-size:1.7rem;line-height:1;cursor:pointer}
.opening-list-dialog-close:hover,.opening-list-dialog-close:focus-visible{background:#F3F5F1;border-color:#C9B9A8}
.opening-list-dialog-copy{margin:14px 0 16px;color:#5D6862;line-height:1.55}
.opening-list-dialog-form-wrap{overflow:hidden;border:1px solid #DED7CE;border-radius:16px;background:#fff}
.opening-list-dialog-form{display:block;width:100%;height:min(60vh,560px);min-height:480px;border:0;background:#fff}
.opening-list-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;color:#747D78;font-size:.76rem;line-height:1.4}
.opening-list-dialog-foot a{color:#9B7248;font-weight:800;text-decoration:none;white-space:nowrap}
.opening-list-dialog-foot a:hover{text-decoration:underline}
body:has(.opening-list-dialog[open]){overflow:hidden}

@media(min-width:1280px){
  .detail-opening-rail{position:fixed!important;top:164px!important;right:max(20px,calc((100vw - 1240px)/2))!important;width:304px!important;margin:0!important;max-height:none!important;overflow:visible!important;opacity:0!important;transform:translateY(10px)!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important}
  .detail-opening-rail.is-visible{opacity:1!important;transform:none!important;pointer-events:auto!important}
  .detail-opening-rail .detail-opening-card{padding:21px!important;border-radius:20px!important}
  .detail-opening-rail .detail-opening-card h2{font-size:1.4rem!important}
  .detail-opening-rail .detail-opening-copy{font-size:.88rem!important}
  .detail-opening-benefits li{font-size:.81rem}
  .detail-opening-rail .detail-opening-location{font-size:.74rem!important;padding:11px 12px!important}
}

@media(max-width:640px){
  .detail-opening-rail{width:min(calc(100% - 28px),760px)!important;margin:26px auto!important}
  .detail-opening-rail .detail-opening-card{padding:20px 18px!important;border-radius:18px!important}
  .detail-opening-rail .detail-opening-card h2{font-size:1.42rem!important}
  .detail-opening-rail .detail-opening-copy{font-size:.92rem!important}
  .detail-opening-button{min-height:50px}
  .opening-list-dialog{width:calc(100vw - 20px);max-height:94vh;border-radius:20px}
  .opening-list-dialog-shell{padding:18px 14px;border-radius:20px;max-height:94vh}
  .opening-list-dialog-head{gap:12px}
  .opening-list-dialog-close{width:38px;height:38px;flex-basis:38px}
  .opening-list-dialog-form{height:64vh;min-height:500px}
  .opening-list-dialog-foot{display:grid;gap:6px}
  .opening-list-dialog-foot a{white-space:normal}
}

@media(prefers-reduced-motion:reduce){.detail-opening-rail{transition:none!important}}

/* ===== opening-list-page-refresh.css ===== */
/* Motiva Opening List — focused premium conversion page.
   No address/location card and no decorative stock artwork. */

body main#main:has(> .opening-list-hero){
  background:
    radial-gradient(circle at 84% 8%,rgba(183,146,69,.10),transparent 28%),
    radial-gradient(circle at 7% 78%,rgba(47,102,80,.07),transparent 30%),
    linear-gradient(180deg,#FCFAF6 0%,#F5F8F4 100%)!important;
}

@media(min-width:981px){
  body main#main:has(> .opening-list-hero){
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:clamp(54px,5vw,88px)!important;
    row-gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-top:70px!important;
    padding-bottom:78px!important;
    overflow:hidden!important;
  }

  body main#main:has(> .opening-list-hero)::before{
    content:""!important;
    position:absolute!important;
    right:-110px!important;
    top:28px!important;
    width:300px!important;
    height:300px!important;
    border-radius:50%!important;
    border:1px solid rgba(183,146,69,.13)!important;
    box-shadow:0 0 0 42px rgba(183,146,69,.025),0 0 0 84px rgba(47,102,80,.018)!important;
    pointer-events:none!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .crumb{
    margin:0 0 28px!important;
    color:#77817B!important;
    font-size:.78rem!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 18px!important;
    color:#8A6A2C!important;
    font-size:.78rem!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .eyebrow::before{
    width:30px!important;
    height:2px!important;
    background:#B79245!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero h1{
    max-width:9ch!important;
    margin:0!important;
    color:#174B3B!important;
    font-size:clamp(4rem,6vw,6.7rem)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .lede{
    max-width:610px!important;
    margin:24px 0 0!important;
    color:#43544D!important;
    font-size:1.12rem!important;
    line-height:1.7!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-section{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-section > .opening-list-grid{
    display:contents!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    min-width:0!important;
    padding:38px 0 0!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits > .eyebrow{
    margin:0 0 9px!important;
    color:#2F6650!important;
    font-size:.73rem!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits > h2{
    max-width:15ch!important;
    margin:0!important;
    color:#214C3B!important;
    font-size:clamp(1.8rem,2.5vw,2.5rem)!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits > p:not(.opening-list-reassurance){
    max-width:560px!important;
    margin:13px 0 0!important;
    color:#5A6861!important;
    font-size:.98rem!important;
    line-height:1.6!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits ul{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    margin:24px 0 0!important;
    padding:0!important;
    list-style:none!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li{
    position:relative!important;
    min-height:132px!important;
    margin:0!important;
    padding:43px 15px 16px!important;
    border:1px solid rgba(33,76,59,.11)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 8px 24px rgba(33,76,59,.045)!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li::before{
    content:"✓"!important;
    position:absolute!important;
    left:15px!important;
    top:14px!important;
    display:grid!important;
    place-items:center!important;
    width:23px!important;
    height:23px!important;
    border-radius:50%!important;
    background:#E7F0EA!important;
    color:#1F5A49!important;
    font-size:.72rem!important;
    font-weight:900!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li strong{
    display:block!important;
    margin:0 0 6px!important;
    color:#214C3B!important;
    font-size:.92rem!important;
    line-height:1.25!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li span{
    display:block!important;
    color:#65716B!important;
    font-size:.79rem!important;
    line-height:1.45!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-reassurance{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:16px 0 0!important;
    color:#68746D!important;
    font-size:.82rem!important;
    line-height:1.45!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-reassurance::before{
    content:""!important;
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:#B79245!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-card{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    min-width:0!important;
    overflow:hidden!important;
    margin:38px 0 0!important;
    border:1px solid rgba(33,76,59,.13)!important;
    border-radius:28px!important;
    background:#FFFFFF!important;
    box-shadow:0 26px 64px rgba(33,76,59,.13)!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-frame{
    display:block!important;
    width:100%!important;
    height:720px!important;
    border:0!important;
    background:#FFFFFF!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-fallback,
  body main#main:has(> .opening-list-hero) .opening-list-privacy,
  body main#main:has(> .opening-list-hero) .opening-list-provider-note{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}

@media(max-width:980px){
  body main#main:has(> .opening-list-hero){
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero{
    margin:0!important;
    padding:48px 0 16px!important;
    border:0!important;
    background:transparent!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .crumb{
    margin-bottom:20px!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero h1{
    max-width:10ch!important;
    margin:0!important;
    color:#174B3B!important;
    font-size:clamp(3.1rem,10vw,5rem)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .lede{
    max-width:620px!important;
    margin-top:20px!important;
    color:#43544D!important;
    font-size:1rem!important;
    line-height:1.62!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-section{
    margin:0!important;
    padding:18px 0 62px!important;
    border:0!important;
    background:transparent!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits{
    padding:0!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits ul{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin:20px 0 0!important;
    padding:0!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li{
    min-height:0!important;
    padding:14px 15px!important;
    border:1px solid rgba(33,76,59,.11)!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li::before{
    position:static!important;
    display:grid!important;
    margin-bottom:9px!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-reassurance{
    margin-top:14px!important;
    font-size:.82rem!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-card{
    position:static!important;
    margin:4px 0 0!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 42px rgba(33,76,59,.10)!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-frame{
    height:760px!important;
  }
}

@media(max-width:620px){
  body main#main:has(> .opening-list-hero) > .opening-list-hero{
    padding:36px 0 10px!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .crumb{
    display:none!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero .eyebrow{
    font-size:.69rem!important;
    line-height:1.45!important;
  }

  body main#main:has(> .opening-list-hero) > .opening-list-hero h1{
    font-size:clamp(2.8rem,13vw,4rem)!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits > h2{
    font-size:1.8rem!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits ul{
    grid-template-columns:1fr!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    column-gap:12px!important;
    align-items:start!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li::before{
    grid-row:1 / span 2!important;
    margin:1px 0 0!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-benefits li strong,
  body main#main:has(> .opening-list-hero) .opening-list-benefits li span{
    grid-column:2!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-card{
    border-radius:18px!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-frame{
    height:800px!important;
  }

  body main#main:has(> .opening-list-hero) .opening-list-form-fallback,
  body main#main:has(> .opening-list-hero) .opening-list-privacy,
  body main#main:has(> .opening-list-hero) .opening-list-provider-note{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* ===== opening-list-mobile-guard.css ===== */
/* Opening List mobile artwork guard.
   Keeps the sunrise, woman and "Movement for a Brighter Tomorrow" message
   visible together on narrow screens without changing the desktop layout. */

@media (max-width:620px){
  body main#main:has(> .opening-list-hero) .opening-list-benefits::after{
    aspect-ratio:3/2!important;
    background-position:left center!important;
  }
}

/* ===== desktop-spacing.css ===== */
/* Final desktop spacing rhythm.
   Loaded after page-specific styles so desktop pages use one consistent,
   compact vertical rhythm without changing tablet/mobile layouts. */

@media (min-width:981px){
  /* Standard top-level content sections across all page types. */
  main > section:not(.hero):not(.page-hero):not(.final-cta):not(#visit){
    padding-top:52px!important;
    padding-bottom:52px!important;
  }

  /* Compact/supporting sections should remain visibly tighter. */
  main > section.tight{
    padding-top:46px!important;
    padding-bottom:46px!important;
  }

  /* Homepage hero and inner-page heroes stay prominent without excess height. */
  main > .hero{
    padding-top:50px!important;
    padding-bottom:56px!important;
  }
  main > .page-hero{
    padding-top:42px!important;
    padding-bottom:46px!important;
  }

  /* Final conversion areas retain emphasis while staying connected to the page. */
  main > .final-cta{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }

  /* Visit Motiva follows the same tighter desktop rhythm. */
  main > #visit.visit-section{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }

  /* Tighten heading-to-content spacing without crowding headings. */
  main .section-head{
    margin-bottom:26px!important;
  }
  main .section-head .lede{
    margin-top:8px!important;
  }

  /* Hub/category group spacing. */
  main .group-block + .group-block{
    margin-top:34px!important;
  }
  main .group-head{
    margin-bottom:14px!important;
  }

  /* Individual condition/treatment pages previously retained oversized spacing. */
  main > .condition-motiva-help,
  main > .condition-symptoms,
  main > .condition-causes,
  main > .condition-approach,
  main > .condition-faq,
  main > .condition-treatments{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  main .condition-content-wrap .section-head{
    margin-bottom:24px!important;
  }

  /* Keep related-link/button rows visually connected to the content above. */
  main .all-treatments-row,
  main .all-conditions-row{
    margin-top:18px!important;
  }

  /* Forms and profile/process grids need less empty lead-in on desktop. */
  main .form-section-title{
    margin-top:24px!important;
  }
  main .founder{
    gap:34px!important;
  }
}

/* ===== featured-care-desktop.css ===== */
@import url('/assets/what-to-expect-cards.css?v=20260901-expect32');

/* Keep clear breathing room between the Featured Care CTA and its supporting
   condition link on every viewport. */
.home-featured-care .featured-care-actions .featured-condition-link{
  margin:16px 0 0!important;
}

/* Desktop-only Featured Care refinement.
   Keep the existing six cards and mobile behavior, but let the photography
   determine the presentation instead of cropping it into a short strip. */

@media (min-width:981px){
  .home-featured-care{
    background:var(--motiva-warm-white,#FBFCFA)!important;
    border-top:0!important;
    border-bottom:0!important;
  }

  .home-featured-care .section-head{
    max-width:640px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  .home-featured-care .section-head .eyebrow{
    justify-content:flex-start!important;
    color:var(--motiva-green,#2F6650)!important;
    font-size:.76rem!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
  }

  .home-featured-care .section-head .eyebrow::before{
    content:""!important;
    display:block!important;
    width:24px!important;
    height:2px!important;
    flex:0 0 24px!important;
    background:var(--motiva-gold,#B79245)!important;
  }

  .home-featured-care .section-head h2{
    color:var(--motiva-green-deep,#214C3B)!important;
    font-size:clamp(1.9rem,3.6vw,3rem)!important;
    line-height:1.06!important;
    letter-spacing:-.01em!important;
  }

  .home-featured-care .section-head .lede{
    max-width:52ch!important;
    margin-top:14px!important;
    color:var(--motiva-text,#46584F)!important;
    font-size:1.02rem!important;
    line-height:1.6!important;
  }

  .home-featured-care .featured-care-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  .home-featured-care .featured-care-card,
  .home-featured-care .featured-care-card:nth-child(1),
  .home-featured-care .featured-care-card:nth-child(2),
  .home-featured-care .featured-care-card:nth-child(3),
  .home-featured-care .featured-care-card:nth-child(4),
  .home-featured-care .featured-care-card:nth-child(5),
  .home-featured-care .featured-care-card:nth-child(6){
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:#FFFFFF!important;
    border:1px solid var(--motiva-line,#DCE5DF)!important;
    border-top:1px solid var(--motiva-line,#DCE5DF)!important;
    border-radius:18px!important;
    box-shadow:0 7px 24px rgba(47,102,80,.05)!important;
    text-decoration:none!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }

  .home-featured-care .featured-care-card:hover{
    transform:translateY(-4px)!important;
    border-color:#C2D3C9!important;
    box-shadow:0 16px 36px rgba(47,102,80,.10)!important;
  }

  /* Important photos should be seen, not aggressively cropped. Keep a
     consistent card frame, but show the complete source image within it. */
  .home-featured-care .featured-care-media{
    position:relative!important;
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    padding:10px!important;
    box-sizing:border-box!important;
    background:var(--motiva-sage-light,#F3F7F4)!important;
  }

  .home-featured-care .featured-care-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  .home-featured-care .featured-care-body{
    position:relative!important;
    order:2!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    padding:20px 20px 22px!important;
    background:#FFFFFF!important;
    border-top:1px solid rgba(220,229,223,.75)!important;
    text-align:left!important;
  }

  .home-featured-care .featured-care-body h3{
    position:static!important;
    display:block!important;
    margin:0 0 8px!important;
    color:var(--motiva-green-deep,#214C3B)!important;
    font-size:1.16rem!important;
    line-height:1.2!important;
  }

  .home-featured-care .featured-care-body p{
    position:static!important;
    display:block!important;
    margin:0!important;
    color:var(--motiva-text,#46584F)!important;
    font-size:.91rem!important;
    line-height:1.52!important;
  }

  .home-featured-care .featured-care-actions{
    margin-top:26px!important;
  }

  .home-featured-care .featured-care-actions .btn-primary{
    background:var(--motiva-green,#2F6650)!important;
    color:#FFFFFF!important;
  }

  .home-featured-care .featured-care-actions .btn-primary:hover{
    background:var(--motiva-green-deep,#214C3B)!important;
  }
}

/* ===== why-motiva-desktop.css ===== */
/* Desktop-only Why Motiva layout refinement.
   Keep the approved copy and image unchanged while reducing empty space and
   bringing the section into the same left-aligned homepage system. */

@media (min-width:981px){
  .why-motiva{
    position:relative!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 12% 88%,rgba(183,146,69,.08),transparent 28%),
      linear-gradient(180deg,var(--motiva-warm-white,#FBFCFA) 0%,var(--motiva-cream,#F8F6F0) 100%)!important;
  }

  .why-motiva-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:34px!important;
    row-gap:0!important;
    align-items:start!important;
  }

  /* Let the existing copy, image and benefit list share one compact grid
     without changing the page markup or wording. */
  .why-motiva-copy{
    display:contents!important;
  }

  .why-motiva-copy .eyebrow{
    grid-column:1 / -1!important;
    grid-row:1!important;
    margin:0 0 10px!important;
    color:var(--motiva-green,#2F6650)!important;
  }

  .why-motiva-copy h2{
    grid-column:1 / -1!important;
    grid-row:2!important;
    max-width:760px!important;
    margin:0 0 16px!important;
    color:var(--motiva-green-deep,#214C3B)!important;
    font-size:clamp(2.25rem,3.15vw,3.4rem)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
  }

  .why-motiva-copy > p:not(.why-motiva-tagline){
    max-width:none!important;
    margin:0!important;
    color:var(--motiva-text,#46584F)!important;
    font-size:.98rem!important;
    line-height:1.62!important;
  }

  .why-motiva-copy > p:not(.why-motiva-tagline):first-of-type{
    grid-column:1!important;
    grid-row:3!important;
    padding-right:18px!important;
  }

  .why-motiva-copy > p:not(.why-motiva-tagline):nth-of-type(2){
    grid-column:2!important;
    grid-row:3!important;
    padding-left:4px!important;
  }

  .why-motiva-copy .why-motiva-media{
    grid-column:1!important;
    grid-row:4!important;
    align-self:stretch!important;
    width:100%!important;
    margin:20px 0 0!important;
    overflow:hidden!important;
    border:1px solid var(--motiva-line,#DCE5DF)!important;
    border-radius:22px 56px 22px 22px!important;
    background:#EEF3EF!important;
    box-shadow:0 16px 34px rgba(47,102,80,.09)!important;
  }

  .why-motiva-copy .why-motiva-media img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  .why-motiva-copy::after{
    content:none!important;
    display:none!important;
  }

  .why-motiva-side{
    grid-column:2!important;
    grid-row:4!important;
    align-self:stretch!important;
    display:block!important;
    margin:20px 0 0!important;
    min-width:0!important;
  }

  .why-motiva-points{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-content:stretch!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }

  .why-motiva-points article{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:18px 18px 17px!important;
    border:1px solid rgba(33,76,59,.12)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 7px 18px rgba(33,76,59,.035)!important;
  }

  .why-motiva-points article:first-child,
  .why-motiva-points article:last-child{
    padding:18px 18px 17px!important;
    border-bottom:1px solid rgba(33,76,59,.12)!important;
  }

  .why-motiva-points .why-point-title{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
    margin:0 0 8px!important;
  }

  .why-motiva-points .why-point-title span{
    display:block!important;
    width:auto!important;
    height:auto!important;
    padding-top:3px!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--terracotta,#C97D58)!important;
    font-family:'IBM Plex Mono',monospace!important;
    font-size:.78rem!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    line-height:1.15!important;
  }

  .why-motiva-points .why-point-title span::after{
    content:"";
    display:block!important;
    width:20px!important;
    height:2px!important;
    margin-top:7px!important;
    background:var(--motiva-gold,#B79245)!important;
  }

  .why-motiva-points .why-point-title h3{
    margin:0!important;
    color:var(--motiva-green-deep,#214C3B)!important;
    font-size:1.16rem!important;
    line-height:1.18!important;
    letter-spacing:-.012em!important;
  }

  .why-motiva-points article > p{
    max-width:none!important;
    margin:0!important;
    color:var(--motiva-text,#46584F)!important;
    font-size:.9rem!important;
    line-height:1.5!important;
  }

  .why-motiva-tagline{
    grid-column:1 / -1!important;
    grid-row:5!important;
    justify-self:start!important;
    display:inline-block!important;
    margin:16px 0 0!important;
    padding:9px 13px!important;
    border-left:3px solid var(--motiva-gold,#B79245)!important;
    border-radius:0 10px 10px 0!important;
    background:rgba(243,247,244,.82)!important;
    color:var(--motiva-green-deep,#214C3B)!important;
    white-space:normal!important;
  }

  .why-motiva-tagline strong{
    white-space:normal!important;
  }
}

/* ===== footer-closing-refresh.css ===== */
/* Closing CTA + footer refresh
   Shared across all pages. Uses Motiva warm neutrals, eucalyptus/deep green,
   restrained gold and terracotta accents. */

.final-cta.final-cta-welcome{
  position:relative;
  overflow:hidden;
  background:linear-gradient(115deg,#F8F6F0 0%,#FBFCFA 60%,#EEF3EF 100%)!important;
  border-top:1px solid #DCE5DF!important;
  border-bottom:0!important;
  color:#214C3B!important;
}

.final-cta.final-cta-welcome::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-130px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:rgba(111,133,119,.08);
  pointer-events:none;
}

.final-cta.final-cta-welcome .final-grid{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:54px!important;
  align-items:end!important;
}

.final-cta.final-cta-welcome .final-welcome-copy{
  max-width:720px;
}

.final-cta.final-cta-welcome .eyebrow{
  color:#2F6650!important;
}

.final-cta.final-cta-welcome h2{
  max-width:680px!important;
  margin:10px 0 14px!important;
  color:#214C3B!important;
  font-size:clamp(2rem,4vw,3.35rem)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}

.final-cta.final-cta-welcome h2 span{
  color:#B79245!important;
}

.final-cta.final-cta-welcome p{
  max-width:610px!important;
  margin:0!important;
  color:#46584F!important;
  font-size:1.02rem!important;
  line-height:1.62!important;
}

.final-cta.final-cta-welcome .final-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:12px!important;
}

.final-cta.final-cta-welcome .btn-energy{
  background:#2F6650!important;
  border-color:#2F6650!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(47,102,80,.14)!important;
}

.final-cta.final-cta-welcome .btn-energy:hover{
  background:#214C3B!important;
  border-color:#214C3B!important;
}

.final-cta.final-cta-welcome .btn-ghost-light{
  background:rgba(255,255,255,.68)!important;
  border:1px solid #2F6650!important;
  color:#214C3B!important;
}

.final-cta.final-cta-welcome .btn-ghost-light:hover{
  background:#fff!important;
}

footer.site.footer-refresh{
  position:relative;
  overflow:hidden;
  padding:50px 0 22px!important;
  background:linear-gradient(118deg,#104C3B 0%,#14543F 58%,#0E4636 100%)!important;
  border-top:0!important;
}

footer.site.footer-refresh::before{
  content:"";
  position:absolute;
  left:-105px;
  bottom:-165px;
  width:310px;
  height:310px;
  border:1px solid rgba(240,215,152,.13);
  border-radius:50%;
  pointer-events:none;
}

footer.site.footer-refresh::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-160px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:rgba(255,255,255,.035);
  pointer-events:none;
}

footer.site.footer-refresh .wrap{
  position:relative;
  z-index:1;
}

footer.site.footer-refresh .footer-main-grid{
  display:grid!important;
  grid-template-columns:minmax(330px,1.5fr) minmax(130px,.68fr) minmax(170px,.86fr) minmax(230px,1fr)!important;
  gap:44px!important;
  align-items:start!important;
}

footer.site.footer-refresh .foot-brand{
  max-width:440px!important;
}

footer.site.footer-refresh .footer-brand-story{
  padding-top:0!important;
}

footer.site.footer-refresh .footer-brand-heading{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  margin:0 0 22px!important;
  font-family:Georgia,'Times New Roman',serif!important;
  line-height:.95!important;
  letter-spacing:-.035em!important;
}

footer.site.footer-refresh .footer-brand-heading span,
footer.site.footer-refresh .footer-brand-heading em{
  display:block!important;
}

footer.site.footer-refresh .footer-brand-heading span{
  color:#FFF8EB!important;
  font-size:clamp(2.2rem,3.6vw,3.7rem)!important;
  font-weight:700!important;
  font-style:normal!important;
}

footer.site.footer-refresh .footer-brand-heading em{
  margin-top:6px!important;
  color:#E7BE61!important;
  font-size:clamp(2.05rem,3.4vw,3.45rem)!important;
  font-weight:700!important;
  font-style:italic!important;
}

footer.site.footer-refresh .footer-brand-heading::after{
  content:"";
  width:84px;
  height:2px;
  margin-top:18px;
  background:#E7BE61;
  border-radius:99px;
}

footer.site.footer-refresh .footer-outcome-copy{
  max-width:420px!important;
  margin:0!important;
  color:#F3F7F4!important;
  font-size:1rem!important;
  line-height:1.62!important;
  font-weight:480!important;
}

footer.site.footer-refresh .footer-brand-divider{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:410px!important;
  margin:22px 0 18px!important;
}

footer.site.footer-refresh .footer-brand-divider::before{
  content:"";
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid rgba(231,190,97,.65);
  border-radius:50% 0 50% 50%;
  transform:rotate(38deg) scale(.72);
}

footer.site.footer-refresh .footer-brand-divider span{
  display:block!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:linear-gradient(90deg,#E7BE61 0%,rgba(231,190,97,.18) 100%)!important;
}

footer.site.footer-refresh .footer-community-copy{
  max-width:420px!important;
  margin:0!important;
  color:#DCE8E1!important;
  font-size:.9rem!important;
  line-height:1.62!important;
}

footer.site.footer-refresh h4{
  margin:8px 0 16px!important;
  color:#FFF7E8!important;
  font-size:1rem!important;
  font-weight:760!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

footer.site.footer-refresh h4::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:10px;
  background:#E7BE61;
  border-radius:99px;
}

footer.site.footer-refresh ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

footer.site.footer-refresh li{
  margin:0 0 11px!important;
  line-height:1.42!important;
}

footer.site.footer-refresh a{
  color:#EFF6F2!important;
  text-decoration:none!important;
}

footer.site.footer-refresh a:hover{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

footer.site.footer-refresh .footer-column a{
  font-size:.9rem!important;
}

footer.site.footer-refresh .footer-visit address,
footer.site.footer-refresh .footer-mobile-visit-body address{
  margin:0!important;
  color:#EFF6F2!important;
  font-style:normal!important;
  line-height:1.5!important;
}

footer.site.footer-refresh .footer-visit address strong,
footer.site.footer-refresh .footer-mobile-visit-body address strong{
  display:block!important;
  font-size:.92rem!important;
}

footer.site.footer-refresh .footer-visit address span,
footer.site.footer-refresh .footer-mobile-visit-body address span{
  display:block!important;
  color:#DCE8E1!important;
  font-size:.86rem!important;
}

footer.site.footer-refresh .footer-landmark{
  margin:10px 0 14px!important;
  color:#F1B18F!important;
  font-size:.82rem!important;
  font-weight:700!important;
}

footer.site.footer-refresh .footer-directions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin-bottom:14px!important;
  padding:8px 15px!important;
  border:1px solid #E7BE61!important;
  border-radius:999px!important;
  font-size:.82rem!important;
  font-weight:750!important;
}

footer.site.footer-refresh .footer-directions:hover{
  background:#FFF8EB!important;
  border-color:#FFF8EB!important;
  color:#14543F!important;
  text-decoration:none!important;
}

footer.site.footer-refresh .footer-email{
  display:block!important;
  overflow-wrap:anywhere!important;
  color:#DCE8E1!important;
  font-size:.82rem!important;
}

footer.site.footer-refresh .footer-bottom-refresh{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:14px 24px!important;
  margin-top:42px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}

footer.site.footer-refresh .footer-bottom-refresh,
footer.site.footer-refresh .footer-bottom-refresh span,
footer.site.footer-refresh .footer-bottom-refresh a{
  color:#BDD2C7!important;
  font-size:.76rem!important;
}

footer.site.footer-refresh .mobile-footer{
  display:none!important;
}

@media(max-width:1100px){
  footer.site.footer-refresh .footer-main-grid{
    grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(145px,1fr))!important;
    gap:30px!important;
  }
}

@media(max-width:980px){
  .final-cta.final-cta-welcome .final-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
    align-items:start!important;
  }

  .final-cta.final-cta-welcome .final-actions{
    justify-content:flex-start!important;
  }

  footer.site.footer-refresh .footer-main-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px!important;
  }
}

@media(max-width:700px){
  .final-cta.final-cta-welcome{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }

  .final-cta.final-cta-welcome::after{
    width:220px;
    height:220px;
    right:-100px;
    bottom:-100px;
  }

  .final-cta.final-cta-welcome h2{
    margin-top:8px!important;
    font-size:2rem!important;
    line-height:1.08!important;
  }

  .final-cta.final-cta-welcome p{
    font-size:.92rem!important;
    line-height:1.55!important;
  }

  .final-cta.final-cta-welcome .final-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:10px!important;
  }

  .final-cta.final-cta-welcome .final-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }

  footer.site.footer-refresh{
    padding:34px 0 20px!important;
  }

  footer.site.footer-refresh .footer-main-grid{
    display:none!important;
  }

  footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    display:block!important;
  }

  footer.site.footer-refresh .mobile-footer-brand{
    max-width:none!important;
    margin-bottom:26px!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-brand-heading{
    margin-bottom:16px!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-brand-heading span{
    font-size:2.35rem!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-brand-heading em{
    margin-top:4px!important;
    font-size:2.2rem!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-brand-heading::after{
    width:62px!important;
    margin-top:14px!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-outcome-copy{
    max-width:34ch!important;
    font-size:.92rem!important;
    line-height:1.58!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-brand-divider{
    max-width:100%!important;
    margin:18px 0 14px!important;
  }

  footer.site.footer-refresh .mobile-footer-brand .footer-community-copy{
    max-width:36ch!important;
    font-size:.84rem!important;
    line-height:1.55!important;
  }

  footer.site.footer-refresh .mobile-footer-group{
    border-top:1px solid rgba(255,255,255,.17)!important;
  }

  footer.site.footer-refresh .mobile-footer-group:last-of-type{
    border-bottom:1px solid rgba(255,255,255,.17)!important;
  }

  footer.site.footer-refresh .mobile-footer-group summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:15px 0!important;
    color:#F4F8F5!important;
    cursor:pointer!important;
    list-style:none!important;
    font-size:.92rem!important;
    font-weight:750!important;
  }

  footer.site.footer-refresh .mobile-footer-group summary::-webkit-details-marker{
    display:none!important;
  }

  footer.site.footer-refresh .mobile-footer-group summary b{
    color:#E7BE61!important;
    font-size:1.1rem!important;
  }

  footer.site.footer-refresh .mobile-footer-group[open] summary b{
    transform:rotate(45deg);
  }

  footer.site.footer-refresh .mobile-footer-group ul,
  footer.site.footer-refresh .footer-mobile-visit-body{
    padding:0 0 15px!important;
  }

  footer.site.footer-refresh .mobile-footer-group li{
    margin-bottom:9px!important;
  }

  footer.site.footer-refresh .mobile-footer-group a{
    font-size:.87rem!important;
  }

  footer.site.footer-refresh .footer-mobile-email{
    display:block!important;
    margin-top:18px!important;
    padding:12px 14px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.04)!important;
    color:#EFF6F2!important;
    font-size:.82rem!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh{
    display:block!important;
    margin-top:24px!important;
    padding-top:17px!important;
    text-align:center!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh span{
    display:block!important;
    margin-bottom:8px!important;
  }
}

/* ===== footer-social.css ===== */
/* Compact social-media row for the shared Motiva footer. */
footer.site.footer-refresh .footer-social{
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
}

footer.site.footer-refresh .footer-social-label{
  display:block!important;
  margin-bottom:10px!important;
  color:#FFF7E8!important;
  font-size:.78rem!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}

footer.site.footer-refresh .footer-social-icons{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}

footer.site.footer-refresh .footer-social-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  color:#DCE8E1!important;
  font-size:.68rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

footer.site.footer-refresh .footer-social-logo{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:3px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
}

footer.site.footer-refresh .footer-social-logo img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
}

footer.site.footer-refresh .footer-social-coming{
  display:block!important;
  margin-top:8px!important;
  color:#E7BE61!important;
  font-family:'IBM Plex Mono',monospace!important;
  font-size:.64rem!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

@media(max-width:700px){
  footer.site.footer-refresh .footer-social-mobile{
    margin-top:16px!important;
    padding:14px 0 0!important;
    text-align:center!important;
  }

  footer.site.footer-refresh .footer-social-mobile .footer-social-label{
    margin-bottom:11px!important;
  }

  footer.site.footer-refresh .footer-social-mobile .footer-social-icons{
    justify-content:center!important;
    gap:18px!important;
  }

  footer.site.footer-refresh .footer-social-mobile .footer-social-logo{
    width:32px!important;
    height:32px!important;
  }

  footer.site.footer-refresh .footer-social-mobile .footer-social-logo img{
    width:26px!important;
    height:26px!important;
  }

  footer.site.footer-refresh .footer-social-mobile .footer-social-item{
    font-size:.66rem!important;
  }
}

/* ===== start-here-redesign.css ===== */
/* Homepage "Not sure where to start?" section.
   Motiva visual language: warm white, deep green, restrained gold,
   patient-friendly pathway cards and subtle brand details. */

.home-pathways{
  position:relative!important;
  overflow:hidden!important;
  padding:82px 0 88px!important;
  background:
    radial-gradient(circle at 0 0,rgba(111,133,119,.08),transparent 25%),
    radial-gradient(circle at 100% 100%,rgba(183,146,69,.06),transparent 24%),
    var(--motiva-warm-white,#FBFCFA)!important;
  border-top:0!important;
  border-bottom:0!important;
}

.home-pathways .section-head{
  max-width:640px!important;
  margin:0 0 38px!important;
  text-align:left!important;
}

.home-pathways .section-head .eyebrow{
  justify-content:flex-start!important;
  color:var(--motiva-green,#2F6650)!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.home-pathways .section-head .eyebrow::before{
  content:""!important;
  display:block!important;
  width:16px!important;
  height:1.5px!important;
  flex:0 0 16px!important;
  background:var(--terracotta,#C97D58)!important;
  opacity:1!important;
}
.home-pathways .section-head .eyebrow::after{
  content:none!important;
  display:none!important;
}

.home-pathways .section-head h2{
  margin:15px 0 10px!important;
  color:var(--motiva-green-deep,#214C3B)!important;
  font-size:clamp(2.25rem,4vw,3.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}

.home-pathways .section-head .lede{
  max-width:58ch!important;
  margin:16px 0 0!important;
  color:var(--motiva-text,#46584F)!important;
  font-size:1.05rem!important;
  line-height:1.6!important;
}

.home-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}

.home-path-card,
.home-path-card:nth-child(1),
.home-path-card:nth-child(2),
.home-path-card:nth-child(3){
  position:relative!important;
  isolation:isolate!important;
  min-height:346px!important;
  padding:32px 30px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--motiva-line,#DCE5DF)!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(33,76,59,.055)!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease!important;
}

/* Keep the body-area pathway visually distinct without an extra badge. */
.home-path-card:nth-child(1){
  background:
    radial-gradient(circle at 28% 31%,rgba(185,211,196,.32),transparent 28%),
    linear-gradient(145deg,#F5FAF7 0%,#FFFFFF 78%)!important;
  border-color:#BFD6C8!important;
  box-shadow:0 14px 34px rgba(47,102,80,.085)!important;
}

/* A quiet use of the real Motiva logo reinforces the treatment pathway. */
.home-path-card:nth-child(3)::after{
  content:""!important;
  position:absolute!important;
  top:22px!important;
  right:18px!important;
  z-index:0!important;
  width:164px!important;
  height:54px!important;
  background:url('/assets/images/motiva-logo-transparent.svg') center/contain no-repeat!important;
  opacity:.065!important;
  pointer-events:none!important;
}

.home-path-card:hover{
  transform:translateY(-5px)!important;
  border-color:#B7CEC0!important;
  box-shadow:0 19px 42px rgba(33,76,59,.11)!important;
}
.home-path-card:nth-child(1):hover{
  border-color:#9FC1AD!important;
  background:
    radial-gradient(circle at 28% 31%,rgba(185,211,196,.40),transparent 30%),
    linear-gradient(145deg,#F2F9F5 0%,#FFFFFF 78%)!important;
}
.home-path-card:focus-visible{
  outline:3px solid rgba(183,146,69,.48)!important;
  outline-offset:4px!important;
}

.home-path-icon,
.home-path-card:nth-child(1) .home-path-icon,
.home-path-card:nth-child(2) .home-path-icon,
.home-path-card:nth-child(3) .home-path-icon{
  position:relative!important;
  z-index:2!important;
  width:92px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 92px!important;
  margin:0 0 23px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 40% 35%,#FFFFFF 0 20%,#F0F6F2 58%,#E8F1EB 100%)!important;
  color:var(--motiva-green-deep,#214C3B)!important;
  box-shadow:inset 0 0 0 1px rgba(47,102,80,.07)!important;
}

.home-path-card:nth-child(1) .home-path-icon{
  background:radial-gradient(circle,#F9FCFA 0 28%,#E8F3EC 68%,#DDECE3 100%)!important;
}

.home-path-card:nth-child(3) .home-path-icon{
  background:radial-gradient(circle,#FFFFFF 0 28%,#FBF6E9 68%,#F3E5C5 100%)!important;
}

.home-path-icon svg{
  width:59px!important;
  height:59px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.home-path-icon .path-accent,
.home-path-card:nth-child(1) .home-path-icon .path-accent,
.home-path-card:nth-child(2) .home-path-icon .path-accent,
.home-path-card:nth-child(3) .home-path-icon .path-accent{
  stroke:var(--motiva-gold,#B79245)!important;
}

.home-path-card h3{
  position:relative!important;
  z-index:2!important;
  margin:0 0 10px!important;
  color:var(--motiva-green-deep,#214C3B)!important;
  font-size:1.34rem!important;
  line-height:1.2!important;
  letter-spacing:-.018em!important;
}
.home-path-card h3::after{
  content:none!important;
  display:none!important;
}

.home-path-card p{
  position:relative!important;
  z-index:2!important;
  margin:0 0 19px!important;
  max-width:31ch!important;
  color:var(--motiva-text,#46584F)!important;
  font-size:.95rem!important;
  line-height:1.58!important;
}

.home-path-card .home-path-link,
.home-path-card:nth-child(1) .home-path-link,
.home-path-card:nth-child(2) .home-path-link,
.home-path-card:nth-child(3) .home-path-link{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:0!important;
  margin-top:auto!important;
  padding:15px 0 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  border:0!important;
  border-top:1px solid var(--motiva-line,#DCE5DF)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--motiva-green,#2F6650)!important;
  font-size:.9rem!important;
  font-weight:780!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
.home-path-card:hover .home-path-link{
  background:transparent!important;
  border-color:#CBDDD2!important;
  color:var(--motiva-green-deep,#214C3B)!important;
}

/* Tablet: preserve generous cards but stack them for easier decision making. */
@media(max-width:980px){
  .home-pathways{
    padding:64px 0 68px!important;
  }
  .home-pathways .section-head{
    max-width:680px!important;
    margin-bottom:28px!important;
  }
  .home-pathways .section-head h2{
    font-size:clamp(2rem,6vw,3rem)!important;
  }
  .home-path-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
    max-width:720px!important;
    margin:0 auto!important;
  }
  .home-path-card,
  .home-path-card:nth-child(1),
  .home-path-card:nth-child(2),
  .home-path-card:nth-child(3){
    min-height:0!important;
    padding:24px!important;
  }
  .home-path-card:nth-child(3)::after{
    width:150px!important;
    height:48px!important;
    top:17px!important;
    right:18px!important;
  }
}

/* Phone: compact horizontal cards, clear tap targets and retained Motiva branding. */
@media(max-width:620px){
  .home-pathways{
    padding:48px 0 52px!important;
  }
  .home-pathways .section-head{
    margin-bottom:20px!important;
    text-align:left!important;
  }
  .home-pathways .section-head .eyebrow{
    justify-content:flex-start!important;
    font-size:.7rem!important;
    letter-spacing:.11em!important;
  }
  .home-pathways .section-head .eyebrow::before{
    width:28px!important;
    flex-basis:28px!important;
  }
  .home-pathways .section-head .eyebrow::after{
    content:none!important;
    display:none!important;
  }
  .home-pathways .section-head h2{
    margin-top:11px!important;
    font-size:1.82rem!important;
    line-height:1.08!important;
  }
  .home-pathways .section-head .lede{
    margin:9px 0 0!important;
    font-size:.92rem!important;
    line-height:1.5!important;
  }
  .home-path-grid{
    gap:11px!important;
  }

  .home-path-card,
  .home-path-card:nth-child(1),
  .home-path-card:nth-child(2),
  .home-path-card:nth-child(3){
    display:grid!important;
    grid-template-columns:66px minmax(0,1fr)!important;
    column-gap:14px!important;
    align-items:start!important;
    text-align:left!important;
    padding:17px!important;
    border-radius:16px!important;
  }
  .home-path-card:nth-child(3)::after{
    width:92px!important;
    height:32px!important;
    top:10px!important;
    right:11px!important;
    opacity:.075!important;
  }

  .home-path-icon,
  .home-path-card:nth-child(1) .home-path-icon,
  .home-path-card:nth-child(2) .home-path-icon,
  .home-path-card:nth-child(3) .home-path-icon{
    grid-row:1 / span 3!important;
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
    margin:0!important;
  }
  .home-path-icon svg{
    width:43px!important;
    height:43px!important;
  }
  .home-path-card h3{
    grid-column:2!important;
    margin:2px 0 5px!important;
    font-size:1.12rem!important;
  }
  .home-path-card p{
    grid-column:2!important;
    max-width:none!important;
    margin:0 0 10px!important;
    font-size:.84rem!important;
    line-height:1.45!important;
  }
  .home-path-card .home-path-link,
  .home-path-card:nth-child(1) .home-path-link,
  .home-path-card:nth-child(2) .home-path-link,
  .home-path-card:nth-child(3) .home-path-link{
    grid-column:1 / -1!important;
    width:100%!important;
    margin-top:4px!important;
    padding-top:11px!important;
    font-size:.85rem!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-path-card{transition:none!important}
}

/* Homepage desktop hero alignment: the opening/location eyebrow and the
   right-side image start on the same visual line. Tablet/mobile remain stacked. */
@media(min-width:981px){
  html body main#main > section.hero > .wrap.hero-grid{
    align-items:start!important;
  }
  html body main#main > section.hero > .wrap.hero-grid > .hero-copy,
  html body main#main > section.hero > .wrap.hero-grid > .hero-visual{
    align-self:start!important;
    margin-top:0!important;
  }
}

/* Why Motiva desktop layout: keep all approved copy together on the left,
   keep the existing photo on the right, and place all four benefits below. */
@media(min-width:981px){
  html body main#main > section.why-motiva > .wrap.why-motiva-grid{
    display:block!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy{
    display:grid!important;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    column-gap:52px!important;
    row-gap:0!important;
    align-items:start!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > .eyebrow{
    grid-column:1!important;
    grid-row:1!important;
    margin:0 0 10px!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > h2{
    grid-column:1!important;
    grid-row:2!important;
    margin:0 0 18px!important;
    max-width:620px!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > p:not(.why-motiva-tagline){
    grid-column:1!important;
    max-width:620px!important;
    padding:0!important;
    margin:0 0 16px!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > p:not(.why-motiva-tagline):first-of-type{
    grid-row:3!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > p:not(.why-motiva-tagline):nth-of-type(2){
    grid-row:4!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > .why-motiva-tagline{
    grid-column:1!important;
    grid-row:5!important;
    justify-self:start!important;
    margin:6px 0 0!important;
    white-space:normal!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > .why-motiva-tagline strong{
    white-space:normal!important;
    flex-wrap:wrap!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > .why-motiva-media{
    grid-column:2!important;
    grid-row:1 / 6!important;
    align-self:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid var(--motiva-line,#DCE5DF)!important;
    border-radius:24px 64px 24px 24px!important;
    background:#EEF3EF!important;
    box-shadow:0 18px 42px rgba(47,102,80,.10)!important;
  }

  html body main#main > section.why-motiva .why-motiva-copy > .why-motiva-media img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  html body main#main > section.why-motiva .why-motiva-side{
    display:block!important;
    width:100%!important;
    margin:32px 0 0!important;
  }

  html body main#main > section.why-motiva .why-motiva-points{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }

  html body main#main > section.why-motiva .why-motiva-points article,
  html body main#main > section.why-motiva .why-motiva-points article:first-child,
  html body main#main > section.why-motiva .why-motiva-points article:last-child{
    min-height:170px!important;
    margin:0!important;
    padding:20px 20px 19px!important;
    border:1px solid rgba(33,76,59,.12)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 7px 18px rgba(33,76,59,.035)!important;
  }

  html body main#main > section.why-motiva .why-motiva-points .why-point-title{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
    margin:0 0 9px!important;
  }
}

/* ===== careers-discovery.css ===== */
/* Careers discovery: keeps hiring visible without competing with patient navigation. */

/* Careers now uses the same standard dropdown styling as the other menu items. */

/* Homepage hiring callout near the founder/team section.
   Matches the Featured Care card palette and visual language. */
.home-careers-callout{
  position:relative;
  margin-top:30px;
  padding:28px 30px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  overflow:hidden;
  background:#FFFFFF!important;
  border:1px solid var(--motiva-line,#DCE5DF)!important;
  border-radius:18px!important;
  box-shadow:0 7px 24px rgba(47,102,80,.05)!important;
}

/* Featured Care uses clean cards without a decorative watermark. */
.home-careers-callout::after{
  content:none!important;
  display:none!important;
}

.home-careers-copy{
  max-width:760px;
}

.home-careers-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:var(--motiva-green,#2F6650)!important;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-careers-kicker::before{
  content:"";
  display:block;
  width:24px;
  height:2px;
  flex:0 0 24px;
  background:var(--motiva-gold,#B79245)!important;
}

.home-careers-callout h3{
  margin:0 0 8px;
  color:var(--motiva-green-deep,#214C3B)!important;
  font-size:clamp(1.55rem,2.3vw,2.15rem);
  line-height:1.08;
  letter-spacing:-.015em;
}

.home-careers-callout p{
  max-width:62ch;
  margin:0;
  color:var(--motiva-text,#46584F)!important;
  font-size:.98rem;
  line-height:1.6;
}

.home-careers-action{
  position:relative;
  z-index:1;
  min-height:48px;
  padding:13px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--motiva-green,#2F6650)!important;
  border-radius:12px;
  background:var(--motiva-green,#2F6650)!important;
  color:#FFFFFF!important;
  font-size:.91rem;
  font-weight:750;
  line-height:1.2;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(47,102,80,.14);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}

.home-careers-action:hover{
  transform:translateY(-2px);
  border-color:var(--motiva-green-deep,#214C3B)!important;
  background:var(--motiva-green-deep,#214C3B)!important;
  box-shadow:0 12px 28px rgba(47,102,80,.20);
}

.home-careers-action:focus-visible{
  outline:3px solid rgba(183,146,69,.55);
  outline-offset:3px;
}

@media(max-width:980px){
  .home-careers-callout{
    margin-top:24px;
    padding:23px 22px;
    grid-template-columns:1fr;
    gap:18px;
  }
  .home-careers-action{
    width:max-content;
  }
}

@media(max-width:620px){
  .home-careers-callout{
    margin-top:20px;
    padding:20px 18px;
    gap:16px;
    border-radius:18px!important;
  }
  .home-careers-kicker{
    font-size:.7rem;
  }
  .home-careers-callout h3{
    max-width:14ch;
    font-size:1.55rem;
  }
  .home-careers-callout p{
    font-size:.9rem;
    line-height:1.52;
  }
  .home-careers-action{
    width:100%;
    min-height:50px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-careers-action{transition:none}
}

/* ===== footer-compact.css ===== */
/* Compact Motiva footer — warm cream treatment on desktop and mobile. */

footer.site.footer-refresh{
  position:relative;
  overflow:hidden;
  padding:30px 0 16px!important;
  border-top:1px solid rgba(33,76,59,.10)!important;
  background:linear-gradient(118deg,#F7F3EA 0%,#FBF8F4 58%,#F5F0E5 100%)!important;
  color:#214C3B!important;
}
footer.site.footer-refresh::before,
footer.site.footer-refresh::after{display:none!important}

footer.site.footer-refresh .footer-main-grid{
  display:grid!important;
  grid-template-columns:minmax(285px,1.28fr) minmax(130px,.7fr) minmax(180px,.9fr) minmax(245px,1.12fr)!important;
  gap:30px!important;
  align-items:start!important;
}

footer.site.footer-refresh .footer-brand-compact{
  max-width:350px!important;
}
footer.site.footer-refresh .footer-logo-link,
footer.site.footer-refresh .mobile-footer-logo-panel{
  display:block!important;
  width:min(100%,300px)!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:visible!important;
}
footer.site.footer-refresh .footer-logo-link img,
footer.site.footer-refresh .mobile-footer-logo-panel img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  background:transparent!important;
}

footer.site.footer-refresh h4{
  margin:2px 0 12px!important;
  color:#214C3B!important;
  font-size:.98rem!important;
  font-weight:760!important;
}
footer.site.footer-refresh h4::after{
  content:"";
  display:block;
  width:30px!important;
  height:2px!important;
  margin-top:7px!important;
  background:#D1AA63!important;
  border-radius:99px!important;
}
footer.site.footer-refresh ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
footer.site.footer-refresh li{
  margin:0 0 7px!important;
  line-height:1.35!important;
}
footer.site.footer-refresh a{
  color:#3F574C!important;
  text-decoration:none!important;
}
footer.site.footer-refresh .footer-column a{
  font-size:.84rem!important;
  font-weight:560!important;
}
footer.site.footer-refresh .footer-column a:hover,
footer.site.footer-refresh .footer-email:hover,
footer.site.footer-refresh .footer-mobile-email:hover{
  color:#214C3B!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

footer.site.footer-refresh .footer-visit address,
footer.site.footer-refresh .mobile-footer-visit address{
  margin:0!important;
  color:#3F574C!important;
  font-style:normal!important;
  line-height:1.42!important;
}
footer.site.footer-refresh .footer-visit address strong,
footer.site.footer-refresh .mobile-footer-visit address strong{
  display:block!important;
  color:#214C3B!important;
  font-size:.86rem!important;
}
footer.site.footer-refresh .footer-visit address span,
footer.site.footer-refresh .mobile-footer-visit address span{
  display:block!important;
  color:#50695D!important;
  font-size:.82rem!important;
}
footer.site.footer-refresh .footer-landmark{
  margin:7px 0 10px!important;
  color:#9A7430!important;
  font-size:.76rem!important;
  font-weight:700!important;
}
footer.site.footer-refresh .footer-directions{
  display:block!important;
  min-height:0!important;
  margin:0 0 9px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8B6826!important;
  font-size:.80rem!important;
  font-weight:760!important;
}
footer.site.footer-refresh .footer-directions:hover{
  background:transparent!important;
  color:#214C3B!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
footer.site.footer-refresh .footer-email,
footer.site.footer-refresh .footer-mobile-email{
  color:#3F574C!important;
  font-size:.78rem!important;
  overflow-wrap:anywhere!important;
}

footer.site.footer-refresh .footer-social{
  margin-top:10px!important;
  padding-top:11px!important;
  border-top:1px solid rgba(33,76,59,.14)!important;
}
footer.site.footer-refresh .footer-social-label{display:none!important}
footer.site.footer-refresh .footer-social-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
footer.site.footer-refresh .footer-social-icons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
footer.site.footer-refresh .footer-social-item{
  display:block!important;
  font-size:0!important;
}
footer.site.footer-refresh .footer-social-logo{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:2px!important;
  border:1px solid rgba(33,76,59,.13)!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  box-shadow:0 3px 9px rgba(33,76,59,.06)!important;
}
footer.site.footer-refresh .footer-social-logo img{
  width:22px!important;
  height:22px!important;
}
footer.site.footer-refresh .footer-social-coming{
  display:inline-block!important;
  margin:0 0 0 3px!important;
  padding-left:11px!important;
  border-left:1px solid rgba(33,76,59,.20)!important;
  color:#60766B!important;
  font-family:'Public Sans',ui-sans-serif,system-ui,sans-serif!important;
  font-size:.71rem!important;
  font-weight:580!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

footer.site.footer-refresh .footer-bottom-refresh{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:8px 18px!important;
  margin-top:22px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(33,76,59,.14)!important;
}
footer.site.footer-refresh .footer-bottom-refresh,
footer.site.footer-refresh .footer-bottom-refresh span,
footer.site.footer-refresh .footer-bottom-refresh a{
  color:#5C7066!important;
  font-size:.70rem!important;
}
footer.site.footer-refresh .footer-bottom-refresh a:hover{color:#214C3B!important}
footer.site.footer-refresh .mobile-footer{display:none!important}

@media(max-width:1100px) and (min-width:981px){
  footer.site.footer-refresh .footer-main-grid{
    grid-template-columns:minmax(245px,1.15fr) minmax(120px,.7fr) minmax(165px,.9fr) minmax(220px,1fr)!important;
    gap:22px!important;
  }
  footer.site.footer-refresh .footer-logo-link{width:min(100%,270px)!important}
}

@media(max-width:980px){
  footer.site.footer-refresh{
    padding:24px 0 14px!important;
    background:linear-gradient(118deg,#F7F3EA 0%,#FBF8F4 58%,#F5F0E5 100%)!important;
  }
  footer.site.footer-refresh .footer-main-grid{display:none!important}
  footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 28px!important;
  }
  footer.site.footer-refresh .mobile-footer-brand{
    grid-column:1 / -1!important;
    max-width:none!important;
    margin:0 0 15px!important;
  }
  footer.site.footer-refresh .mobile-footer-logo-panel{
    width:min(270px,76vw)!important;
    margin-bottom:7px!important;
  }
  footer.site.footer-refresh .footer-social-mobile{
    width:min(360px,100%)!important;
    margin-top:8px!important;
    padding-top:10px!important;
  }
  footer.site.footer-refresh .mobile-footer-section{
    padding:13px 0 11px!important;
    border-top:1px solid rgba(33,76,59,.13)!important;
  }
  footer.site.footer-refresh .mobile-footer-section h4{
    margin:0 0 10px!important;
    color:#214C3B!important;
    font-size:.90rem!important;
  }
  footer.site.footer-refresh .mobile-footer-section h4::after{
    width:26px!important;
    margin-top:6px!important;
  }
  footer.site.footer-refresh .mobile-footer-section li{
    margin-bottom:6px!important;
  }
  footer.site.footer-refresh .mobile-footer-section a,
  footer.site.footer-refresh .mobile-footer-section address,
  footer.site.footer-refresh .mobile-footer-section address strong,
  footer.site.footer-refresh .mobile-footer-section address span{
    font-size:.80rem!important;
  }
  footer.site.footer-refresh .mobile-footer-visit{
    grid-column:1 / -1!important;
    border-bottom:1px solid rgba(33,76,59,.13)!important;
  }
  footer.site.footer-refresh .mobile-footer-visit .footer-mobile-email{
    display:block!important;
    margin-top:5px!important;
  }
  footer.site.footer-refresh .footer-bottom-refresh{
    margin-top:13px!important;
    padding-top:10px!important;
  }
}

@media(max-width:620px){
  footer.site.footer-refresh{padding-top:20px!important}
  footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  footer.site.footer-refresh .mobile-footer-brand,
  footer.site.footer-refresh .mobile-footer-visit{
    grid-column:auto!important;
  }
  footer.site.footer-refresh .mobile-footer-logo-panel{
    width:min(245px,78vw)!important;
  }
  footer.site.footer-refresh .mobile-footer-section{
    padding:11px 0 10px!important;
  }
  footer.site.footer-refresh .footer-bottom-refresh{
    display:block!important;
    text-align:left!important;
  }
  footer.site.footer-refresh .footer-bottom-refresh span{
    display:block!important;
    margin-top:4px!important;
  }
  footer.site.footer-refresh .footer-bottom-refresh,
  footer.site.footer-refresh .footer-bottom-refresh span,
  footer.site.footer-refresh .footer-bottom-refresh a{
    font-size:.66rem!important;
  }
}

/* ===== footer-logo-alignment.css ===== */
/* Footer logo alignment + visibility refinement.
   The footer uses the standalone transparent Motiva PNG so the logo does not
   depend on a nested SVG image reference. Keep the complete green-and-gold
   Motiva mark visible on desktop, tablet and mobile with no white logo card. */

footer.site.footer-refresh{
  padding-top:24px!important;
  padding-bottom:14px!important;
}

footer.site.footer-refresh .footer-main-grid{
  align-items:start!important;
}

footer.site.footer-refresh .footer-logo-link,
footer.site.footer-refresh .mobile-footer-logo-panel{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:1px!important;
  margin:2px 0 4px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}

footer.site.footer-refresh .footer-logo-link img,
footer.site.footer-refresh .mobile-footer-logo-panel img{
  position:static!important;
  z-index:1!important;
  display:block!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:1px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transform-origin:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}

footer.site.footer-refresh .footer-brand-compact{
  align-self:start!important;
}

footer.site.footer-refresh .footer-social{
  margin-top:4px!important;
  padding-top:9px!important;
}

footer.site.footer-refresh .footer-bottom-refresh{
  margin-top:18px!important;
  padding-top:10px!important;
}

/* Desktop: align the Motiva brand block top edge with the Explore,
   New Patients and Our Location headings. */
@media(min-width:981px){
  footer.site.footer-refresh .footer-brand-compact{
    margin-top:0!important;
  }
  footer.site.footer-refresh .footer-logo-link{
    margin-top:0!important;
    margin-bottom:-2px!important;
  }
  footer.site.footer-refresh .footer-main-grid > .footer-column > h4{
    margin-top:0!important;
  }
}

/* Tablet and mobile both use the mobile footer markup. */
@media(max-width:980px){
  footer.site.footer-refresh{
    padding-top:18px!important;
    padding-bottom:12px!important;
  }
  footer.site.footer-refresh .mobile-footer-brand{
    margin-bottom:9px!important;
  }
  footer.site.footer-refresh .mobile-footer-logo-panel{
    display:block!important;
    width:min(270px,76vw)!important;
    margin:0 0 3px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  footer.site.footer-refresh .mobile-footer-logo-panel img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
  footer.site.footer-refresh .footer-social-mobile{
    margin-top:3px!important;
    padding-top:8px!important;
  }
  footer.site.footer-refresh .footer-bottom-refresh{
    margin-top:11px!important;
    padding-top:9px!important;
  }
}

@media(max-width:620px){
  footer.site.footer-refresh{
    padding-top:16px!important;
  }
  footer.site.footer-refresh .mobile-footer-brand{
    margin-bottom:7px!important;
  }
  footer.site.footer-refresh .mobile-footer-logo-panel{
    width:min(245px,78vw)!important;
  }
}


/* Header/footer Motiva logo size parity — permanent source rule.
   Uses the same responsive widths as the header and is intentionally last. */
@media(min-width:1121px){
  footer.site.footer-refresh .footer-logo-link{width:190px!important}
}
@media(min-width:981px) and (max-width:1120px) and (hover:hover) and (pointer:fine){
  footer.site.footer-refresh .footer-logo-link{width:145px!important}
}
@media(min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  footer.site.footer-refresh .footer-logo-link{width:165px!important}
}
@media(max-width:980px){
  footer.site.footer-refresh .mobile-footer-logo-panel{width:165px!important}
}
@media(max-width:680px){
  footer.site.footer-refresh .mobile-footer-logo-panel{width:148px!important}
}


/* Final footer logo parity with header.
   Use the standalone transparent PNG so the cream footer remains visible
   behind the complete Motiva mark, and mirror the header's rendered widths. */
footer.site.footer-refresh .footer-logo-link,
footer.site.footer-refresh .mobile-footer-logo-panel{
  width:190px!important;
  max-width:190px!important;
  background:transparent!important;
}
footer.site.footer-refresh .footer-logo-link img,
footer.site.footer-refresh .mobile-footer-logo-panel img{
  display:block!important;
  width:190px!important;
  max-width:190px!important;
  height:auto!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:980px){
  footer.site.footer-refresh .footer-logo-link,
  footer.site.footer-refresh .mobile-footer-logo-panel,
  footer.site.footer-refresh .footer-logo-link img,
  footer.site.footer-refresh .mobile-footer-logo-panel img{
    width:165px!important;
    max-width:165px!important;
  }
}
@media(max-width:680px){
  footer.site.footer-refresh .footer-logo-link,
  footer.site.footer-refresh .mobile-footer-logo-panel,
  footer.site.footer-refresh .footer-logo-link img,
  footer.site.footer-refresh .mobile-footer-logo-panel img{
    width:148px!important;
    max-width:148px!important;
  }
}

/* ===== homepage-spacing.css ===== */
/* Homepage-only vertical rhythm refinement.
   Loaded late so older section-specific styles cannot restore oversized gaps. */

@media (min-width:981px){
  main:has(> .home-pathways) > .home-pathways{
    padding-top:58px!important;
    padding-bottom:60px!important;
  }
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-founder-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > #visit.visit-section,
  main:has(> .home-pathways) > .final-cta{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }

  main:has(> .home-pathways) .home-pathways .section-head,
  main:has(> .home-pathways) .home-featured-care .section-head,
  main:has(> .home-pathways) .home-process-compact .section-head,
  main:has(> .home-pathways) .home-founder-section .section-head{
    margin-bottom:24px!important;
  }
}

@media (max-width:980px){
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-founder-section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > #visit.visit-section,
  main:has(> .home-pathways) > .final-cta{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }
}

@media (max-width:620px){
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-founder-section{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > #visit.visit-section,
  main:has(> .home-pathways) > .final-cta{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }

  main:has(> .home-pathways) .home-pathways .section-head,
  main:has(> .home-pathways) .home-featured-care .section-head,
  main:has(> .home-pathways) .home-process-compact .section-head,
  main:has(> .home-pathways) .home-founder-section .section-head{
    margin-bottom:16px!important;
  }
}

/* ===== homepage-system.css ===== */
/* Homepage visual system — one heading, spacing and surface rhythm.
   Loaded last so older section-specific rules cannot fragment the homepage.
   This file is deliberately scoped to the homepage by the presence of
   .home-pathways as a direct child of main. */

/* ---------- Shared content-section surfaces ---------- */
main:has(> .home-pathways) > .home-pathways{
  background:#FFFFFF!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}
main:has(> .home-pathways) > .why-motiva{
  background:#F7F3EA!important;
  background-image:none!important;
  border-top:1px solid rgba(33,76,59,.055)!important;
  border-bottom:1px solid rgba(33,76,59,.055)!important;
}
main:has(> .home-pathways) > .home-featured-care{
  background:#FFFFFF!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}
main:has(> .home-pathways) > .home-process-compact{
  background:#EEF3EF!important;
  background-image:none!important;
  border-top:1px solid rgba(33,76,59,.06)!important;
  border-bottom:1px solid rgba(33,76,59,.06)!important;
}
main:has(> .home-pathways) > .home-founder-section{
  background:#FFFFFF!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}
main:has(> .home-pathways) > #visit.visit-section{
  background:#F7F3EA!important;
  background-image:none!important;
  border-top:1px solid rgba(33,76,59,.055)!important;
  border-bottom:0!important;
}

/* ---------- One vertical rhythm ---------- */
@media(min-width:981px){
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > .home-founder-section,
  main:has(> .home-pathways) > #visit.visit-section{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
}

@media(max-width:980px){
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > .home-founder-section,
  main:has(> .home-pathways) > #visit.visit-section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
}

@media(max-width:620px){
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > .home-founder-section,
  main:has(> .home-pathways) > #visit.visit-section{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
}

/* ---------- One section-heading system ---------- */
main:has(> .home-pathways) .home-pathways .section-head,
main:has(> .home-pathways) .home-featured-care .section-head,
main:has(> .home-pathways) .home-process-compact .section-head,
main:has(> .home-pathways) .home-founder-section .section-head,
main:has(> .home-pathways) #visit .visit-section-head{
  max-width:680px!important;
  margin:0 0 24px!important;
  text-align:left!important;
}

main:has(> .home-pathways) .home-pathways .section-head .eyebrow,
main:has(> .home-pathways) .home-featured-care .section-head .eyebrow,
main:has(> .home-pathways) .home-process-compact .section-head .eyebrow,
main:has(> .home-pathways) .home-founder-section .section-head .eyebrow,
main:has(> .home-pathways) .why-motiva-copy > .eyebrow,
main:has(> .home-pathways) #visit .visit-section-head .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  margin:0 0 12px!important;
  color:#53695B!important;
  font-family:'IBM Plex Mono',ui-monospace,monospace!important;
  font-size:.74rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}

main:has(> .home-pathways) .home-pathways .section-head .eyebrow::before,
main:has(> .home-pathways) .home-featured-care .section-head .eyebrow::before,
main:has(> .home-pathways) .home-process-compact .section-head .eyebrow::before,
main:has(> .home-pathways) .home-founder-section .section-head .eyebrow::before,
main:has(> .home-pathways) .why-motiva-copy > .eyebrow::before,
main:has(> .home-pathways) #visit .visit-section-head .eyebrow::before{
  content:""!important;
  display:block!important;
  width:20px!important;
  height:2px!important;
  flex:0 0 20px!important;
  border-radius:99px!important;
  background:#D1AA63!important;
  opacity:1!important;
}

main:has(> .home-pathways) .home-pathways .section-head .eyebrow::after,
main:has(> .home-pathways) .home-featured-care .section-head .eyebrow::after,
main:has(> .home-pathways) .home-process-compact .section-head .eyebrow::after,
main:has(> .home-pathways) .home-founder-section .section-head .eyebrow::after,
main:has(> .home-pathways) .why-motiva-copy > .eyebrow::after,
main:has(> .home-pathways) #visit .visit-section-head .eyebrow::after{
  content:none!important;
  display:none!important;
}

main:has(> .home-pathways) .home-pathways .section-head h2,
main:has(> .home-pathways) .home-featured-care .section-head h2,
main:has(> .home-pathways) .home-process-compact .section-head h2,
main:has(> .home-pathways) .home-founder-section .section-head h2,
main:has(> .home-pathways) .why-motiva-copy > h2,
main:has(> .home-pathways) #visit .visit-section-head h2{
  max-width:680px!important;
  margin:0!important;
  color:#214C3B!important;
  font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(2.05rem,3.35vw,3rem)!important;
  font-weight:700!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
  text-wrap:balance!important;
}

main:has(> .home-pathways) .home-title-accent{
  color:#C97D58!important;
}

main:has(> .home-pathways) .home-pathways .section-head .lede,
main:has(> .home-pathways) .home-featured-care .section-head .lede,
main:has(> .home-pathways) #visit .visit-section-head .lede{
  max-width:56ch!important;
  margin:12px 0 0!important;
  color:#4B524D!important;
  font-size:1rem!important;
  line-height:1.58!important;
  text-align:left!important;
}

/* What to Expect intentionally has no supporting sentence. Keep the same
   heading-to-content distance as sections that do. */
main:has(> .home-pathways) .home-process-compact .section-head{
  margin-bottom:24px!important;
}

/* Why Motiva uses narrative copy instead of a separate lede. Keep its heading
   spacing aligned to the same system while preserving the approved content. */
main:has(> .home-pathways) .why-motiva-copy > h2{
  margin-bottom:16px!important;
}

/* ---------- Responsive heading rhythm ---------- */
@media(max-width:980px){
  main:has(> .home-pathways) .home-pathways .section-head,
  main:has(> .home-pathways) .home-featured-care .section-head,
  main:has(> .home-pathways) .home-process-compact .section-head,
  main:has(> .home-pathways) .home-founder-section .section-head,
  main:has(> .home-pathways) #visit .visit-section-head{
    margin-bottom:20px!important;
  }
}

@media(max-width:620px){
  main:has(> .home-pathways) .home-pathways .section-head,
  main:has(> .home-pathways) .home-featured-care .section-head,
  main:has(> .home-pathways) .home-process-compact .section-head,
  main:has(> .home-pathways) .home-founder-section .section-head,
  main:has(> .home-pathways) #visit .visit-section-head{
    margin-bottom:16px!important;
  }

  main:has(> .home-pathways) .home-pathways .section-head .eyebrow,
  main:has(> .home-pathways) .home-featured-care .section-head .eyebrow,
  main:has(> .home-pathways) .home-process-compact .section-head .eyebrow,
  main:has(> .home-pathways) .home-founder-section .section-head .eyebrow,
  main:has(> .home-pathways) .why-motiva-copy > .eyebrow,
  main:has(> .home-pathways) #visit .visit-section-head .eyebrow{
    margin-bottom:10px!important;
    font-size:.69rem!important;
    letter-spacing:.075em!important;
  }

  main:has(> .home-pathways) .home-pathways .section-head h2,
  main:has(> .home-pathways) .home-featured-care .section-head h2,
  main:has(> .home-pathways) .home-process-compact .section-head h2,
  main:has(> .home-pathways) .home-founder-section .section-head h2,
  main:has(> .home-pathways) .why-motiva-copy > h2,
  main:has(> .home-pathways) #visit .visit-section-head h2{
    font-size:clamp(1.72rem,8.2vw,2.15rem)!important;
    line-height:1.08!important;
  }

  main:has(> .home-pathways) .home-pathways .section-head .lede,
  main:has(> .home-pathways) .home-featured-care .section-head .lede,
  main:has(> .home-pathways) #visit .visit-section-head .lede{
    margin-top:9px!important;
    font-size:.92rem!important;
    line-height:1.5!important;
  }
}

/* ---------- Desktop Our Approach + What to Expect pairing ---------- */
/* Keep all approved copy exactly as written. The two existing sections share
   one desktop row: narrative paragraphs on the left, 2x2 first-visit cards on
   the right. Tablet/mobile retain their existing stacked section flow. */
@media(min-width:981px){
  body main#main:has(> .home-pathways){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto auto auto auto!important;
  }

  body main#main:has(> .home-pathways) > .hero{grid-row:1!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > .home-mission-intro,
  body main#main:has(> .home-pathways) > .home-process-compact{
    grid-row:2!important;
    grid-column:1!important;
    min-width:0!important;
  }
  body main#main:has(> .home-pathways) > .home-pathways{grid-row:3!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > .why-motiva{grid-row:4!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > .home-featured-care{grid-row:5!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > .home-founder-section{grid-row:6!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > #visit{grid-row:7!important;grid-column:1!important}
  body main#main:has(> .home-pathways) > .final-cta{grid-row:8!important;grid-column:1!important}

  main:has(> .home-pathways) > .home-mission-intro{
    position:relative!important;
    z-index:1!important;
    padding-top:68px!important;
    padding-bottom:68px!important;
    background:#FBF8F4!important;
    border-top:1px solid rgba(33,76,59,.10)!important;
    border-bottom:1px solid rgba(33,76,59,.10)!important;
  }

  main:has(> .home-pathways) > .home-mission-intro .home-mission-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:58px!important;
    row-gap:0!important;
    align-items:start!important;
  }

  main:has(> .home-pathways) > .home-mission-intro .home-mission-head{
    grid-column:1!important;
    max-width:560px!important;
    margin:0!important;
    padding:0!important;
  }

  main:has(> .home-pathways) > .home-mission-intro .home-mission-head .eyebrow{
    margin-bottom:12px!important;
  }

  main:has(> .home-pathways) > .home-mission-intro .home-mission-head h2{
    max-width:540px!important;
    margin:0!important;
    font-size:clamp(2.5rem,3.35vw,3.65rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  /* Paragraphs return to normal editorial copy directly under Our Mission. */
  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy{
    grid-column:1!important;
    display:block!important;
    width:100%!important;
    max-width:590px!important;
    margin:24px 0 0!important;
  }

  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p,
  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:first-child,
  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:last-child{
    display:block!important;
    min-height:0!important;
    margin:0 0 17px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#46524D!important;
    font-size:1rem!important;
    line-height:1.66!important;
  }
  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:first-child{
    color:#36584B!important;
    font-size:1.07rem!important;
  }
  main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:last-child{
    margin-bottom:0!important;
  }

  /* Existing What to Expect section overlays only the right half of the same
     grid row; it stays fully semantic and keeps the original wording. */
  main:has(> .home-pathways) > .home-process-compact{
    position:relative!important;
    z-index:2!important;
    align-self:stretch!important;
    padding-top:68px!important;
    padding-bottom:68px!important;
    background:transparent!important;
    border:0!important;
    pointer-events:none!important;
  }

  main:has(> .home-pathways) > .home-process-compact > .wrap{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:58px!important;
    align-items:start!important;
  }

  main:has(> .home-pathways) > .home-process-compact .section-head,
  main:has(> .home-pathways) > .home-process-compact .process-row{
    grid-column:2!important;
    width:100%!important;
    max-width:none!important;
    pointer-events:auto!important;
  }

  main:has(> .home-pathways) > .home-process-compact .section-head{
    margin:0 0 20px!important;
  }

  main:has(> .home-pathways) > .home-process-compact .section-head h2{
    font-size:clamp(1.9rem,2.55vw,2.65rem)!important;
    line-height:1.06!important;
  }

  main:has(> .home-pathways) > .home-process-compact .process-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  main:has(> .home-pathways) > .home-process-compact .process-step,
  main:has(> .home-pathways) > .home-process-compact .process-step:nth-child(2n),
  main:has(> .home-pathways) > .home-process-compact .process-step:nth-child(-n+2),
  main:has(> .home-pathways) > .home-process-compact .process-step:last-child{
    min-width:0!important;
    min-height:158px!important;
    padding:20px 19px!important;
    border:1px solid rgba(33,76,59,.12)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 9px 24px rgba(33,76,59,.045)!important;
  }

  main:has(> .home-pathways) > .home-process-compact .process-step .step-n{
    margin-bottom:10px!important;
    color:#C97D58!important;
    font-size:.78rem!important;
    font-weight:800!important;
  }
  main:has(> .home-pathways) > .home-process-compact .process-step h3{
    margin:0 0 7px!important;
    color:#214C3B!important;
    font-size:1.04rem!important;
    line-height:1.2!important;
  }
  main:has(> .home-pathways) > .home-process-compact .process-step p{
    margin:0!important;
    color:#53605A!important;
    font-size:.9rem!important;
    line-height:1.48!important;
  }
}

/* ---------- Closing transition ---------- */
main:has(> .home-pathways) > .final-cta{
  border-top:0!important;
}
main:has(> .home-pathways) > .final-cta .final-welcome-copy h2 span{
  color:#F1C7B1!important;
}

/* ===== homepage-color-refinement.css ===== */
/* Homepage colour refinement — tighter Motiva brand hierarchy.
   Deep green, eucalyptus, terracotta, restrained gold, warm cream and soft sage.
   Scoped to the homepage so established inner-page styling is unchanged. */

/* Visit Motiva: practical information gets its own quiet sage surface rather
   than repeating the warm cream used by Why Motiva. */
main:has(> .home-pathways) > #visit.visit-section{
  background:#F2F6F3!important;
  background-image:none!important;
  border-top:1px solid rgba(33,76,59,.07)!important;
}

/* Founder: remove the dusty-rose cast and use a cleaner sage-cream treatment. */
main:has(> .home-pathways) .home-founder-section .founder{
  background:#F5F7F3!important;
  border-color:#D9E3DC!important;
  box-shadow:0 10px 30px rgba(33,76,59,.055)!important;
}
main:has(> .home-pathways) .home-founder-section .tags span{
  background:#FFFFFF!important;
  border-color:#DCE5DF!important;
  color:#46584F!important;
}

/* Featured Care: keep white cards, but give the imagery a consistent Motiva
   finishing line so the section feels designed rather than template-like. */
main:has(> .home-pathways) .home-featured-care .featured-care-card,
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(1),
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(2),
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(3),
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(4),
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(5),
main:has(> .home-pathways) .home-featured-care .featured-care-card:nth-child(6){
  border-color:#DCE5DF!important;
  border-top-color:#DCE5DF!important;
}
main:has(> .home-pathways) .home-featured-care .featured-care-media{
  position:relative!important;
  background:#F3F7F4!important;
}
main:has(> .home-pathways) .home-featured-care .featured-care-media::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#53695B 0 76%,#D1AA63 76% 100%)!important;
  opacity:.72!important;
  pointer-events:none!important;
}

/* Closing CTA: create a deliberate visual destination before the warm-cream
   footer. Terracotta becomes the conversion accent; gold stays decorative. */
main:has(> .home-pathways) > .final-cta.final-cta-welcome{
  background:linear-gradient(115deg,#214C3B 0%,#285442 58%,#1D4638 100%)!important;
  border-top:0!important;
  border-bottom:0!important;
  color:#FFFFFF!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome::after{
  background:rgba(209,170,99,.08)!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .eyebrow{
  color:#F0D9A8!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .eyebrow::before{
  background:#D1AA63!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome h2{
  color:#FFFFFF!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome h2 span,
main:has(> .home-pathways) > .final-cta .final-welcome-copy h2 span{
  color:#C97D58!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome p{
  color:#EDF4F0!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .btn-energy{
  background:#C97D58!important;
  border-color:#C97D58!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(18,46,36,.24)!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .btn-energy:hover{
  background:#B96947!important;
  border-color:#B96947!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .btn-ghost-light{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.62)!important;
  color:#FFFFFF!important;
}
main:has(> .home-pathways) > .final-cta.final-cta-welcome .btn-ghost-light:hover{
  background:#F7F3EA!important;
  border-color:#F7F3EA!important;
  color:#214C3B!important;
}

@media(max-width:620px){
  main:has(> .home-pathways) .home-featured-care .featured-care-media::after{
    height:2px!important;
  }
}
/* Opening section emphasis: keep the lead phrase white against the dark panel. */
.mh-opening .mh-opening-white{color:#fff!important}

/* ===== sitewide-heading-accent.css ===== */
/* Site-wide Motiva heading accent.
   Generated pages wrap one key word in major H1/H2 headings with
   .title-key-accent. Existing hand-styled homepage spans are left untouched.
   The accent changes colour only; heading wording, size and layout stay intact. */

.title-key-accent{
  color:var(--terracotta,#C97D58)!important;
}

/* On dark CTA/contrast sections use the softer coral tint for readability. */
.final-cta .title-key-accent,
.on-dark .title-key-accent{
  color:#F1C7B1!important;
}

/* ===== sitewide-final-cta.css ===== */
/* Site-wide Motiva closing CTA system.
   Every page-ending CTA matches the homepage Opening December 1, 2026
   section in colour, typography, spacing, actions and responsive behaviour. */

main > .final-cta{
  position:relative!important;
  overflow:hidden!important;
  padding-top:44px!important;
  padding-bottom:44px!important;
  background:linear-gradient(115deg,#214C3B 0%,#285442 58%,#1D4638 100%)!important;
  border-top:0!important;
  border-bottom:0!important;
  color:#FFFFFF!important;
}

main > .final-cta::after{
  content:""!important;
  position:absolute!important;
  right:-90px!important;
  bottom:-130px!important;
  width:330px!important;
  height:330px!important;
  border-radius:50%!important;
  background:rgba(209,170,99,.08)!important;
  pointer-events:none!important;
}

main > .final-cta .final-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:54px!important;
  align-items:end!important;
}

main > .final-cta .final-grid > :first-child,
main > .final-cta .final-welcome-copy{
  max-width:720px!important;
}

main > .final-cta .eyebrow{
  color:#F0D9A8!important;
}

main > .final-cta .eyebrow::before{
  background:#D1AA63!important;
}

main > .final-cta h2{
  max-width:680px!important;
  margin:10px 0 14px!important;
  color:#FFFFFF!important;
  font-size:clamp(2rem,4vw,3.35rem)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}

/* Use the softer coral on dark green: it keeps the homepage accent character
   while maintaining stronger large-text contrast than the standard terracotta. */
main > .final-cta h2 span{
  color:#F1C7B1!important;
}

main > .final-cta p{
  max-width:610px!important;
  margin:0!important;
  color:#EDF4F0!important;
  font-size:1.02rem!important;
  line-height:1.62!important;
}

main > .final-cta .final-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:12px!important;
}

/* White normal-size button text needs the deeper terracotta for AA contrast. */
main > .final-cta .btn-energy,
main > .final-cta .final-actions .btn-primary{
  background:#A85F41!important;
  border-color:#A85F41!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(18,46,36,.24)!important;
}

main > .final-cta .btn-energy:hover,
main > .final-cta .final-actions .btn-primary:hover{
  background:#934E34!important;
  border-color:#934E34!important;
  color:#FFFFFF!important;
}

main > .final-cta .btn-ghost-light{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#FFFFFF!important;
}

main > .final-cta .btn-ghost-light:hover{
  background:#F7F3EA!important;
  border-color:#F7F3EA!important;
  color:#214C3B!important;
}

@media(max-width:980px){
  main > .final-cta{
    padding-top:40px!important;
    padding-bottom:40px!important;
    background:linear-gradient(115deg,#214C3B 0%,#285442 58%,#1D4638 100%)!important;
  }

  main > .final-cta .final-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
    align-items:start!important;
  }

  main > .final-cta .final-actions{
    justify-content:flex-start!important;
  }
}

@media(max-width:620px){
  main > .final-cta{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }

  main > .final-cta::after{
    width:220px!important;
    height:220px!important;
    right:-100px!important;
    bottom:-100px!important;
  }

  main > .final-cta h2{
    margin-top:8px!important;
    font-size:2rem!important;
    line-height:1.08!important;
  }

  main > .final-cta p{
    font-size:.92rem!important;
    line-height:1.55!important;
  }

  main > .final-cta .final-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:10px!important;
  }

  main > .final-cta .final-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
}

/* ===== remove-sticky-opening-list.css ===== */
/* Remove the generated sticky "Join Opening List" control site-wide.
   Opening List access remains available in the header and final conversion CTA. */
.mobile-bottom-cta{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* ===== mobile-motion.css ===== */
/* Motiva tablet/mobile motion layer.
   Calm, one-time motion only. Header/navigation stay stable.
   JavaScript adds .motiva-motion-ready only when <=980px and Reduce Motion
   is not requested, so content remains fully visible without JS. */

/* Mobile-only content summaries are structural, not motion-dependent. */
.home-founder-section .founder-mobile-summary{display:none}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
  html.motiva-motion-ready .motiva-reveal{
    opacity:0;
    transform:translate3d(0,10px,0);
    transition:
      opacity .70s ease var(--motion-delay,0ms),
      transform .78s cubic-bezier(.22,.68,.24,1) var(--motion-delay,0ms);
    will-change:opacity,transform;
  }

  /* Slight lateral movement is reserved for tablet-sized Founder content. */
  html.motiva-motion-ready .motiva-reveal.motiva-from-left{
    transform:translate3d(-12px,0,0);
  }

  html.motiva-motion-ready .motiva-reveal.motiva-from-right{
    transform:translate3d(12px,0,0);
  }

  html.motiva-motion-ready .motiva-reveal.motiva-soft-scale{
    transform:translate3d(0,6px,0) scale(.99);
  }

  html.motiva-motion-ready .motiva-reveal.is-visible,
  html.motiva-motion-ready .motiva-reveal.motiva-from-left.is-visible,
  html.motiva-motion-ready .motiva-reveal.motiva-from-right.is-visible,
  html.motiva-motion-ready .motiva-reveal.motiva-soft-scale.is-visible{
    opacity:1;
    transform:none;
    will-change:auto;
  }

  /* Hero: slower than the rest of the page so the first impression feels calm. */
  html.motiva-motion-ready .hero-visual.motiva-hero-enter{
    opacity:0;
    transform:translate3d(0,7px,0) scale(.99);
    transition:opacity .85s ease,transform .90s cubic-bezier(.22,.68,.24,1);
    will-change:opacity,transform;
  }

  html.motiva-motion-ready .hero-visual.motiva-hero-enter.is-visible{
    opacity:1;
    transform:none;
    will-change:auto;
  }

  /* Touch feedback stays quick because it confirms an interaction rather than
     acting as decorative page motion. Header/navigation are intentionally excluded. */
  main a.btn,
  main button:not(.care-hotspot),
  main .home-path-card,
  main .featured-care-card{
    transition-property:transform,box-shadow,background-color,border-color,color!important;
    transition-duration:.15s!important;
    transition-timing-function:ease!important;
    -webkit-tap-highlight-color:transparent;
  }

  @media (hover:none), (pointer:coarse){
    main a.btn:active,
    main button:not(.care-hotspot):active,
    main .home-path-card:active,
    main .featured-care-card:active{
      transform:scale(.975)!important;
    }
  }

  /* Body Pain Map: one soft pulse when the map first enters view. */
  .care-hotspot.motion-pulse-once{
    animation:motiva-hotspot-pulse .78s ease-out 1;
    animation-delay:calc(var(--motion-index,0) * 85ms);
  }

  @keyframes motiva-hotspot-pulse{
    0%{transform:scale(1);box-shadow:0 5px 16px rgba(47,58,52,.22)}
    46%{transform:scale(1.08);box-shadow:0 7px 21px rgba(47,102,80,.25)}
    100%{transform:scale(1);box-shadow:0 5px 16px rgba(47,58,52,.22)}
  }
}

/* Phones use one motion language: fade in + 10px rise. */
@media (max-width:680px) and (prefers-reduced-motion:no-preference){
  html.motiva-motion-ready .motiva-reveal.motiva-from-left,
  html.motiva-motion-ready .motiva-reveal.motiva-from-right{
    transform:translate3d(0,10px,0);
  }
}

/* Mobile text hierarchy: keep the homepage concise while preserving the full
   founder story on tablet/desktop and the dedicated Our Team page. */
@media(max-width:680px){
  .home-founder-section .founder-full-bio{display:none!important}
  .home-founder-section .founder-mobile-summary{
    display:block!important;
    margin:12px 0 0!important;
    color:var(--ink-soft,#4B524D)!important;
    font-size:.92rem!important;
    line-height:1.55!important;
  }
}

/* Accessibility guarantee: no entrance transforms, delays or pulses when the
   operating system requests reduced motion. */
@media (prefers-reduced-motion:reduce){
  .motiva-reveal,
  .motiva-hero-enter{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  .care-hotspot.motion-pulse-once{
    animation:none!important;
  }
  main a.btn,
  main button,
  main .home-path-card,
  main .featured-care-card{
    transition:none!important;
  }
}

/* ===== care-finder-area-options.css ===== */
/* Clickable body-area labels for the Body Pain / Care Finder.
   These supplement the existing body-map hotspots and share the same selection state. */

.care-body-area-options{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line,#E3DCD3);
}

.care-body-area-options h3{
  margin:0 0 4px;
  color:var(--ink,#303632)!important;
  font-size:.98rem;
  line-height:1.3;
}

.care-body-area-options > p{
  margin:0 0 10px;
  color:var(--muted,#717870);
  font-size:.79rem;
  line-height:1.45;
}

.care-body-area-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.care-body-area-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  width:100%;
  padding:9px 10px;
  border:1px solid #DED7CE;
  border-radius:12px;
  background:#FAF7F2;
  color:#556755;
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.care-body-area-chip:hover,
.care-body-area-chip[aria-pressed="true"]{
  background:#6B7F6A;
  border-color:#6B7F6A;
  color:#FFFFFF;
}

.care-body-area-chip:hover{
  transform:translateY(-1px);
}

.care-body-area-chip:focus-visible{
  outline:3px solid rgba(197,142,95,.42);
  outline-offset:2px;
}

@media(max-width:760px){
  .care-body-area-options{
    max-width:360px;
    margin:14px auto 0;
  }
}

@media(max-width:430px){
  .care-body-area-list{gap:7px}
  .care-body-area-chip{
    min-height:42px;
    padding:8px 7px;
    font-size:.77rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .care-body-area-chip{transition:none}
}

/* ===== mobile-utility.css ===== */
/* Motiva mobile utility bar and quick panels.
   Navigation/header behavior belongs exclusively to responsive-navigation.css. */

.mobile-utility-bar,
.mobile-hours-panel,
.mobile-location-panel{display:none}

@media(max-width:980px){
  :root{--mobile-utility-height:70px}

  .mobile-utility-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1400!important;
    height:calc(var(--mobile-utility-height) + env(safe-area-inset-bottom))!important;
    padding:0 8px env(safe-area-inset-bottom)!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    align-items:stretch!important;
    background:#104C3B!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 -8px 24px rgba(20,45,36,.18)!important;
    transform:translateY(0)!important;
    transition:transform .24s ease!important;
  }
  .mobile-utility-bar.is-hidden{transform:translateY(calc(100% + 4px))!important}
  body.mobile-menu-open .mobile-utility-bar{transform:translateY(0)!important}

  .mobile-utility-item{
    min-width:0!important;
    margin:0!important;
    padding:8px 4px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#FFFFFF!important;
    font:inherit!important;
    text-decoration:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .mobile-utility-item + .mobile-utility-item{border-left:1px solid rgba(255,255,255,.22)!important}
  .mobile-utility-item svg{
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-utility-item span{
    color:#FFFFFF!important;
    font-size:.76rem!important;
    font-weight:750!important;
    line-height:1!important;
  }
  .mobile-utility-item:focus-visible{
    outline:2px solid #FFFFFF!important;
    outline-offset:-5px!important;
  }
  .mobile-utility-item[aria-expanded="true"]{background:rgba(255,255,255,.09)!important}

  .mobile-hours-panel,
  .mobile-location-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(var(--mobile-utility-height) + env(safe-area-inset-bottom) + 10px)!important;
    z-index:1405!important;
    padding:16px!important;
    display:block!important;
    border:1px solid #DCE5DF!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 38px rgba(18,46,36,.20)!important;
  }
  .mobile-hours-panel[hidden],
  .mobile-location-panel[hidden]{display:none!important}

  .mobile-hours-head,
  .mobile-location-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #E3EAE5!important;
  }
  .mobile-hours-head > div,
  .mobile-location-head > div{min-width:0!important}
  .mobile-hours-head span,
  .mobile-location-head span{
    display:block!important;
    margin-bottom:3px!important;
    color:#A85F41!important;
    font-size:.72rem!important;
    font-weight:750!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
  }
  .mobile-hours-head strong,
  .mobile-location-head strong{
    display:block!important;
    color:#214C3B!important;
    font-size:1rem!important;
  }
  .mobile-hours-close,
  .mobile-location-close{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #DCE5DF!important;
    border-radius:50%!important;
    background:#F7F3EA!important;
    color:#214C3B!important;
    font-size:1.25rem!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .mobile-hours-list{display:grid!important;gap:8px!important;padding-top:12px!important}
  .mobile-hours-list span{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    color:#4B524D!important;
    font-size:.86rem!important;
  }
  .mobile-hours-list strong{color:#214C3B!important;white-space:nowrap!important}

  .mobile-location-body{padding-top:13px!important}
  .mobile-location-city{
    margin:0!important;
    color:#4B524D!important;
    font-size:.9rem!important;
    line-height:1.4!important;
  }
  .mobile-location-landmark{
    position:relative!important;
    margin:8px 0 15px!important;
    padding-left:16px!important;
    color:#53695B!important;
    font-size:.82rem!important;
    font-weight:650!important;
    line-height:1.4!important;
  }
  .mobile-location-landmark::before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    top:.48em!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#D1AA63!important;
  }
  .mobile-location-directions{
    min-height:46px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 16px!important;
    border-radius:11px!important;
    background:#104C3B!important;
    color:#FFFFFF!important;
    font-size:.88rem!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
  }
}

@media(max-width:680px){:root{--mobile-utility-height:68px}}

@media(min-width:981px){
  .mobile-utility-bar,
  .mobile-hours-panel,
  .mobile-location-panel{display:none!important}
}

@media(prefers-reduced-motion:reduce){.mobile-utility-bar{transition:none!important}}

/* ===== responsive-navigation.css ===== */
/* Motiva responsive navigation — single production source of truth.
   Owns phone, touch-tablet and zoom-safe desktop navigation behavior.
   Legacy drawer/navigation files must not be loaded with this stylesheet. */

.mobile-menu-toggle-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
.mobile-menu-trigger{display:none!important}
header.site > .mobile-navigation{display:none!important}

/* Desktop social icons live inside the primary navigation after Contact. */
.header-social-icons{display:none!important}
.header-social-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border:1px solid rgba(33,76,59,.12)!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  box-shadow:0 3px 10px rgba(33,76,59,.06)!important;
}
.header-social-icon img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}

/* Phones and smaller tablets: in-header expanding navigation. */
@media(max-width:980px){
  :root{--motiva-responsive-header-height:76px}

  body.mobile-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  header.site,
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site{
    position:sticky!important;
    top:var(--motiva-announcement-height,46px)!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    overflow:visible!important;
    z-index:2500!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
    background-color:var(--motiva-header-surface,#FFFFFF)!important;
  }
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site{
    box-shadow:0 12px 28px rgba(33,76,59,.12)!important;
  }

  header.site .navlinks{display:none!important}
  header.site .nav-actions .btn-primary{display:none!important}

  .mobile-menu-trigger{
    position:relative!important;
    z-index:120!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 44px!important;
    border:1px solid rgba(33,76,59,.16)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    color:#214C3B!important;
    box-shadow:0 4px 12px rgba(33,76,59,.08)!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .mobile-menu-icon{
    display:block!important;
    font-family:Arial,sans-serif!important;
    font-size:1.55rem!important;
    font-weight:500!important;
    line-height:1!important;
    pointer-events:none!important;
  }
  .mobile-menu-icon-close{display:none!important;font-size:1.9rem!important;font-weight:300!important}
  #mobile-menu-toggle:checked ~ header.site .mobile-menu-icon-open{display:none!important}
  #mobile-menu-toggle:checked ~ header.site .mobile-menu-icon-close{display:block!important}
  #mobile-menu-toggle:focus-visible ~ header.site .mobile-menu-trigger{
    outline:3px solid #A85F41!important;
    outline-offset:3px!important;
    box-shadow:0 0 0 2px #FBF8F4,0 4px 12px rgba(33,76,59,.10)!important;
  }

  /* Explicitly reset every old drawer property so the navigation participates
     in the header's normal flow instead of becoming a fixed overlay. */
  header.site > .mobile-navigation,
  header.site.menu-expanded > .mobile-navigation{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
    border:0!important;
    border-top:1px solid transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateY(-8px)!important;
    transition:max-height .28s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s linear .28s!important;
  }

  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation{
    max-height:calc(100dvh - var(--motiva-announcement-height,46px) - var(--motiva-responsive-header-height) - var(--mobile-utility-height,70px) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-top-color:rgba(33,76,59,.10)!important;
    box-shadow:0 18px 30px rgba(33,76,59,.08)!important;
    transform:translateY(0)!important;
    transition:max-height .30s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  header.site > .mobile-navigation .mobile-nav-panel,
  header.site.menu-expanded > .mobile-navigation .mobile-nav-panel{
    width:min(100%,980px)!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:6px 20px calc(24px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
  }

  header.site > .mobile-navigation .mobile-nav-row{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0!important;
    padding:13px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(33,76,59,.11)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#214C3B!important;
    font-family:'Public Sans',ui-sans-serif,system-ui,sans-serif!important;
    font-size:1rem!important;
    font-weight:680!important;
    line-height:1.25!important;
    text-align:left!important;
    text-decoration:none!important;
    cursor:pointer!important;
    list-style:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .mobile-nav-row::-webkit-details-marker{display:none!important}
  .mobile-nav-row::marker{content:""!important}

  .mobile-nav-group{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .mobile-nav-submenu-icon{
    color:#C97D58!important;
    font-size:1.2rem!important;
    line-height:1!important;
    transition:transform .18s ease!important;
  }
  .mobile-nav-group[open] .mobile-nav-submenu-icon{transform:rotate(180deg)!important}
  .mobile-nav-submenu{
    padding:5px 0 9px 16px!important;
    border-bottom:1px solid rgba(33,76,59,.11)!important;
    background:transparent!important;
  }
  .mobile-nav-submenu a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 0!important;
    color:#4B6257!important;
    font-size:.91rem!important;
    font-weight:560!important;
    line-height:1.35!important;
    text-decoration:none!important;
  }
  .mobile-nav-submenu a + a{border-top:1px solid rgba(33,76,59,.08)!important}

  header.site > .mobile-navigation .mobile-nav-opening{
    min-height:52px!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:14px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #A85F41!important;
    border-radius:13px!important;
    background:#A85F41!important;
    color:#FFFFFF!important;
    box-shadow:0 8px 18px rgba(33,76,59,.10)!important;
    font-size:.96rem!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  header.site > .mobile-navigation .mobile-nav-opening:hover,
  header.site > .mobile-navigation .mobile-nav-opening:focus-visible{
    background:#8F4C35!important;
    border-color:#8F4C35!important;
    color:#FFFFFF!important;
  }

  header.site > .mobile-navigation .mobile-nav-social-only{
    display:block!important;
    margin:18px 0 0!important;
    padding:17px 2px 4px!important;
    border-top:1px solid rgba(33,76,59,.14)!important;
    border-bottom:0!important;
    background:transparent!important;
  }
  .mobile-nav-social-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:12px!important;
  }
  .mobile-nav-social-head strong{color:#214C3B!important;font-size:.98rem!important;font-weight:800!important}
  .mobile-nav-social-head span{color:#646B64!important;font-size:.78rem!important;font-weight:700!important}
  .mobile-nav-social-buttons{display:flex!important;align-items:center!important;gap:10px!important}
  .mobile-nav-social-button{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(33,76,59,.12)!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    box-shadow:0 4px 12px rgba(33,76,59,.05)!important;
  }
  .mobile-nav-social-button img{display:block!important;width:22px!important;height:22px!important}

  #mobile-menu-toggle:checked ~ .mobile-utility-bar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
    z-index:2600!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-hours-panel,
  #mobile-menu-toggle:checked ~ .mobile-location-panel{z-index:2650!important}
}

@media(max-width:680px){
  :root{--motiva-responsive-header-height:64px}
  header.site .nav{height:64px!important;gap:10px!important}
  header.site .brand{width:154px!important;flex:0 0 154px!important;height:50px!important}
  header.site > .mobile-navigation .mobile-nav-panel{padding-left:18px!important;padding-right:18px!important}
  header.site > .mobile-navigation .mobile-nav-row{min-height:50px!important;font-size:.98rem!important}
}

/* Browser zoom bridge: 981–1120 CSS pixels with mouse/trackpad stays desktop. */
@media(min-width:981px) and (max-width:1120px){
  header.site,
  #mobile-menu-toggle:checked ~ header.site{
    position:sticky!important;
    top:var(--motiva-announcement-height,48px)!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    z-index:2500!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
    box-shadow:none!important;
  }
  header.site .nav{width:min(100%,calc(100% - 28px))!important;height:82px!important;gap:6px!important;justify-content:flex-start!important}
  header.site .brand{flex:0 0 auto!important;min-width:0!important;margin-right:4px!important;background:transparent!important}
  header.site .header-motiva-logo{width:145px!important;max-width:145px!important;height:auto!important;background:transparent!important;box-shadow:none!important}
  header.site .navlinks{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:1px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    padding:9px 6px!important;
    font-size:.80rem!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  header.site .dd-arrow{font-size:.62em!important}
  header.site .header-social-icons{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin-left:3px!important;
    padding-left:7px!important;
    border-left:1px solid rgba(33,76,59,.12)!important;
  }
  header.site .header-social-icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
  header.site .header-social-icon img{width:14px!important;height:14px!important}
  header.site .nav-actions{flex:0 0 auto!important;gap:0!important;margin-left:auto!important}
  header.site .nav-actions .btn-primary{display:inline-flex!important;padding:11px 13px!important;font-size:.80rem!important;white-space:nowrap!important}
  header.site .mobile-menu-trigger{display:none!important}
  header.site > .mobile-navigation,
  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation{
    display:none!important;
    position:static!important;
    max-height:0!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* Real touch tablets at the same widths use the in-header expanding menu. */
@media(min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  header.site .navlinks{display:none!important}
  header.site .header-motiva-logo{width:165px!important;max-width:165px!important}
  header.site .mobile-menu-trigger{display:grid!important}

  header.site > .mobile-navigation.mobile-navigation-expanded-header{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
    border-top:1px solid transparent!important;
    transform:translateY(-8px)!important;
    transition:max-height .28s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s linear .28s!important;
  }
  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - var(--motiva-announcement-height,48px) - 82px)!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-top-color:rgba(33,76,59,.10)!important;
    box-shadow:0 18px 30px rgba(33,76,59,.08)!important;
    transform:translateY(0)!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #mobile-menu-toggle:checked ~ header.site{box-shadow:0 12px 28px rgba(33,76,59,.12)!important}
  header.site > .mobile-navigation.mobile-navigation-expanded-header .mobile-nav-panel{
    width:min(100%,980px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:8px 24px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--motiva-header-surface,#FFFFFF)!important;
  }
  header.site > .mobile-navigation.mobile-navigation-expanded-header .mobile-nav-row{min-height:52px!important}
  header.site > .mobile-navigation.mobile-navigation-expanded-header .mobile-nav-submenu a{min-height:44px!important}

  #mobile-menu-toggle:checked ~ .mobile-utility-bar,
  #mobile-menu-toggle:checked ~ .mobile-hours-panel,
  #mobile-menu-toggle:checked ~ .mobile-location-panel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media(min-width:1121px){
  .mobile-menu-trigger{display:none!important}
  header.site > .mobile-navigation{display:none!important}

  header.site .nav{
    justify-content:flex-start!important;
    gap:0!important;
  }
  header.site .brand{
    margin-right:22px!important;
  }
  header.site .navlinks{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:2px!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }
  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    padding:10px 10px!important;
  }
  header.site .header-social-icons{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-left:6px!important;
    padding-left:12px!important;
    border-left:1px solid rgba(33,76,59,.12)!important;
  }
  header.site .nav-actions{
    margin-left:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  header.site,
  .mobile-nav-submenu-icon,
  header.site > .mobile-navigation{
    transition:none!important;
  }
}

/* ===== desktop-header-compact.css ===== */
/* Responsive desktop header compression.
   A common 14-inch 1920px laptop at 125% display scaling exposes a 1536 CSS-pixel
   viewport, so the compact desktop treatment must include 1536 (and nearby widths),
   not stop at 1535. Keep desktop navigation on one line and progressively reclaim
   space before anything can overlap. Tablet/mobile ownership remains elsewhere. */

/* Laptop / narrow desktop: strongest compression. */
@media (min-width:1121px) and (max-width:1399px){
  body header.site .nav{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    gap:0!important;
  }
  body header.site .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-right:6px!important;
  }
  body header.site .header-motiva-logo{
    width:150px!important;
    max-width:150px!important;
    height:auto!important;
  }
  body header.site .navlinks{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:0!important;
  }
  body header.site .navlinks > a,
  body header.site .navlinks > .dd > button{
    padding:9px 5px!important;
    font-size:13px!important;
    line-height:1.2!important;
    gap:2px!important;
    white-space:nowrap!important;
  }
  body header.site .dd-arrow{font-size:.58em!important}
  body header.site .header-social-icons{display:none!important}
  body header.site .nav-actions{
    flex:0 0 auto!important;
    min-width:0!important;
    gap:0!important;
    margin-left:5px!important;
  }
  body header.site .nav-actions .btn-primary{
    padding:9px 9px!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body header.site .header-direct-billing{display:none!important}
}

/* Typical 14-inch laptop at 125% Windows scaling = 1536 CSS px.
   This range deliberately includes 1536 and continues high enough that resizing
   from a large monitor remains smooth instead of jumping back to oversized nav. */
@media (min-width:1400px) and (max-width:1699px){
  body header.site .nav{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    gap:0!important;
  }
  body header.site .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-right:10px!important;
  }
  body header.site .header-motiva-logo{
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
  }
  body header.site .navlinks{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:0!important;
  }
  body header.site .navlinks > a,
  body header.site .navlinks > .dd > button{
    padding:9px 6px!important;
    font-size:14px!important;
    line-height:1.2!important;
    gap:2px!important;
    white-space:nowrap!important;
  }
  body header.site .dd-arrow{font-size:.60em!important}
  body header.site .header-social-icons{
    gap:2px!important;
    margin-left:2px!important;
    padding-left:4px!important;
  }
  body header.site .header-social-icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
  body header.site .header-social-icon img{
    width:14px!important;
    height:14px!important;
  }
  body header.site .nav-actions{
    flex:0 0 auto!important;
    min-width:0!important;
    gap:0!important;
    margin-left:6px!important;
  }
  body header.site .nav-actions .btn-primary{
    padding:9px 10px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body header.site .header-direct-billing{display:none!important}
}

/* Keep long Conditions/Services menus usable on shorter laptop displays. */
@media (min-width:1121px) and (max-width:1699px){
  body header.site .dd-menu.wide{
    max-height:calc(100vh - 150px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
  }
}

/* ===== mobile-home-refresh.css ===== */
/* Motiva mobile homepage refresh — cleaner hero, refined navigation,
   mobile-native cards, and stronger section rhythm. Desktop remains unchanged. */

.hero-mobile-intro{display:none}

@media(max-width:980px){
  /* ---------- Mobile menu polish ---------- */
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-panel{
    padding:calc(12px + env(safe-area-inset-top)) 20px 30px!important;
  }
  body > .mobile-navigation .mobile-menu-topline{
    min-height:62px!important;
    margin-bottom:10px!important;
    border-bottom:1px solid rgba(33,76,59,.10)!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-row{
    min-height:56px!important;
    padding:15px 4px!important;
    color:#214C3B!important;
    border-bottom:1px solid rgba(33,76,59,.10)!important;
    font-size:1.02rem!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation > .mobile-nav-panel > a.mobile-nav-row::after{
    content:"›"!important;
    margin-left:auto!important;
    color:#C97D58!important;
    font-family:Arial,sans-serif!important;
    font-size:1.35rem!important;
    font-weight:400!important;
    line-height:1!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-row:active{
    background:rgba(111,133,119,.08)!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-group[open]{
    margin:4px 0 7px!important;
    padding:0 12px 8px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.66)!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-group[open] > .mobile-nav-row{
    border-bottom:1px solid rgba(33,76,59,.08)!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-submenu{
    padding:3px 0 2px 12px!important;
    border-bottom:0!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-submenu a{
    min-height:44px!important;
    padding:11px 0!important;
    font-size:.92rem!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-opening{
    min-height:54px!important;
    margin-top:20px!important;
    border-radius:16px!important;
    box-shadow:0 10px 24px rgba(168,95,65,.18)!important;
  }
  #mobile-menu-toggle:checked ~ .mobile-navigation .mobile-nav-social{
    margin-top:20px!important;
    padding-top:18px!important;
  }

  /* ---------- Stronger homepage section rhythm ---------- */
  main:has(> .home-pathways) > .home-pathways{
    background:#FFFFFF!important;
  }
  main:has(> .home-pathways) > .why-motiva{
    background:#F7F3EA!important;
    border-top:1px solid rgba(33,76,59,.07)!important;
    border-bottom:1px solid rgba(33,76,59,.07)!important;
  }
  main:has(> .home-pathways) > .home-featured-care{
    background:#FFFFFF!important;
  }
  main:has(> .home-pathways) > .home-process-compact{
    background:#EDF3EF!important;
    border-top:1px solid rgba(33,76,59,.07)!important;
    border-bottom:1px solid rgba(33,76,59,.07)!important;
  }
  main:has(> .home-pathways) > .home-founder-section{
    background:#FAFCFA!important;
  }
  main:has(> .home-pathways) > #visit.visit-section{
    background:#F7F3EA!important;
    border-top:1px solid rgba(33,76,59,.07)!important;
  }
}

@media(max-width:640px){
  /* ---------- Cleaner first screen ---------- */
  body:has(main > .home-pathways) .announce{
    min-height:36px!important;
    font-size:.72rem!important;
  }
  body:has(main > .home-pathways) .announce .announce-item{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  body:has(main > .home-pathways) .hero{
    padding:0!important;
    background:#FBF9F5!important;
  }
  body:has(main > .home-pathways) .hero-grid{
    gap:0!important;
  }
  body:has(main > .home-pathways) .hero-copy{
    padding-bottom:0!important;
  }
  body:has(main > .home-pathways) .hero .eyebrow{
    width:max-content!important;
    max-width:100%!important;
    min-height:0!important;
    margin:20px auto 24px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    color:#214C3B!important;
    font-size:.80rem!important;
    font-weight:650!important;
    line-height:1.3!important;
    letter-spacing:.005em!important;
    text-align:center!important;
  }
  body:has(main > .home-pathways) .hero .eyebrow::before{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    background:#C97D58!important;
    box-shadow:0 0 0 4px rgba(201,125,88,.10)!important;
  }
  body:has(main > .home-pathways) .hero h1{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(2.62rem,12.5vw,3.35rem)!important;
    line-height:.98!important;
    letter-spacing:-.048em!important;
  }
  body:has(main > .home-pathways) .hero-title-sample3 .hero-title-recovery,
  body:has(main > .home-pathways) .hero-title-sample3 .hero-title-mission{
    display:block!important;
  }
  body:has(main > .home-pathways) .hero-title-sample3 .hero-title-recovery{
    color:#214C3B!important;
  }
  body:has(main > .home-pathways) .hero-title-sample3 .hero-title-mission{
    margin-top:5px!important;
    color:#C97D58!important;
  }
  body:has(main > .home-pathways) .hero-title-divider{display:none!important}
  body:has(main > .home-pathways) .hero .hero-desktop-copy{display:none!important}
  body:has(main > .home-pathways) .hero-mobile-intro{
    display:block!important;
    margin:22px 0 0!important;
  }
  body:has(main > .home-pathways) .hero-mobile-intro p{
    max-width:36ch!important;
    margin:0!important;
    color:#3F5148!important;
    font-size:.96rem!important;
    line-height:1.56!important;
  }
  body:has(main > .home-pathways) .hero-mobile-intro .hero-mobile-focused{
    margin-top:16px!important;
    padding:13px 0 13px 15px!important;
    max-width:38ch!important;
    border-left:2px solid #D1AA63!important;
    color:#405249!important;
    background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,0))!important;
  }
  body:has(main > .home-pathways) .hero-mobile-intro strong{
    color:#214C3B!important;
    font-weight:780!important;
  }
  body:has(main > .home-pathways) .hero .hero-opening-note{
    display:none!important;
  }
  body:has(main > .home-pathways) .hero-ctas{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:20px 0 18px!important;
  }
  body:has(main > .home-pathways) .hero-ctas .btn-energy{
    min-height:56px!important;
    width:100%!important;
    border-radius:16px!important;
    background:#A85F41!important;
    border-color:#A85F41!important;
    color:#FFFFFF!important;
    box-shadow:0 10px 24px rgba(168,95,65,.18)!important;
    font-size:1rem!important;
    font-weight:800!important;
  }
  body:has(main > .home-pathways) .hero-ctas .btn-energy:active{
    background:#934E34!important;
    border-color:#934E34!important;
  }
  body:has(main > .home-pathways) .hero-ctas .btn-ghost{
    min-height:40px!important;
    width:max-content!important;
    margin:0 auto!important;
    padding:7px 2px!important;
    justify-content:center!important;
    border:0!important;
    border-bottom:1.5px solid #53695B!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#214C3B!important;
    font-size:.92rem!important;
    font-weight:750!important;
  }
  body:has(main > .home-pathways) .hero-visual{
    width:calc(100% + 28px)!important;
    height:260px!important;
    margin:2px 0 0 -14px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body:has(main > .home-pathways) .hero-visual img{
    object-position:center 34%!important;
  }

  /* ---------- Mobile-native cards ---------- */
  main:has(> .home-pathways) .home-path-grid{
    gap:12px!important;
  }
  main:has(> .home-pathways) .home-path-card,
  main:has(> .home-pathways) .home-path-card:nth-child(1),
  main:has(> .home-pathways) .home-path-card:nth-child(2),
  main:has(> .home-pathways) .home-path-card:nth-child(3){
    padding:18px!important;
    border-radius:19px!important;
    border:1px solid rgba(33,76,59,.11)!important;
    box-shadow:0 8px 22px rgba(33,76,59,.065)!important;
    transition:transform .14s ease,box-shadow .14s ease!important;
  }
  main:has(> .home-pathways) .home-path-card:active{
    transform:scale(.992)!important;
    box-shadow:0 4px 14px rgba(33,76,59,.055)!important;
  }
  main:has(> .home-pathways) .home-path-icon,
  main:has(> .home-pathways) .home-path-card:nth-child(1) .home-path-icon,
  main:has(> .home-pathways) .home-path-card:nth-child(2) .home-path-icon,
  main:has(> .home-pathways) .home-path-card:nth-child(3) .home-path-icon{
    width:62px!important;
    height:62px!important;
    flex-basis:62px!important;
  }
  main:has(> .home-pathways) .home-path-icon svg{
    width:40px!important;
    height:40px!important;
  }

  main:has(> .home-pathways) .why-motiva-points{
    display:grid!important;
    gap:11px!important;
  }
  main:has(> .home-pathways) .why-motiva-points article{
    padding:15px 15px 16px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 7px 18px rgba(33,76,59,.045)!important;
  }
  main:has(> .home-pathways) .why-motiva-points article > p{
    padding-left:42px!important;
    font-size:.88rem!important;
    line-height:1.5!important;
  }

  main:has(> .home-pathways) .featured-care-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  main:has(> .home-pathways) .featured-care-card,
  main:has(> .home-pathways) .featured-care-card:nth-child(n){
    min-height:116px!important;
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    overflow:hidden!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 7px 20px rgba(33,76,59,.055)!important;
    text-decoration:none!important;
  }
  main:has(> .home-pathways) .featured-care-media{
    width:112px!important;
    height:100%!important;
    min-height:116px!important;
    overflow:hidden!important;
    background:#EEF3EF!important;
  }
  main:has(> .home-pathways) .featured-care-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  main:has(> .home-pathways) .featured-care-body{
    min-width:0!important;
    padding:15px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:#FFFFFF!important;
  }
  main:has(> .home-pathways) .featured-care-body h3{
    margin:0 0 6px!important;
    color:#214C3B!important;
    font-size:1rem!important;
    line-height:1.22!important;
  }
  main:has(> .home-pathways) .featured-care-body p{
    margin:0!important;
    color:#4B524D!important;
    font-size:.82rem!important;
    line-height:1.45!important;
  }

  main:has(> .home-pathways) .process-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  main:has(> .home-pathways) .process-step{
    padding:17px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 6px 16px rgba(33,76,59,.04)!important;
  }

  main:has(> .home-pathways) .founder{
    padding:16px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 24px rgba(33,76,59,.055)!important;
  }

  /* ---------- Consistent mobile section breathing room ---------- */
  main:has(> .home-pathways) > .home-pathways,
  main:has(> .home-pathways) > .why-motiva,
  main:has(> .home-pathways) > .home-featured-care,
  main:has(> .home-pathways) > .home-process-compact,
  main:has(> .home-pathways) > .home-founder-section,
  main:has(> .home-pathways) > #visit.visit-section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  main:has(> .home-pathways) .section-head,
  main:has(> .home-pathways) #visit .visit-section-head{
    margin-bottom:20px!important;
  }
}

@media(max-width:390px){
  body:has(main > .home-pathways) .hero .eyebrow{
    font-size:.75rem!important;
  }
  body:has(main > .home-pathways) .hero h1{
    font-size:2.52rem!important;
  }
  body:has(main > .home-pathways) .hero-mobile-intro p{
    font-size:.92rem!important;
  }
  body:has(main > .home-pathways) .hero-visual{
    height:238px!important;
  }
  main:has(> .home-pathways) .featured-care-card,
  main:has(> .home-pathways) .featured-care-card:nth-child(n){
    grid-template-columns:98px minmax(0,1fr)!important;
  }
  main:has(> .home-pathways) .featured-care-media{
    width:98px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  main:has(> .home-pathways) .home-path-card{transition:none!important}
}

/* ===== featured-care-mobile-spacing.css ===== */
/* Mobile homepage Featured Care spacing.
   Keep the View All Services action visually separated from the final service card. */
@media (max-width:640px){
  main:has(> .home-pathways) .home-featured-care .featured-care-actions{
    margin-top:22px!important;
  }
}

/* ===== care-finder-spacing-refinement.css ===== */
/* Conditions hub Care Finder spacing refinement.
   Keep the disclaimer connected to the finder and avoid a large empty band
   before the final CTA. This is intentionally scoped to the Conditions hub. */

.care-finder-section .care-finder-note{
  margin-top:12px!important;
  padding-top:12px!important;
}

@media(min-width:981px){
  main#main > .care-finder-section{
    padding-bottom:32px!important;
  }
}

@media(min-width:641px) and (max-width:980px){
  main#main > .care-finder-section{
    padding-bottom:34px!important;
  }
}

@media(max-width:640px){
  main#main > .care-finder-section{
    padding-bottom:30px!important;
  }
}

@media(max-width:390px){
  main#main > .care-finder-section{
    padding-bottom:28px!important;
  }
}

/* ===== mobile-hero-consistency.css ===== */
/* Mobile hero consistency: left-align the location line and keep both intro paragraphs visually equal. */
@media(max-width:640px){
  body:has(main > .home-pathways) .hero .eyebrow{
    width:100%!important;
    max-width:none!important;
    margin:20px 0 24px!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  body:has(main > .home-pathways) .hero-mobile-intro p,
  body:has(main > .home-pathways) .hero-mobile-intro .hero-mobile-focused{
    max-width:36ch!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#3F5148!important;
    font-size:.96rem!important;
    line-height:1.56!important;
  }

  body:has(main > .home-pathways) .hero-mobile-intro .hero-mobile-focused{
    margin:16px 0 0!important;
  }
}

@media(max-width:390px){
  body:has(main > .home-pathways) .hero-mobile-intro p,
  body:has(main > .home-pathways) .hero-mobile-intro .hero-mobile-focused{
    font-size:.92rem!important;
  }
}

/* ===== performance-accessibility.css ===== */
@import url('/assets/what-to-expect-cards.css?v=20260904-process75');

/* Motiva performance + accessibility polish.
   Adds consistent keyboard focus, reliable mobile touch targets and high-contrast
   states without changing the approved visual design. */

/* Keep small secondary copy safely above WCAG AA on Motiva's warm light
   surfaces. #646B64 remains visually muted while providing >= 4.5:1 contrast
   on the lightest commonly used cream/tint backgrounds. */
:root{
  --muted:#646B64;
  --motiva-muted:#646B64;
}

:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #A85F41!important;
  outline-offset:3px!important;
}

.skip-link:focus-visible{
  outline-color:#104C3B!important;
  outline-offset:2px!important;
}

/* White text on the original #C97D58 terracotta did not meet AA for normal
   text. Use Motiva's existing deeper terracotta for text-bearing buttons while
   leaving decorative terracotta accents unchanged. */
main > .final-cta .btn-energy,
main > .final-cta .final-actions .btn-primary,
body:has(main > .home-pathways) .hero-ctas .btn-energy,
.mobile-navigation .mobile-nav-opening{
  background:#A85F41!important;
  border-color:#A85F41!important;
  color:#FFFFFF!important;
}

main > .final-cta .btn-energy:hover,
main > .final-cta .final-actions .btn-primary:hover,
body:has(main > .home-pathways) .hero-ctas .btn-energy:hover,
.mobile-navigation .mobile-nav-opening:hover{
  background:#8F4C35!important;
  border-color:#8F4C35!important;
  color:#FFFFFF!important;
}

/* Hard-coded microcopy that previously sat below AA on warm cream surfaces. */
.mobile-nav-social-head span,
.detail-opening-rail .detail-opening-privacy,
.opening-list-dialog-foot{
  color:#646B64!important;
}

/* Standard image treatment for service/treatment cards. Featured Care had a
   padded contain treatment on desktop while mobile and treatment cards used a
   crop. Keep one predictable 4:3, centered cover crop wherever the card frame
   is 4:3, and use the same centered cover behavior in the horizontal mobile
   Featured Care cards. */
.home-featured-care .featured-care-media{
  padding:0!important;
  overflow:hidden!important;
}
.home-featured-care .featured-care-media img,
.treatments-hub .card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.treatments-hub .card-media{
  aspect-ratio:4/3!important;
  overflow:hidden!important;
}
@media(min-width:981px){
  .home-featured-care .featured-care-media{
    aspect-ratio:4/3!important;
  }
}

/* The native checkbox remains keyboard operable. Its visible focus treatment is
   rendered on the hamburger so the 1px visually-hidden input never creates an
   invisible focus stop. */
#mobile-menu-toggle:focus-visible ~ header.site .mobile-menu-trigger{
  outline:3px solid #A85F41!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #FBF8F4,0 4px 12px rgba(33,76,59,.10)!important;
}

@media(max-width:980px){
  .mobile-menu-trigger,
  header.site .mobile-navigation .mobile-nav-row,
  header.site .mobile-navigation .mobile-nav-opening,
  header.site .mobile-navigation .mobile-nav-submenu a,
  .mobile-utility-item,
  .mobile-hours-close,
  .mobile-location-close,
  .mobile-location-directions{
    min-height:44px!important;
    touch-action:manipulation;
  }

  .mobile-menu-trigger,
  .mobile-utility-item,
  .mobile-hours-close,
  .mobile-location-close{
    min-width:44px!important;
  }

  .mobile-utility-bar :where(a,button):focus-visible{
    outline-color:#FFFFFF!important;
    outline-offset:-4px!important;
  }
}

@media(forced-colors:active){
  :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{
    outline:3px solid Highlight!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}

/* ===== desktop-width.css ===== */
/* Motiva desktop width system.
   One desktop page-width contract across homepage and inner pages:
   fluid desktop width: standard laptops retain the current scale while large monitors expand up to 1840px.
   Narrow reading measures (.wrap-narrow and paragraph max-widths) remain intentional. */

@media (min-width:981px){
  :root{
    --maxw:1560px;
    --motiva-desktop-content-width:1560px;
    --motiva-desktop-gutter:32px;
  }

  /* Default page container used by homepage, hubs, team, contact, careers,
     page heroes, closing CTAs and footer. */
  .wrap:not(.wrap-narrow){
    width:min(
      var(--motiva-desktop-content-width),
      calc(100% - (var(--motiva-desktop-gutter) * 2))
    )!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .wrap-narrow{
    width:min(760px,calc(100% - (var(--motiva-desktop-gutter) * 2)))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Legal/information pages may use wrap-narrow in their templates. Their
     page hero should still align to the same outer desktop edges as every
     other page; only the long-form body remains narrow for readability. */
  main#main > .page-hero > .wrap.wrap-narrow{
    width:min(
      var(--motiva-desktop-content-width),
      calc(100% - (var(--motiva-desktop-gutter) * 2))
    )!important;
    max-width:none!important;
  }

  /* Explicitly keep top-level inner-page containers on the same visual edges
     as the homepage even when page-specific CSS has stronger width rules. */
  main#main > section > .wrap:not(.wrap-narrow),
  main#main > .page-hero > .wrap:not(.wrap-narrow),
  main#main .condition-content-wrap,
  main#main > .final-cta > .wrap,
  footer.site > .wrap{
    width:min(
      var(--motiva-desktop-content-width),
      calc(100% - (var(--motiva-desktop-gutter) * 2))
    )!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Condition/treatment detail pages previously became ~840px wide whenever
     the personalized Opening List rail existed. Keep the page itself aligned
     to the shared 1560px system; reserve a readable left column for detailed
     content and a right-side rail without shifting the page edges. */
  body:has(.detail-opening-rail)
  main#main > section:not(.page-hero):not(.final-cta) > .wrap{
    width:min(
      var(--motiva-desktop-content-width),
      calc(100% - (var(--motiva-desktop-gutter) * 2))
    )!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* The Opening List page uses the <main> itself as its desktop grid rather
     than a normal .wrap. Align that grid to the same 1560px page edges. */
  body main#main:has(> .opening-list-hero){
    padding-left:max(
      var(--motiva-desktop-gutter),
      calc((100vw - var(--motiva-desktop-content-width)) / 2)
    )!important;
    padding-right:max(
      var(--motiva-desktop-gutter),
      calc((100vw - var(--motiva-desktop-content-width)) / 2)
    )!important;
  }
}

@media (min-width:1280px){
  /* Preserve a dedicated reading column beside the fixed conversion rail,
     while the section wrapper itself follows the full site width. */
  body:has(.detail-opening-rail) main#main .condition-content-wrap > *{
    max-width:min(1180px,calc(100% - 360px));
  }

  body:has(.detail-opening-rail) .detail-opening-rail{
    right:max(
      var(--motiva-desktop-gutter),
      calc((100vw - var(--motiva-desktop-content-width)) / 2)
    )!important;
  }
}


/* Wide desktop expansion.
   Standard laptops keep the existing layout. Large desktop viewports gain
   meaningful horizontal scale instead of stopping at 1560px. */
@media (min-width:1680px){
  :root{
    --maxw:1840px;
    --motiva-desktop-content-width:1840px;
    --motiva-desktop-gutter:40px;
  }
}

@media (min-width:1800px){
  /* Let premium homepage photography and hierarchy breathe on 27-inch-class
     desktop viewports without changing normal laptop sizing. */
  .motiva-home-premium .mh-hero-grid{
    min-height:640px;
  }

  .motiva-home-premium .mh-hero-copy{
    padding-top:70px;
    padding-bottom:66px;
  }

  .motiva-home-premium .mh-hero h1{
    max-width:900px;
    font-size:clamp(3rem,4.35vw,5.2rem);
  }

  .motiva-home-premium .mh-hero-lede{
    max-width:760px;
    font-size:1.16rem;
  }

  .motiva-home-premium .mh-hero-support{
    max-width:720px;
    font-size:1.03rem;
  }
}

/* ===== visit-home-final.css ===== */
/* Final Plan Your Visit presentation guard.
   Complete visit-planning layout: full-width heading, practical clinic details,
   large map, planned hours, directions/email and Opening List support. */

#visit.visit-section{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FBF8F4 0%,#FFF 100%)!important;
}

#visit .visit-shell{
  display:grid!important;
  grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr)!important;
  grid-template-areas:
    "head head"
    "info map"
    "hours map"
    "preopen map"!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#visit .visit-section-head{
  grid-area:head!important;
  max-width:820px!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
  text-align:left!important;
}

#visit .visit-section-head .eyebrow{
  display:inline-block!important;
  margin-bottom:12px!important;
  color:#214C3B!important;
  letter-spacing:.18em!important;
}

#visit .visit-section-head h2{
  margin:0!important;
  max-width:760px!important;
  color:#173F33!important;
  font-size:clamp(2.35rem,4.1vw,4.25rem)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

#visit .visit-section-head .lede{
  max-width:760px!important;
  margin:15px 0 0!important;
  color:#53615B!important;
  font-size:1.06rem!important;
  line-height:1.65!important;
}

#visit .visit-info{
  grid-area:info!important;
  min-width:0!important;
  align-self:stretch!important;
  padding:22px!important;
  border:1px solid rgba(33,76,59,.12)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(47,102,80,.08)!important;
}

#visit .visit-detail{
  display:flex!important;
  align-items:flex-start!important;
  gap:15px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#visit .visit-detail + .visit-detail{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid var(--motiva-line,var(--line,#E3DCD3))!important;
}

#visit .visit-detail-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}

#visit .visit-detail-label{
  display:block!important;
  margin-bottom:4px!important;
  color:#68766F!important;
  font-size:.73rem!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

#visit .visit-detail address{
  display:grid!important;
  gap:2px!important;
  margin:0!important;
  font-style:normal!important;
}

#visit .visit-detail address strong{
  color:#173F33!important;
  font-size:1.18rem!important;
  line-height:1.3!important;
}

#visit .visit-detail address span{
  color:#4E5C56!important;
  font-size:1rem!important;
}

#visit .visit-landmark{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
  margin-top:12px!important;
  padding:8px 12px!important;
  border:1px solid rgba(176,128,52,.18)!important;
  border-radius:10px!important;
  background:#F7EAD4!important;
  color:#8A5F20!important;
  font-size:.86rem!important;
  font-weight:800!important;
  line-height:1.3!important;
}

#visit .visit-landmark > span{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:50%!important;
  background:#B57A2C!important;
}

#visit .visit-opening-date{
  display:block!important;
  color:#173F33!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:1.5rem!important;
  font-weight:700!important;
  line-height:1.2!important;
}

#visit .visit-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
  gap:10px!important;
  margin-top:20px!important;
}

#visit .visit-directions,
#visit .visit-email{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 16px!important;
  border-radius:12px!important;
  font-size:.94rem!important;
  font-weight:800!important;
  text-align:center!important;
  text-decoration:none!important;
}

#visit .visit-directions{
  border:1px solid #214C3B!important;
  background:#214C3B!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(33,76,59,.15)!important;
}

#visit .visit-directions:hover,
#visit .visit-directions:focus-visible{
  background:#173F33!important;
  border-color:#173F33!important;
}

#visit .visit-email{
  border:1px solid rgba(33,76,59,.22)!important;
  background:#F5F9F5!important;
  color:#214C3B!important;
}

#visit .visit-email:hover,
#visit .visit-email:focus-visible{
  border-color:#214C3B!important;
  background:#EEF4EF!important;
}

#visit .visit-detail-icon,
#visit .visit-hours-icon,
#visit .visit-preopen-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:50%!important;
  background:#EEF3EF!important;
  color:#2F6650!important;
  overflow:hidden!important;
}

#visit .visit-opening .visit-detail-icon,
#visit .visit-preopen-icon{
  background:#F6E3D9!important;
  color:#B96245!important;
}

#visit .visit-detail-icon svg,
#visit .visit-hours-icon svg,
#visit .visit-preopen-icon svg{
  display:block!important;
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#visit .visit-detail-icon svg *,
#visit .visit-hours-icon svg *,
#visit .visit-preopen-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
}

#visit .visit-map{
  grid-area:map!important;
  position:relative!important;
  min-width:0!important;
  min-height:560px!important;
  overflow:hidden!important;
  border:1px solid rgba(33,76,59,.12)!important;
  border-radius:22px!important;
  background:var(--motiva-sage-light,#F3F7F4)!important;
  box-shadow:0 16px 36px rgba(47,102,80,.09)!important;
}

#visit .visit-map iframe,
#visit .visit-map noscript{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  border:0!important;
}

#visit .visit-map-label{
  position:absolute!important;
  left:20px!important;
  bottom:20px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  max-width:calc(100% - 40px)!important;
  padding:11px 14px!important;
  border:1px solid rgba(33,76,59,.13)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.95)!important;
  color:#214C3B!important;
  font-size:.9rem!important;
  font-weight:800!important;
  line-height:1.3!important;
  box-shadow:0 10px 28px rgba(33,76,59,.16)!important;
  backdrop-filter:blur(6px)!important;
}

#visit .visit-map-label::before{
  content:''!important;
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  border-radius:50%!important;
  background:#C89A42!important;
  box-shadow:0 0 0 5px rgba(33,76,59,.10)!important;
}

#visit .visit-hours,
#visit .visit-preopen{
  min-width:0!important;
  border:1px solid rgba(33,76,59,.11)!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(47,102,80,.06)!important;
}

#visit .visit-hours{
  grid-area:hours!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:18px 20px!important;
  background:linear-gradient(90deg,#F5F9F5 0%,#FBFCFA 100%)!important;
}

#visit .visit-hours-content{
  min-width:0!important;
  flex:1 1 auto!important;
}

#visit .visit-hours h3{
  margin:0 0 9px!important;
  color:#214C3B!important;
  font-size:1.03rem!important;
}

#visit .visit-hours-list{
  display:grid!important;
  width:100%!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

#visit .visit-hours-list li{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:12px!important;
  color:#53615B!important;
  font-size:.82rem!important;
}

#visit .visit-hours-list li strong{
  color:#214C3B!important;
  text-align:right!important;
  white-space:nowrap!important;
}

#visit .visit-preopen{
  grid-area:preopen!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:18px 20px!important;
  background:linear-gradient(90deg,#FFF9F5 0%,#FBF4EF 100%)!important;
}

#visit .visit-preopen-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}

#visit .visit-preopen-title{
  display:block!important;
  margin:0 0 5px!important;
  color:#214C3B!important;
  font-size:1rem!important;
  line-height:1.3!important;
}

#visit .visit-preopen p{
  margin:0!important;
  color:#5A665F!important;
  font-size:.84rem!important;
  line-height:1.5!important;
}

#visit .visit-preopen-link{
  display:inline-flex!important;
  margin-top:9px!important;
  color:#9A593F!important;
  font-size:.84rem!important;
  font-weight:800!important;
  text-decoration:none!important;
}

#visit .visit-preopen-link:hover,
#visit .visit-preopen-link:focus-visible{
  text-decoration:underline!important;
}

@media(max-width:980px){
  #visit .visit-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "head"
      "info"
      "map"
      "hours"
      "preopen"!important;
    gap:16px!important;
  }

  #visit .visit-section-head{
    max-width:none!important;
    margin-bottom:2px!important;
    padding:0!important;
  }

  #visit .visit-section-head h2{
    font-size:clamp(2.15rem,8vw,3.4rem)!important;
  }

  #visit .visit-info{
    padding:20px!important;
    border-radius:18px!important;
  }

  #visit .visit-map{
    min-height:330px!important;
    border-radius:18px!important;
  }

  #visit .visit-map iframe,
  #visit .visit-map noscript{
    min-height:330px!important;
  }
}

@media(max-width:620px){
  #visit .visit-section-head .lede{
    font-size:1rem!important;
    line-height:1.62!important;
  }

  #visit .visit-detail{
    gap:12px!important;
  }

  #visit .visit-detail-icon,
  #visit .visit-hours-icon,
  #visit .visit-preopen-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }

  #visit .visit-opening-date{
    font-size:1.36rem!important;
  }

  #visit .visit-actions{
    grid-template-columns:1fr!important;
  }

  #visit .visit-landmark{
    border-radius:10px!important;
  }

  #visit .visit-map{
    min-height:290px!important;
  }

  #visit .visit-map iframe,
  #visit .visit-map noscript{
    min-height:290px!important;
  }

  #visit .visit-hours,
  #visit .visit-preopen{
    padding:17px!important;
  }

  #visit .visit-hours-list li{
    font-size:.8rem!important;
  }
}

/* ===== home-location-complete.css ===== */
/* Homepage Our Location — complete, resilient layout.
   Keep the contact-page treatment separate. On desktop the map begins at the
   same visual height as the main location title (not the eyebrow), while the
   clinic details remain fully visible below the title. Clinic hours and Stay
   Connected form a balanced supporting row. Tablet and phone stack cleanly. */

body main#main > #visit.visit-section:not(.visit-section-contact) .visit-shell,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-section-head,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-info,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social{
  min-width:0!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

body main#main > #visit.visit-section:not(.visit-section-contact) .visit-section-head .lede,
body main#main > #visit.visit-section:not(.visit-section-contact) address,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-landmark,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social-copy,
body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours-list li{
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

@media(min-width:981px){
  /* Final desktop visibility guard. Older homepage/animation rules must never
     collapse or hide the practical location section. */
  body main#main > #visit.visit-section:not(.visit-section-contact){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    order:70!important;
    width:100%!important;
    max-width:none!important;
    min-height:1px!important;
    max-height:none!important;
    height:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
    content-visibility:visible!important;
    pointer-events:auto!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) > .wrap{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:min(100% - 40px,var(--wrap,1200px))!important;
    max-width:var(--wrap,1200px)!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-shell{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
    grid-template-areas:
      "head map"
      "info map"
      "hours social"!important;
    grid-auto-rows:auto!important;
    gap:18px!important;
    align-items:start!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-section-head{
    grid-area:head!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:start!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-info{
    grid-area:info!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    align-self:stretch!important;
  }

  /* The eyebrow sits above the title. Offset the map by the eyebrow line so
     its top edge aligns with the main title text (e.g. Opening Soon in Half
     Moon Bay / Our Location), instead of starting above it. */
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map{
    grid-area:map!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    align-self:stretch!important;
    margin-top:31px!important;
    min-height:520px!important;
    overflow:hidden!important;
  }
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map iframe,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map noscript{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    min-height:520px!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
    margin-top:0!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours{
    grid-area:hours!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social{
    grid-area:social!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:14px!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social-icons{
    justify-content:flex-start!important;
  }
}

@media(max-width:980px){
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "head"
      "info"
      "map"
      "hours"
      "social"!important;
    grid-auto-rows:auto!important;
    gap:16px!important;
    align-items:start!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-section-head,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-info,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social{
    width:100%!important;
    margin-top:0!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map{
    min-height:330px!important;
    overflow:hidden!important;
  }
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map iframe,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map noscript{
    min-height:330px!important;
  }
}

@media(max-width:620px){
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-section-head{
    margin-bottom:2px!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-actions{
    grid-template-columns:1fr!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours-list li{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:start!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-hours-list li strong{
    white-space:normal!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social-icons{
    width:100%!important;
    justify-content:flex-start!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-social-coming{
    width:100%!important;
    margin:4px 0 0!important;
    white-space:normal!important;
  }

  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map iframe,
  body main#main > #visit.visit-section:not(.visit-section-contact) .visit-map noscript{
    min-height:290px!important;
  }
}

/* ===== home-approach-expect-final.css ===== */
/* Final homepage guard for the desktop Our Approach + What to Expect pairing.
   Earlier homepage styles intentionally place both semantic sections in the
   same grid row. This file has higher specificity so the What to Expect layer
   stays transparent and cannot cover the Our Approach content underneath. */

@media (min-width:981px){
  html body main#main:has(> .home-pathways) > .home-mission-intro,
  html body main#main:has(> .home-pathways) > .home-process-compact{
    grid-row:2!important;
    grid-column:1!important;
    min-width:0!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    padding:68px 0!important;
    background:#FBF8F4!important;
    border-top:1px solid rgba(33,76,59,.10)!important;
    border-bottom:1px solid rgba(33,76,59,.10)!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:58px!important;
    row-gap:0!important;
    align-items:start!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-head,
  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-copy{
    grid-column:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:0!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-head{
    max-width:560px!important;
    margin:0!important;
    padding:0!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-head .eyebrow{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin-bottom:12px!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-head h2{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    max-width:540px!important;
    margin:0!important;
    font-size:clamp(2.5rem,3.35vw,3.65rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-copy{
    width:100%!important;
    max-width:590px!important;
    margin:24px 0 0!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:0!important;
    margin:0 0 17px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#46524D!important;
    font-size:1rem!important;
    line-height:1.66!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:first-child{
    color:#36584B!important;
    font-size:1.07rem!important;
  }

  html body main#main:has(> .home-pathways) > .home-mission-intro .home-mission-copy p:last-child{
    margin-bottom:0!important;
  }

  html body main#main:has(> .home-pathways) > .home-process-compact{
    position:relative!important;
    z-index:3!important;
    align-self:stretch!important;
    margin:0!important;
    padding:68px 0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  html body main#main:has(> .home-pathways) > .home-process-compact > .wrap{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:58px!important;
    align-items:start!important;
    padding-top:0!important;
    border-top:0!important;
    background:transparent!important;
  }

  html body main#main:has(> .home-pathways) > .home-process-compact .section-head,
  html body main#main:has(> .home-pathways) > .home-process-compact .process-row{
    grid-column:2!important;
    width:100%!important;
    max-width:none!important;
    pointer-events:auto!important;
  }

  html body main#main:has(> .home-pathways) > .home-process-compact .section-head{
    margin:0 0 20px!important;
  }

  html body main#main:has(> .home-pathways) > .home-process-compact .process-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* ===== opening-list-image-remove.css ===== */
/* Opening List page: keep the intro and three benefit cards, but remove the
   decorative sunrise/layout artwork that appeared directly after the cards. */
body main#main:has(> .opening-list-hero) .opening-list-benefits::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* ===== opening-list-form-alignment.css ===== */
/* Opening List desktop alignment — start the signup form at the same visual
   height as the H1, not the opening-date eyebrow above it. */
@media (min-width:981px){
  body main#main:has(> .opening-list-hero) .opening-list-form-card{
    /* Eyebrow line (~18px) + its 16px bottom margin + hero's 4px top inset. */
    margin-top:38px!important;
  }
}

/* ===== opening-list-desktop-spacing.css ===== */
/* Opening List desktop spacing is owned by opening-list-page-refresh.css.
   This compatibility file is intentionally minimal so older bundle references
   cannot reintroduce the retired address/artwork layout. */

/* ===== sitewide-spacing-final.css ===== */
/* Motiva sitewide spacing — final owner.
   Replaces the former desktop audit, responsive audit and compact-final layers.
   Specialized Home, Opening List and Care Finder component geometry remains
   owned by their dedicated stylesheets; this file owns shared inner-page rhythm. */

@media(min-width:981px){
  main#main > .page-hero:not(.opening-list-hero){
    padding-top:36px!important;
    padding-bottom:38px!important;
  }
  main#main > .page-hero:not(.opening-list-hero) .crumb,
  main#main > .page-hero:not(.opening-list-hero) .eyebrow{margin-bottom:9px!important}
  main#main > .page-hero:not(.opening-list-hero) h1{margin-bottom:12px!important}
  main#main > .page-hero:not(.opening-list-hero) .lede{
    margin-top:0!important;
    margin-bottom:0!important;
    line-height:1.62!important;
  }
  main#main > .page-hero:not(.opening-list-hero) .hero-ctas{
    gap:11px!important;
    margin-top:20px!important;
  }
  main#main > .page-hero:not(.opening-list-hero) .page-hero-grid{gap:36px!important}

  main#main > section:not(.hero):not(.page-hero):not(.final-cta):not(#visit):not(.care-finder-section):not(.opening-list-section){
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  main#main > section.tight:not(.care-finder-section){
    padding-top:36px!important;
    padding-bottom:36px!important;
  }

  main#main .section-head{margin-bottom:18px!important}
  main#main .section-head > .eyebrow{margin-bottom:8px!important}
  main#main .section-head .lede{margin-top:8px!important;margin-bottom:0!important}
  main#main .group-block + .group-block{margin-top:26px!important}
  main#main .wrap-narrow > .group-block + .group-block{margin-top:28px!important}
  main#main .group-head{margin-bottom:12px!important}

  main#main .grid-2,
  main#main .grid-3{gap:16px!important}
  main#main .card-body{padding:20px!important}
  main#main .faq-list{gap:10px!important}
  main#main .founder{gap:28px!important}
  main#main .reasons-list{margin-top:15px!important}
  main#main .form-card{padding:28px!important}

  main#main > .condition-motiva-help,
  main#main > .condition-symptoms,
  main#main > .condition-causes,
  main#main > .condition-approach,
  main#main > .condition-faq,
  main#main > .condition-treatments{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }
  main#main .condition-content-wrap .section-head{margin-bottom:18px!important}
  main#main .condition-symptom-grid,
  main#main .condition-cause-grid{gap:12px 16px!important}
  main#main .condition-approach-grid,
  main#main .related-treatment-grid{gap:12px!important}
  main#main .condition-note{margin-top:18px!important}
  main#main .all-treatments-row,
  main#main .all-conditions-row{margin-top:16px!important}
  main#main .detail-opening-rail{margin-top:20px!important;margin-bottom:14px!important}

  main#main > .care-finder-section{padding-top:34px!important;padding-bottom:38px!important}
  main#main > .care-finder-section .care-finder-titlebar{margin-bottom:18px!important}
  main#main > .care-finder-section .care-finder-layout{gap:20px!important}
  main#main > .final-cta{padding-top:40px!important;padding-bottom:40px!important}

  body main#main:has(> .opening-list-hero){
    padding-top:42px!important;
    padding-bottom:48px!important;
    column-gap:clamp(34px,3.5vw,54px)!important;
  }
}

@media(min-width:1680px){
  main#main > .page-hero:not(.opening-list-hero){
    padding-top:44px!important;
    padding-bottom:46px!important;
  }
  main#main > section:not(.hero):not(.page-hero):not(.final-cta):not(#visit):not(.care-finder-section):not(.opening-list-section){
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  main#main > section.tight:not(.care-finder-section){
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  main#main > .condition-motiva-help,
  main#main > .condition-symptoms,
  main#main > .condition-causes,
  main#main > .condition-approach,
  main#main > .condition-faq,
  main#main > .condition-treatments{
    padding-top:46px!important;
    padding-bottom:46px!important;
  }
  main#main .group-block + .group-block{margin-top:30px!important}
  main#main > .final-cta{padding-top:46px!important;padding-bottom:46px!important}
}

@media(min-width:681px) and (max-width:980px){
  main#main:not(:has(> .opening-list-hero)) > .page-hero{
    padding-top:30px!important;
    padding-bottom:32px!important;
  }
  main#main:not(:has(> .opening-list-hero)) > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(#visit){
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  main#main:not(:has(> .opening-list-hero)) > section.tight:not(.care-finder-section){
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  main#main .section-head{margin-bottom:16px!important}
  main#main .group-block + .group-block{margin-top:24px!important}
  main#main .group-head{margin-bottom:10px!important}
  main#main .grid-2,
  main#main .grid-3{gap:13px!important}
  main#main .card-body{padding:18px!important}
  main#main .founder{gap:22px!important}
  main#main .form-card{padding:24px!important}

  main#main > .condition-motiva-help,
  main#main > .condition-symptoms,
  main#main > .condition-causes,
  main#main > .condition-approach,
  main#main > .condition-faq,
  main#main > .condition-treatments{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  main#main .condition-content-wrap .section-head{margin-bottom:16px!important}
  main#main .condition-symptom-grid,
  main#main .condition-cause-grid,
  main#main .condition-approach-grid,
  main#main .related-treatment-grid{gap:10px!important}
  main#main > .care-finder-section{padding-top:30px!important;padding-bottom:34px!important}
  main#main > .care-finder-section .care-finder-titlebar{margin-bottom:15px!important}
  main#main > .care-finder-section .care-finder-layout{gap:16px!important}
  main#main > .final-cta{padding-top:34px!important;padding-bottom:34px!important}

  body main#main:has(> .opening-list-hero) > .opening-list-hero{padding-top:28px!important;padding-bottom:22px!important}
  body main#main:has(> .opening-list-hero) > .opening-list-section{padding-top:22px!important;padding-bottom:32px!important}
}

@media(max-width:680px){
  main#main:not(:has(> .opening-list-hero)) > .page-hero{
    padding-top:22px!important;
    padding-bottom:24px!important;
  }
  main#main:not(:has(> .opening-list-hero)) > .page-hero .crumb,
  main#main:not(:has(> .opening-list-hero)) > .page-hero .eyebrow{margin-bottom:8px!important}
  main#main:not(:has(> .opening-list-hero)) > .page-hero h1{margin-bottom:10px!important}
  main#main:not(:has(> .opening-list-hero)) > .page-hero .hero-ctas{
    gap:8px!important;
    margin-top:16px!important;
  }

  main#main:not(:has(> .opening-list-hero)) > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(#visit){
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  main#main:not(:has(> .opening-list-hero)) > section.tight:not(.care-finder-section){
    padding-top:24px!important;
    padding-bottom:24px!important;
  }

  main#main .section-head{margin-bottom:14px!important}
  main#main .section-head > .eyebrow{margin-bottom:7px!important}
  main#main .section-head .lede{margin-top:7px!important}
  main#main .group-block + .group-block,
  main#main .wrap-narrow > .group-block + .group-block{margin-top:20px!important}
  main#main .group-head{margin-bottom:9px!important}
  main#main .grid-2,
  main#main .grid-3{gap:10px!important}
  main#main .card-body{padding:16px!important}
  main#main .faq-list{gap:8px!important}
  main#main .founder{gap:18px!important}
  main#main .reasons-list{margin-top:12px!important}
  main#main .form-card{padding:20px!important}

  main#main > .condition-motiva-help,
  main#main > .condition-symptoms,
  main#main > .condition-causes,
  main#main > .condition-approach,
  main#main > .condition-faq,
  main#main > .condition-treatments{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  main#main .condition-content-wrap .section-head{margin-bottom:14px!important}
  main#main .condition-symptom-grid,
  main#main .condition-cause-grid,
  main#main .condition-approach-grid,
  main#main .related-treatment-grid{gap:9px!important}
  main#main .condition-note{margin-top:14px!important}
  main#main .all-treatments-row,
  main#main .all-conditions-row{margin-top:12px!important}
  main#main .detail-opening-rail{margin-top:14px!important;margin-bottom:10px!important}

  main#main > .care-finder-section{padding-top:26px!important;padding-bottom:30px!important}
  main#main > .care-finder-section .care-finder-titlebar{margin-bottom:13px!important}
  main#main > .care-finder-section .care-finder-layout{gap:14px!important}
  main#main > .final-cta{padding-top:30px!important;padding-bottom:30px!important}

  body main#main:has(> .opening-list-hero) > .opening-list-hero{padding-top:22px!important;padding-bottom:18px!important}
  body main#main:has(> .opening-list-hero) > .opening-list-section{padding-top:18px!important;padding-bottom:28px!important}
}

@media(min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  main#main:not(:has(> .opening-list-hero)) > .page-hero{padding-top:34px!important;padding-bottom:36px!important}
  main#main:not(:has(> .opening-list-hero)) > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(#visit){
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  main#main:not(:has(> .opening-list-hero)) > section.tight:not(.care-finder-section){
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  main#main > .condition-motiva-help,
  main#main > .condition-symptoms,
  main#main > .condition-causes,
  main#main > .condition-approach,
  main#main > .condition-faq,
  main#main > .condition-treatments{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}

@media(max-width:980px) and (max-height:600px) and (orientation:landscape){
  main#main:not(:has(> .opening-list-hero)) > .page-hero{padding-top:20px!important;padding-bottom:22px!important}
  main#main:not(:has(> .opening-list-hero)) > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(#visit){
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  main#main > .care-finder-section{padding-top:24px!important;padding-bottom:26px!important}
  main#main > .final-cta{padding-top:26px!important;padding-bottom:26px!important}
}

/* ===== responsive-system.css ===== */
/* Motiva structural responsive system.
   Breakpoint contract:
   - Phone: <=680px
   - Tablet: 681-980px
   - Touch tablet: 981-1120px only when hover:none + pointer:coarse
   - Desktop: all other widths
   Homepage .mh-* rules intentionally live only in mobile-premium-refresh.css. */

@media (min-width:681px) and (max-width:980px),
       (min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  main#main .page-hero-grid,
  main#main .founder,
  main#main .loc-grid{
    grid-template-columns:1fr!important;
  }
  main#main > .page-hero > .wrap,
  main#main .condition-content-wrap{
    width:min(var(--maxw,1220px),calc(100% - 40px))!important;
    max-width:var(--maxw,1220px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  main#main .page-hero-grid{gap:24px!important}
  main#main .page-hero-media{max-height:420px!important}

  main#main .grid-3,
  main#main .treatments-hub .grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  main#main .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  main#main .process-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  main#main .process-step{border-bottom:1px solid var(--line)!important}
  main#main .process-step:nth-child(2n){border-right:0!important}
  main#main .process-step:nth-last-child(-n+2){border-bottom:0!important}

  main#main .founder-photo{max-width:420px!important}
  main#main .final-grid{grid-template-columns:1fr!important}
  main#main .form-grid{grid-template-columns:1fr 1fr!important}
  footer.site .foot-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:680px){
  main#main > .page-hero > .wrap,
  main#main .condition-content-wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  main#main .page-hero-grid,
  main#main .founder,
  main#main .loc-grid,
  main#main .grid-3,
  main#main .grid-2,
  main#main .treatments-hub .grid-3,
  main#main .process-row,
  main#main .final-grid,
  main#main .form-grid,
  footer.site .foot-grid{
    grid-template-columns:1fr!important;
  }

  main#main .page-hero-grid{gap:18px!important}
  main#main .page-hero-media{
    max-height:none!important;
    aspect-ratio:4/3!important;
  }
  main#main .founder-photo{max-width:320px!important}

  main#main .process-step{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  main#main .process-step:last-child{border-bottom:0!important}

  main#main .treatments-hub .group-block + .group-block{margin-top:30px!important}
  main#main .treatments-hub .group-head{
    display:block!important;
    margin-bottom:12px!important;
  }
  main#main .treatments-hub .group-head h3{
    margin-bottom:6px!important;
    font-size:1.18rem!important;
    line-height:1.22!important;
  }
  main#main .treatments-hub .group-head p{
    max-width:none!important;
    font-size:.84rem!important;
    line-height:1.45!important;
  }
  main#main .treatments-hub .card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    min-height:104px!important;
    border-radius:18px!important;
    box-shadow:0 7px 18px rgba(33,76,59,.05)!important;
  }
  main#main .treatments-hub .card-media{
    width:104px!important;
    height:100%!important;
    min-height:104px!important;
    aspect-ratio:auto!important;
  }
  main#main .treatments-hub .card-body{padding:13px!important}
  main#main .treatments-hub .card h3{
    margin:0 0 5px!important;
    font-size:.96rem!important;
    line-height:1.24!important;
  }
  main#main .treatments-hub .card p{
    display:-webkit-box!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.88rem!important;
    line-height:1.44!important;
  }
}

/* ===== mobile-premium-refresh.css ===== */
/* Current .motiva-home-premium responsive owner.
   No other homepage stylesheet should contain width-based .mh-* media queries.
   Breakpoint contract:
   - Phone: <=680px
   - Tablet: 681-980px
   - Touch tablet: 981-1120px only when hover:none + pointer:coarse
   - Desktop: all other widths */

/* Tablet + touch-tablet share the same body layout. */
@media (min-width:681px) and (max-width:980px),
       (min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  .motiva-home-premium{overflow:hidden}

  .motiva-home-premium .wrap{
    width:min(var(--maxw,1200px),calc(100% - 40px))!important;
    max-width:var(--maxw,1200px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .motiva-home-premium .mh-hero{
    padding:0!important;
    background:
      radial-gradient(circle at 92% 8%,rgba(183,146,69,.14),transparent 28%),
      linear-gradient(180deg,#FBF8F3 0%,#F3F7F3 100%)!important;
  }
  .motiva-home-premium .mh-hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .motiva-home-premium .mh-hero-copy{padding:30px 0 24px!important}
  .motiva-home-premium .mh-hero h1{
    font-size:clamp(2.65rem,7.2vw,4rem)!important;
    line-height:1!important;
  }
  .motiva-home-premium .mh-hero h1 .mh-hero-line{display:block!important}
  .motiva-home-premium .mh-hero h1 .mh-hero-line-primary{white-space:normal!important}
  .motiva-home-premium .mh-hero-media,
  .motiva-home-premium .mh-hero-media img{
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
  }
  .motiva-home-premium .mh-hero-media{
    margin:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .motiva-home-premium .mh-hero-media img{
    object-fit:cover!important;
    object-position:center 28%!important;
  }

  .motiva-home-premium .mh-help-grid{grid-template-columns:1fr!important;gap:12px!important}
  .motiva-home-premium .mh-card{min-height:0!important}

  .motiva-home-premium .mh-mission{padding:40px 0 42px!important}
  .motiva-home-premium .mh-mission-inner{max-width:780px!important}
  .motiva-home-premium .mh-mission-title{font-size:clamp(2.15rem,5.4vw,3.35rem)!important}
  .motiva-home-premium .mh-mission-copy{font-size:.98rem!important}

  .motiva-home-premium .mh-founder-shell{grid-template-columns:1fr!important;min-height:0!important}
  .motiva-home-premium .mh-founder-photo{
    width:100%!important;
    max-height:420px!important;
    margin:0!important;
  }
  .motiva-home-premium .mh-founder-photo img{
    width:100%!important;
    height:420px!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center 16%!important;
  }
  .motiva-home-premium .mh-founder-copy{padding:30px 0!important}
  .motiva-home-premium .mh-why{
    grid-column:auto!important;
    padding:22px 0!important;
    border-left:0!important;
  }
  .motiva-home-premium .mh-why-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .motiva-home-premium .mh-services{padding:40px 0 42px!important}
  .motiva-home-premium .mh-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .motiva-home-premium .mh-service-card{
    border-radius:18px!important;
    box-shadow:0 8px 24px rgba(33,76,59,.055)!important;
  }

  .motiva-home-premium .mh-first-visit{padding:30px 0 32px!important}
  .motiva-home-premium .mh-first-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .motiva-home-premium .mh-step,
  .motiva-home-premium .mh-step + .mh-step{
    padding:15px!important;
    border:1px solid var(--mh-line)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.72)!important;
  }

  .motiva-home-premium .mh-close{padding:38px 0!important;background:#F6F0E5!important}
  .motiva-home-premium .mh-close-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
  }
  .motiva-home-premium .mh-location,
  .motiva-home-premium .mh-map,
  .motiva-home-premium .mh-opening{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:21px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(33,76,59,.05)!important;
  }
  .motiva-home-premium .mh-location{padding:24px!important;background:#fff!important}
  .motiva-home-premium .mh-map{min-height:300px!important;padding:0!important}
  .motiva-home-premium .mh-opening{padding:28px!important}
  .motiva-home-premium .mh-button{min-height:50px!important;border-radius:14px!important}
}

/* Phone-specific visual language. */
@media (max-width:680px){
  html,body{overflow-x:hidden}
  .motiva-home-premium{overflow:hidden}

  .motiva-home-premium .wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .motiva-home-premium .mh-hero{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:10px auto 18px!important;
    padding:16px 14px 14px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 94% 4%,rgba(183,146,69,.10),transparent 27%),
      linear-gradient(180deg,#FBF8F3 0%,#F6F8F5 100%)!important;
    box-shadow:0 10px 26px rgba(33,76,59,.055)!important;
  }
  .motiva-home-premium .mh-hero > .wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .motiva-home-premium .mh-hero-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
    min-height:0!important;
  }
  .motiva-home-premium .mh-hero-copy{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .motiva-home-premium .mh-kicker{
    width:max-content!important;
    max-width:100%!important;
    padding:5px 8px!important;
    border:1px solid rgba(183,146,69,.28)!important;
    border-radius:999px!important;
    background:#FFF9EE!important;
    color:#705B2D!important;
    font-size:.64rem!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    line-height:1.25!important;
  }
  .motiva-home-premium .mh-hero h1{
    margin-top:8px!important;
    font-size:clamp(1.78rem,8.4vw,2.06rem)!important;
    line-height:.99!important;
    letter-spacing:-.04em!important;
  }
  .motiva-home-premium .mh-hero h1 .mh-hero-line{display:block!important}
  .motiva-home-premium .mh-hero h1 .mh-hero-line-primary{white-space:normal!important}
  .motiva-home-premium .mh-hero h1 .mh-hero-location{margin-top:3px!important}
  .motiva-home-premium .mh-hero-lede{margin-top:8px!important;font-size:.88rem!important;line-height:1.42!important}
  .motiva-home-premium .mh-hero-support{display:none!important}
  .motiva-home-premium .mh-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:10px!important;
  }
  .motiva-home-premium .mh-hero-actions .mh-button{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
    border-radius:14px!important;
    font-size:.92rem!important;
  }
  .motiva-home-premium .mh-hero-actions .mh-button-secondary{
    width:auto!important;
    min-height:0!important;
    justify-self:center!important;
    padding:7px 4px 3px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:.80rem!important;
  }
  .motiva-home-premium .mh-trust-row{
    display:none!important;
  }
  .motiva-home-premium .mh-hero-media,
  .motiva-home-premium .mh-hero-media img{
    width:100%!important;
    height:132px!important;
    min-height:132px!important;
  }
  .motiva-home-premium .mh-hero-media{
    margin:11px 0 0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .motiva-home-premium .mh-hero-media img{object-fit:cover!important;object-position:center 27%!important}

  .motiva-home-premium .mh-help,
  .motiva-home-premium .mh-mission,
  .motiva-home-premium .mh-services,
  .motiva-home-premium .mh-first-visit,
  .motiva-home-premium .mh-close{padding:36px 0!important}

  .motiva-home-premium .mh-help-head,
  .motiva-home-premium .mh-services-head,
  .motiva-home-premium .mh-first-head{margin-bottom:17px!important}
  .motiva-home-premium .mh-heading,
  .motiva-home-premium .mh-mission-title{
    font-size:clamp(1.82rem,8.6vw,2.35rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
  .motiva-home-premium .mh-intro{margin-top:9px!important;font-size:.9rem!important;line-height:1.5!important}

  .motiva-home-premium .mh-help-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .motiva-home-premium .mh-card{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:13px!important;
    min-height:0!important;
    padding:15px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(33,76,59,.055)!important;
  }
  .motiva-home-premium .mh-card-icon{width:54px!important;height:54px!important;border-radius:15px!important}
  .motiva-home-premium .mh-card-copy h3{margin:0 0 4px!important;font-size:1rem!important}
  .motiva-home-premium .mh-card-copy p{margin:0!important;font-size:.82rem!important;line-height:1.4!important}
  .motiva-home-premium .mh-card .mh-link{margin-top:7px!important;font-size:.78rem!important}

  .motiva-home-premium .mh-mission{background:#F6F0E5!important}
  .motiva-home-premium .mh-mission-inner{
    max-width:none!important;
    padding:22px 18px!important;
    text-align:left!important;
    border:1px solid rgba(183,146,69,.20)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:0 10px 28px rgba(72,59,33,.055)!important;
  }
  .motiva-home-premium .mh-mission .mh-kicker{justify-content:flex-start!important;margin-bottom:9px!important}
  .motiva-home-premium .mh-mission-title .mh-mission-accent{display:block!important}
  .motiva-home-premium .mh-mission-copy{margin-top:13px!important;font-size:.91rem!important;line-height:1.56!important}
  .motiva-home-premium .mh-mission-copy + .mh-mission-copy{display:none!important}
  .motiva-home-premium .mh-mission-principles{
    display:flex!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin-top:17px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  .motiva-home-premium .mh-mission-principles::-webkit-scrollbar{display:none}
  .motiva-home-premium .mh-mission-principles span{
    flex:0 0 auto!important;
    padding:8px 11px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid rgba(33,76,59,.10)!important;
    font-size:.74rem!important;
  }

  .motiva-home-premium .mh-founder{padding:36px 0 40px!important;background:#F7FAF7!important}
  .motiva-home-premium .mh-founder-shell{display:block!important;min-height:0!important}
  .motiva-home-premium .mh-founder-photo{
    width:100%!important;
    max-height:none!important;
    margin:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 12px 30px rgba(33,76,59,.08)!important;
  }
  .motiva-home-premium .mh-founder-photo img{
    width:100%!important;
    height:285px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center 15%!important;
  }
  .motiva-home-premium .mh-founder-copy{
    position:relative!important;
    z-index:2!important;
    margin:-22px 10px 0!important;
    padding:20px 18px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(33,76,59,.09)!important;
  }
  .motiva-home-premium .mh-founder-copy p{font-size:.88rem!important;line-height:1.52!important}
  .motiva-home-premium .mh-founder-copy p:nth-of-type(3){display:none!important}
  .motiva-home-premium .mh-founder-copy .mh-button{width:100%!important;justify-content:center!important;margin-top:14px!important}
  .motiva-home-premium .mh-why{
    margin-top:18px!important;
    padding:18px!important;
    border:1px solid rgba(33,76,59,.09)!important;
    border-radius:22px!important;
    background:#EEF4F0!important;
  }
  .motiva-home-premium .mh-why-list{grid-template-columns:1fr!important;gap:0!important}
  .motiva-home-premium .mh-why-item{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px 0!important;
    border-bottom:1px solid rgba(33,76,59,.09)!important;
  }
  .motiva-home-premium .mh-why-item:last-child{border-bottom:0!important}

  .motiva-home-premium .mh-services-head{display:block!important}
  .motiva-home-premium .mh-services-head > .mh-link{display:inline-flex!important;margin-top:12px!important}
  .motiva-home-premium .mh-services-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .motiva-home-premium .mh-service-card{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:108px!important;
    overflow:hidden!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(33,76,59,.055)!important;
  }
  .motiva-home-premium .mh-service-media{
    width:108px!important;
    height:100%!important;
    min-height:108px!important;
    aspect-ratio:auto!important;
  }
  .motiva-home-premium .mh-service-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .motiva-home-premium .mh-service-body{
    min-width:0!important;
    padding:13px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .motiva-home-premium .mh-service-body h3{margin:0 0 4px!important;font-size:.96rem!important;line-height:1.22!important}
  .motiva-home-premium .mh-service-body p{
    display:-webkit-box!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.79rem!important;
    line-height:1.38!important;
  }
  .motiva-home-premium .mh-service-body .mh-link{margin-top:7px!important;font-size:.75rem!important}

  .motiva-home-premium .mh-first-head{display:block!important}
  .motiva-home-premium .mh-first-head .mh-button{width:100%!important;justify-content:center!important;margin-top:15px!important}
  .motiva-home-premium .mh-first-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .motiva-home-premium .mh-first-grid::before{
    content:""!important;
    position:absolute!important;
    left:25px!important;
    top:28px!important;
    bottom:28px!important;
    width:2px!important;
    background:linear-gradient(#B79245,#2F6650)!important;
    opacity:.24!important;
  }
  .motiva-home-premium .mh-step,
  .motiva-home-premium .mh-step + .mh-step{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  .motiva-home-premium .mh-step-icon{
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#214C3B!important;
    color:#fff!important;
    font-size:.72rem!important;
  }

  .motiva-home-premium .mh-close{background:#F6F0E5!important}
  .motiva-home-premium .mh-close-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
  }
  .motiva-home-premium .mh-location,
  .motiva-home-premium .mh-map,
  .motiva-home-premium .mh-opening{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:21px!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(33,76,59,.05)!important;
  }
  .motiva-home-premium .mh-location{padding:19px!important;background:#fff!important}
  .motiva-home-premium .mh-map{min-height:230px!important;padding:0!important}
  .motiva-home-premium .mh-opening{padding:20px!important}
}

@media (prefers-reduced-motion:reduce){
  .motiva-home-premium .mh-card,
  .motiva-home-premium .mh-service-card,
  .motiva-home-premium .mh-step{transition:none!important;animation:none!important}
}

/* ===== announcement-marquee.css ===== */
/* Motiva announcement bar — restore the earlier continuous desktop marquee. */
:root{
  --motiva-announcement-height:48px;
  --motiva-announcement-gap:120px;
}

/* Desktop/default behavior. Mobile overrides below intentionally keep only the
   announcement fixed; the mobile header returns to normal document flow. */
.announce{
  position:sticky!important;
  top:0!important;
  z-index:2700!important;
  width:100%!important;
  height:var(--motiva-announcement-height)!important;
  min-height:var(--motiva-announcement-height)!important;
  overflow:hidden!important;
  padding:0!important;
  white-space:nowrap!important;
  text-align:left!important;
  font-size:1.08rem!important;
  font-weight:650!important;
  line-height:1.4!important;
}

header.site{
  position:sticky!important;
  top:var(--motiva-announcement-height)!important;
}

.announce .announce-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  white-space:nowrap!important;
  will-change:transform!important;
}

.announce .announce-item{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:100%!important;
  padding:0 var(--motiva-announcement-gap) 0 18px!important;
  margin:0!important;
  white-space:nowrap!important;
  color:#f7faf8!important;
  font-size:1.08rem!important;
  font-weight:650!important;
}

.announce .announce-opening{
  margin-right:34px!important;
  color:#edd79c!important;
  font-weight:800!important;
}

.announce .announce-copy{
  color:#f7faf8!important;
  white-space:nowrap!important;
}

.announce .announce-landmark{
  display:inline-block!important;
  margin-left:0!important;
  color:#9fe3cf!important;
  font-weight:800!important;
  letter-spacing:normal!important;
  text-decoration:none!important;
}

.announce .announce-landmark::before{
  content:none!important;
}

@keyframes motivaAnnouncementTrackScroll{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}

/* Previous desktop behavior: continuous motion, one complete repeat every 32s,
   no startup pause and a compact gap before the next copy. */
@media(min-width:981px){
  .announce{
    z-index:3000!important;
  }

  header.site{
    z-index:2900!important;
  }

  .announce .announce-track{
    animation:motivaAnnouncementTrackScroll 32s linear infinite!important;
    animation-play-state:running!important;
  }

  .announce:hover .announce-track{
    animation-play-state:paused!important;
  }
}

/* Mobile: the announcement alone stays fixed at the top. The header is restored
   to normal document flow, so it scrolls away exactly as before and the in-header
   menu can expand without competing sticky/fixed positioning. */
@media(max-width:980px){
  :root{
    --motiva-announcement-height:46px;
  }

  body{
    padding-top:var(--motiva-announcement-height)!important;
  }

  .announce{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:2700!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:.82rem!important;
  }

  header.site,
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    z-index:2500!important;
    overflow:visible!important;
  }

  .announce .announce-track{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }

  .announce .announce-item{
    width:100%!important;
    height:100%!important;
    padding:0 16px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.12!important;
  }

  .announce .announce-item[aria-hidden="true"]{
    display:none!important;
  }

  .announce .announce-opening{
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.12!important;
  }

  .announce .announce-copy{
    font-size:0!important;
    line-height:1!important;
  }

  .announce .announce-copy::before{
    content:"New physiotherapy clinic in Half Moon Bay, Barrhaven";
    color:#f7faf8!important;
    font-size:.74rem!important;
    font-weight:650!important;
    line-height:1.12!important;
  }

  .announce .announce-landmark{
    display:none!important;
  }

  /* Scroll-direction header: keep the normal downward-scroll behavior,
     then pin the header directly below the announcement bar when the visitor
     reverses direction and scrolls upward. An open menu is pinned as well.
     The reveal is intentionally instant. Animating the whole sticky/fixed header
     caused Mobile Safari and touch Chrome to replay the reveal after closing the
     hamburger menu mid-page, which looked like the header was flickering twice. */
  header.site.mobile-header-revealed,
  header.site.menu-expanded,
  header.site.menu-closing,
  #mobile-menu-toggle:checked ~ header.site{
    position:fixed!important;
    top:var(--motiva-announcement-height)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    z-index:2500!important;
    box-shadow:0 8px 24px rgba(33,76,59,.10)!important;
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }

  header.site.mobile-header-revealed,
  header.site.mobile-header-revealed:not(.menu-expanded):not(.menu-closing):not(.menu-transition-settle),
  header.site.menu-closing,
  header.site.menu-transition-settle{
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }

  /* Keep the previous expanding mobile menu interaction intact. */
  header.site > .mobile-navigation,
  header.site.menu-expanded > .mobile-navigation{
    position:static!important;
    inset:auto!important;
  }

  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media(max-width:420px){
  :root{
    --motiva-announcement-height:44px;
  }
  .announce .announce-opening{font-size:.78rem!important}
  .announce .announce-copy::before{font-size:.69rem!important}
}

@media(prefers-reduced-motion:reduce){
  header.site.mobile-header-revealed:not(.menu-expanded){animation:none!important}
  header.site.menu-closing,
  header.site.menu-transition-settle{animation:none!important;transform:none!important}
  .announce .announce-track{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}

/* ===== desktop-floating-header.css ===== */
/* Motiva desktop floating header — Option 4.
   Desktop only. Mobile/tablet compact navigation remains unchanged. */

@media(min-width:981px) and (hover:hover) and (pointer:fine){
  header.site{
    top:var(--motiva-announcement-height,48px)!important;
    padding:12px 0 10px!important;
    border-bottom:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }

  header.site .nav{
    width:min(var(--motiva-desktop-content-width,1560px),calc(100% - (var(--motiva-desktop-gutter,32px) * 2)))!important;
    height:82px!important;
    min-height:82px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 34px rgba(33,76,59,.10)!important;
  }

  header.site .brand{
    flex:0 0 190px!important;
    width:190px!important;
    min-width:190px!important;
    height:60px!important;
    margin-right:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  header.site .header-motiva-logo{
    display:block!important;
    width:190px!important;
    max-width:190px!important;
    height:auto!important;
    max-height:60px!important;
    aspect-ratio:700 / 209!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  header.site .navlinks{
    gap:2px!important;
  }

  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    position:relative!important;
    padding:10px 9px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#355548!important;
    font-size:.95rem!important;
    font-weight:650!important;
  }

  header.site .navlinks > a::after,
  header.site .navlinks > .dd > button::after{
    content:""!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:4px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#C9A24D!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    transition:transform .18s ease!important;
  }

  header.site .navlinks > a:hover,
  header.site .navlinks > a:focus-visible,
  header.site .navlinks > .dd > button:hover,
  header.site .navlinks > .dd > button:focus-visible,
  header.site .dd.open > button{
    color:#214C3B!important;
    background:transparent!important;
  }

  header.site .navlinks > a:hover::after,
  header.site .navlinks > a:focus-visible::after,
  header.site .navlinks > .dd > button:hover::after,
  header.site .navlinks > .dd > button:focus-visible::after,
  header.site .dd.open > button::after{
    transform:scaleX(1)!important;
  }

  header.site .header-social-icons{
    margin-left:8px!important;
    padding-left:12px!important;
    gap:6px!important;
    border-left:1px solid rgba(33,76,59,.13)!important;
  }

  header.site .header-social-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-color:rgba(183,146,69,.36)!important;
    background:#FFFDF9!important;
    box-shadow:none!important;
  }

  header.site .header-social-icon img{
    width:17px!important;
    height:17px!important;
  }

  header.site .nav-actions{
    margin-left:auto!important;
  }

  header.site .nav-actions .btn-primary{
    min-height:46px!important;
    padding:0 20px!important;
    border:1px solid #C9A24D!important;
    border-radius:999px!important;
    background:#214C3B!important;
    color:#FFF8E9!important;
    box-shadow:none!important;
    font-size:.88rem!important;
    font-weight:750!important;
  }

  header.site .nav-actions .btn-primary:hover,
  header.site .nav-actions .btn-primary:focus-visible{
    background:#17392E!important;
    border-color:#B79245!important;
    color:#FFFFFF!important;
  }

  header.site .dd-menu{
    margin-top:2px!important;
    border-color:rgba(33,76,59,.11)!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    box-shadow:0 18px 40px rgba(33,76,59,.12)!important;
  }
}

/* 981-1120 mouse/trackpad desktop bridge: preserve the floating treatment
   while keeping the compact sizing needed at browser zoom / narrower desktops. */
@media(min-width:981px) and (max-width:1120px) and (hover:hover) and (pointer:fine){
  header.site .nav{
    width:min(var(--motiva-desktop-content-width,1560px),calc(100% - (var(--motiva-desktop-gutter,32px) * 2)))!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    border-radius:18px!important;
  }

  header.site .brand{
    flex:0 0 145px!important;
    width:145px!important;
    min-width:145px!important;
    height:50px!important;
    margin-right:4px!important;
  }
  header.site .header-motiva-logo{
    width:145px!important;
    max-width:145px!important;
    max-height:50px!important;
  }

  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    padding:9px 6px!important;
    font-size:.83rem!important;
  }

  header.site .navlinks > a::after,
  header.site .navlinks > .dd > button::after{
    left:6px!important;
    right:6px!important;
    bottom:3px!important;
  }

  header.site .header-social-icons{
    margin-left:3px!important;
    padding-left:7px!important;
    gap:4px!important;
  }

  header.site .header-social-icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }

  header.site .header-social-icon img{width:14px!important;height:14px!important}

  header.site .nav-actions .btn-primary{
    min-height:40px!important;
    padding:0 13px!important;
    font-size:.79rem!important;
  }
}

@media(prefers-reduced-motion:reduce){
  header.site .navlinks > a::after,
  header.site .navlinks > .dd > button::after{
    transition:none!important;
  }
}


/* Header menu readability refinement — slightly larger sitewide navigation text. */
@media(min-width:1121px){
  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    font-size:1.06rem!important;
  }
}
@media(min-width:981px) and (max-width:1120px){
  header.site .navlinks > a,
  header.site .navlinks > .dd > button{
    font-size:.90rem!important;
  }
}

/* ===== mobile-menu-reliability.css ===== */
/* Mobile menu reliability fallback.
   The explicit JS controller applies header.menu-expanded. These rules make that
   state sufficient to open/close the in-header menu even if a touch browser does
   not reliably propagate the hidden checkbox's native label activation. */

@media(max-width:980px){
  header.site,
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site,
  header.site .brand{
    --motiva-header-surface:#FFFFFF;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    background-image:none!important;
  }

  header.site .brand{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:50px!important;
    overflow:visible!important;
  }

  header.site .header-motiva-logo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:5!important;
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    background-color:transparent!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    box-shadow:none!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
  }

  header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - var(--motiva-announcement-height,46px) - var(--motiva-responsive-header-height,76px) - var(--mobile-utility-height,70px) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-top-color:rgba(33,76,59,.10)!important;
    box-shadow:0 18px 30px rgba(33,76,59,.08)!important;
    transform:translateY(0)!important;
    transition:max-height .30s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  header.site.menu-expanded .mobile-menu-icon-open{display:none!important}
  header.site.menu-expanded .mobile-menu-icon-close{display:block!important}
}

@media(max-width:680px){
  header.site .header-motiva-logo{
    width:148px!important;
    max-width:148px!important;
    height:auto!important;
  }
}

@media(min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  header.site,
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site,
  header.site .brand{
    --motiva-header-surface:#FFFFFF;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    background-image:none!important;
  }

  header.site .brand{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  header.site .header-motiva-logo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:5!important;
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    background-color:transparent!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    box-shadow:none!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
  }

  header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - var(--motiva-announcement-height,48px) - 82px)!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-top-color:rgba(33,76,59,.10)!important;
    box-shadow:0 18px 30px rgba(33,76,59,.08)!important;
    transform:translateY(0)!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  header.site.menu-expanded .mobile-menu-icon-open{display:none!important}
  header.site.menu-expanded .mobile-menu-icon-close{display:block!important}
}

/* ===== tablet-landscape-navigation-fix.css ===== */
/* Touch-tablet landscape navigation fix.
   Large tablets can exceed the normal 1120px compact breakpoint in landscape.
   Keep coarse-pointer tablets on the compact hamburger header through 1366px
   so the desktop nav never overlaps on iPad/tablet landscape layouts. */

@media (min-width:1121px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  :root{--motiva-responsive-header-height:76px}

  body.tablet-landscape-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  header.site,
  header.site.menu-expanded{
    position:sticky!important;
    top:var(--motiva-announcement-height,48px)!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:2500!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    box-shadow:none!important;
  }

  header.site.menu-expanded{
    box-shadow:0 12px 28px rgba(33,76,59,.12)!important;
  }

  header.site .nav{
    width:min(100%,calc(100% - 28px))!important;
    height:76px!important;
    min-height:76px!important;
    margin:0 auto!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
  }

  header.site .brand{
    flex:0 0 165px!important;
    width:165px!important;
    min-width:165px!important;
    height:54px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    background:transparent!important;
  }

  header.site .header-motiva-logo{
    display:block!important;
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    opacity:1!important;
  }

  header.site .navlinks,
  header.site .header-social-icons,
  header.site .header-direct-billing,
  header.site .nav-actions .btn-primary{
    display:none!important;
  }

  header.site .nav-actions{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
  }

  header.site .mobile-menu-trigger{
    position:relative!important;
    z-index:120!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 44px!important;
    border:1px solid rgba(33,76,59,.16)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    color:#214C3B!important;
    box-shadow:0 4px 12px rgba(33,76,59,.08)!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }

  header.site .mobile-menu-icon-open{display:block!important}
  header.site .mobile-menu-icon-close{display:none!important}
  header.site.menu-expanded .mobile-menu-icon-open{display:none!important}
  header.site.menu-expanded .mobile-menu-icon-close{display:block!important}

  header.site > .mobile-navigation.mobile-navigation-expanded-header{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    background:#FFFFFF!important;
    border:0!important;
    border-top:1px solid transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateY(-8px)!important;
    transition:max-height .28s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s linear .28s!important;
  }

  header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - var(--motiva-announcement-height,48px) - var(--motiva-responsive-header-height,76px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-top-color:rgba(33,76,59,.10)!important;
    box-shadow:0 18px 30px rgba(33,76,59,.08)!important;
    transform:translateY(0)!important;
    transition:max-height .30s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .24s ease,visibility 0s!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  header.site > .mobile-navigation .mobile-nav-panel{
    width:min(100%,980px)!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:8px 24px 30px!important;
    display:flex!important;
    flex-direction:column!important;
    background:#FFFFFF!important;
  }

  header.site > .mobile-navigation .mobile-nav-row{
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0!important;
    padding:13px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(33,76,59,.11)!important;
    background:transparent!important;
    color:#214C3B!important;
    font-size:1rem!important;
    font-weight:680!important;
    line-height:1.25!important;
    text-align:left!important;
    text-decoration:none!important;
  }

  header.site > .mobile-navigation .mobile-nav-submenu{
    padding:5px 0 9px 16px!important;
    border-bottom:1px solid rgba(33,76,59,.11)!important;
    background:transparent!important;
  }

  header.site > .mobile-navigation .mobile-nav-submenu a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 0!important;
    color:#4B6257!important;
    font-size:.91rem!important;
    font-weight:560!important;
    text-decoration:none!important;
  }

  header.site > .mobile-navigation .mobile-nav-opening{
    min-height:52px!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:14px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #A85F41!important;
    border-radius:13px!important;
    background:#A85F41!important;
    color:#FFFFFF!important;
    font-size:.96rem!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
  }

  /* Tablet landscape does not need the phone-only fixed utility bar. */
  .mobile-utility-bar,
  .mobile-location-panel,
  .mobile-hours-panel{
    display:none!important;
  }
}

/* ===== header-menu-close-stability.css ===== */
/* Compact header close stability.
   Keep the header itself motionless while the hamburger panel opens/closes.
   The menu panel may animate, but the header must not replay a reveal animation
   or transform after the page scroll lock is released mid-page. */

@media (max-width:980px){
  header.site.mobile-header-revealed,
  header.site.menu-expanded,
  header.site.menu-closing,
  header.site.menu-transition-settle,
  #mobile-menu-toggle:checked ~ header.site{
    animation:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* Touch tablets use compact navigation at these widths. Keep the header shell
   pinned and motionless so closing the menu cannot look like a second header is
   sliding or flashing over the first one. */
@media (min-width:981px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  header.site,
  header.site.menu-expanded,
  header.site.menu-closing,
  header.site.menu-transition-settle,
  #mobile-menu-toggle:checked ~ header.site{
    animation:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  header.site .nav{
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ===== typography-refinement.css ===== */
/* Motiva typography refinement — improve readability without making the site bulky.
   Targets meaningful reading copy first; compact metadata remains secondary. */

body{
  font-size:17px;
  line-height:1.66;
}

main#main p,
main#main li{
  line-height:1.64;
}

main#main h1,
main#main h2{
  line-height:1.09;
}

main#main h3,
main#main h4{
  line-height:1.24;
}

/* Tablet keeps a slightly tighter scale than desktop while remaining comfortably readable. */
@media(min-width:681px) and (max-width:980px){
  body{font-size:16.5px;line-height:1.65}
}

/* Desktop/tablet reading copy: comfortably 16.5–18px. */
@media(min-width:681px){
  main#main .lede,
  main#main .condition-overview-copy,
  main#main .condition-what-inline p{
    font-size:1.125rem!important;
  }

  main#main .card p,
  main#main .group-head p,
  main#main .process-step p,
  main#main details.faq p,
  main#main .note-box,
  main#main .founder p,
  main#main .reasons-list li{
    font-size:1.0625rem!important;
  }

  footer.site.footer-refresh .footer-column a,
  footer.site.footer-refresh .footer-visit address strong,
  footer.site.footer-refresh .footer-visit address span{
    font-size:.88rem!important;
  }

  footer.site.footer-refresh .footer-email,
  footer.site.footer-refresh .footer-directions{
    font-size:.84rem!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh,
  footer.site.footer-refresh .footer-bottom-refresh span,
  footer.site.footer-refresh .footer-bottom-refresh a{
    font-size:.78rem!important;
  }
}

/* Phone: meaningful body copy should not feel compressed. */
@media(max-width:680px){
  body{
    font-size:16px;
    line-height:1.64;
  }

  main#main h1,
  main#main h2{
    line-height:1.08;
  }

  .motiva-home-premium .mh-hero h1{
    line-height:1.02!important;
  }

  .motiva-home-premium .mh-hero-lede{
    font-size:.98rem!important;
    line-height:1.50!important;
  }

  .motiva-home-premium .mh-intro{
    font-size:1rem!important;
    line-height:1.55!important;
  }

  .motiva-home-premium .mh-card-copy p{
    font-size:.97rem!important;
    line-height:1.48!important;
  }

  .motiva-home-premium .mh-card .mh-link{
    font-size:.84rem!important;
  }

  .motiva-home-premium .mh-mission-copy{
    font-size:1rem!important;
    line-height:1.62!important;
  }

  .motiva-home-premium .mh-founder-copy p{
    font-size:1rem!important;
    line-height:1.60!important;
  }

  .motiva-home-premium .mh-service-body p{
    font-size:.94rem!important;
    line-height:1.48!important;
  }

  .motiva-home-premium .mh-service-body .mh-link{
    font-size:.84rem!important;
  }

  .motiva-home-premium .mh-kicker{
    font-size:.70rem!important;
  }

  .motiva-home-premium .mh-trust-item,
  .motiva-home-premium .mh-trust-item + .mh-trust-item{
    font-size:.74rem!important;
  }

  main#main .treatments-hub .group-head p{
    font-size:.97rem!important;
    line-height:1.52!important;
  }

  main#main .treatments-hub .card p{
    font-size:.95rem!important;
    line-height:1.48!important;
  }

  main#main .card p,
  main#main .process-step p,
  main#main details.faq p,
  main#main .note-box,
  main#main .founder p,
  main#main .reasons-list li{
    font-size:1rem!important;
    line-height:1.62!important;
  }

  main#main .crumb,
  main#main .founder-role,
  main#main .eyebrow{
    font-size:.78rem!important;
  }

  footer.site.footer-refresh .mobile-footer-section a,
  footer.site.footer-refresh .mobile-footer-section address,
  footer.site.footer-refresh .mobile-footer-section address strong,
  footer.site.footer-refresh .mobile-footer-section address span{
    font-size:.88rem!important;
    line-height:1.50!important;
  }

  footer.site.footer-refresh .footer-mobile-email{
    font-size:.84rem!important;
  }

  footer.site.footer-refresh .footer-social-coming{
    font-size:.78rem!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh,
  footer.site.footer-refresh .footer-bottom-refresh span,
  footer.site.footer-refresh .footer-bottom-refresh a{
    font-size:.80rem!important;
    line-height:1.50!important;
  }
}

/* Small phones keep the same readable floor rather than shrinking legal text. */
@media(max-width:420px){
  footer.site.footer-refresh .footer-bottom-refresh,
  footer.site.footer-refresh .footer-bottom-refresh span,
  footer.site.footer-refresh .footer-bottom-refresh a{
    font-size:.78rem!important;
  }
}

/* ===== sitewide-mobile-tablet-premium-v2.css ===== */
/* ===== SITEWIDE MOBILE + TABLET PREMIUM V2 =====
   Cohesive Motiva responsive design system for all inner pages.
   Desktop >= 981px remains unchanged. 2026-09-24 */
@media(max-width:980px){
  :root{
    --m2-green:#174F3E;
    --m2-green-deep:#103F33;
    --m2-gold:#B79245;
    --m2-gold-dark:#8C6929;
    --m2-cream:#FBF7EF;
    --m2-paper:#FFFFFF;
    --m2-bg:#F7F8F5;
    --m2-ink:#263A32;
    --m2-muted:#66736D;
    --m2-line:#E2E9E4;
    --m2-shadow:0 12px 34px rgba(23,63,52,.075);
  }

  body:not(:has(.motiva-home-premium)){
    background:var(--m2-bg)!important;
    color:var(--m2-ink)!important;
  }

  body:not(:has(.motiva-home-premium)) .announce{
    border-bottom:0!important;
    background:#173F34!important;
  }

  body:not(:has(.motiva-home-premium)) header.site{
    background:transparent!important;
    box-shadow:none!important;
  }

  body:not(:has(.motiva-home-premium)) header.site .nav{
    width:calc(100% - 24px)!important;
    height:68px!important;
    margin:8px auto 0!important;
    padding:0 14px 0 16px!important;
    border:1px solid rgba(23,79,62,.10)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 28px rgba(23,63,52,.08)!important;
    backdrop-filter:blur(14px);
  }

  body:not(:has(.motiva-home-premium)) header.site .brand{
    width:158px!important;
    flex:0 0 158px!important;
    height:52px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site .header-motiva-logo{
    width:158px!important;
    max-width:158px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site .mobile-menu-trigger{
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(23,79,62,.12)!important;
    border-radius:14px!important;
    background:#F4F7F3!important;
    color:var(--m2-green)!important;
  }

  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation.mobile-navigation-expanded-header{
    width:calc(100% - 24px)!important;
    left:12px!important;
    right:12px!important;
    margin-top:7px!important;
    border:1px solid rgba(23,79,62,.10)!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 20px 48px rgba(23,63,52,.14)!important;
    overflow:hidden!important;
  }

  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation .mobile-nav-panel{
    padding:12px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation .mobile-nav-row,
  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation .mobile-nav-opening{
    min-height:52px!important;
    border-radius:13px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation .mobile-nav-row{
    color:#244239!important;
    font-size:.98rem!important;
    font-weight:750!important;
  }

  body:not(:has(.motiva-home-premium)) header.site > .mobile-navigation .mobile-nav-opening{
    margin-top:8px!important;
    background:var(--m2-green)!important;
    color:#FFFFFF!important;
  }

  body:not(:has(.motiva-home-premium)) main#main{
    overflow:hidden!important;
    background:var(--m2-bg)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(.opening-list-section){
    padding-top:40px!important;
    padding-bottom:40px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .wrap,
  body:not(:has(.motiva-home-premium)) main#main .condition-content-wrap,
  body:not(:has(.motiva-home-premium)) main#main .wrap-narrow{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Generic inner-page hero */
  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero){
    width:calc(100% - 24px)!important;
    margin:12px auto 20px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(23,79,62,.10)!important;
    border-radius:26px!important;
    background:
      radial-gradient(circle at 94% 5%,rgba(183,146,69,.12),transparent 30%),
      linear-gradient(145deg,#FFFDF8,#F1F5F1)!important;
    box-shadow:var(--m2-shadow)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) > .wrap{
    width:100%!important;
    padding:34px 30px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .page-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
    gap:26px!important;
    align-items:center!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .crumb{
    margin-bottom:13px!important;
    color:#6A766F!important;
    font-size:.76rem!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .eyebrow{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin-bottom:9px!important;
    padding:6px 10px!important;
    border:1px solid rgba(183,146,69,.28)!important;
    border-radius:999px!important;
    background:#FFF9EC!important;
    color:#7E6129!important;
    font-size:.68rem!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) h1{
    margin:0!important;
    color:var(--m2-green-deep)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(2.65rem,6.3vw,4.2rem)!important;
    font-weight:500!important;
    line-height:.95!important;
    letter-spacing:-.05em!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .title-key-accent{
    color:#A87927!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .lede{
    max-width:720px!important;
    margin-top:15px!important;
    color:#506159!important;
    font-size:.95rem!important;
    line-height:1.58!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .hero-ctas{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin-top:19px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .btn{
    min-height:47px!important;
    padding:11px 18px!important;
    border-radius:14px!important;
    font-size:.88rem!important;
    font-weight:800!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .btn-primary,
  body:not(:has(.motiva-home-premium)) main#main .btn-energy{
    background:var(--m2-green)!important;
    border-color:var(--m2-green)!important;
    color:#FFFFFF!important;
    box-shadow:0 9px 22px rgba(23,79,62,.12)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .btn-ghost{
    background:#FFFFFF!important;
    border-color:rgba(23,79,62,.16)!important;
    color:var(--m2-green)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .page-hero-media{
    overflow:hidden!important;
    max-height:none!important;
    min-height:300px!important;
    border:1px solid rgba(23,79,62,.08)!important;
    border-radius:20px!important;
    background:#E8EEE9!important;
    box-shadow:none!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .page-hero-media img{
    width:100%!important;
    height:100%!important;
    min-height:300px!important;
    object-fit:cover!important;
  }

  /* Section hierarchy */
  body:not(:has(.motiva-home-premium)) main#main .section-head{
    margin-bottom:19px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .section-head > .eyebrow,
  body:not(:has(.motiva-home-premium)) main#main .group-head .eyebrow{
    color:#946F2E!important;
    font-size:.7rem!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .section-head h2,
  body:not(:has(.motiva-home-premium)) main#main .group-head h2,
  body:not(:has(.motiva-home-premium)) main#main .group-head h3{
    color:var(--m2-green-deep)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:500!important;
    letter-spacing:-.035em!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .section-head h2{
    font-size:clamp(2rem,5.2vw,3rem)!important;
    line-height:1.02!important;
  }

  body:not(:has(.motiva-home-premium)) main#main p,
  body:not(:has(.motiva-home-premium)) main#main li{
    color:var(--m2-muted);
  }

  /* Cards / grids */
  body:not(:has(.motiva-home-premium)) main#main .card,
  body:not(:has(.motiva-home-premium)) main#main .condition-cause-item,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-step,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-card,
  body:not(:has(.motiva-home-premium)) main#main .note-box,
  body:not(:has(.motiva-home-premium)) main#main details.faq{
    border:1px solid var(--m2-line)!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 24px rgba(23,63,52,.045)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .grid-3{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card{
    overflow:hidden!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card-media{
    min-height:155px!important;
    max-height:190px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card-media img{
    width:100%!important;
    height:100%!important;
    min-height:155px!important;
    object-fit:cover!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card-body{
    padding:16px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card h3{
    color:var(--m2-green-deep)!important;
    font-size:1rem!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card p{
    color:var(--m2-muted)!important;
    font-size:.82rem!important;
    line-height:1.48!important;
  }

  /* Condition / treatment detail */
  body:not(:has(.motiva-home-premium)) main#main .condition-symptom-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-cause-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-grid,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .condition-cause-item,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-step{
    padding:17px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .condition-cause-item h3,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-step h3,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-card h3{
    color:var(--m2-green-deep)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .pill-grid{
    gap:8px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .pill{
    border:1px solid rgba(23,79,62,.10)!important;
    border-radius:999px!important;
    background:#F5F8F5!important;
    color:#36564B!important;
  }

  body:not(:has(.motiva-home-premium)) main#main details.faq{
    margin-bottom:9px!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body:not(:has(.motiva-home-premium)) main#main details.faq summary{
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    padding:15px 17px!important;
    color:#29483D!important;
    font-weight:800!important;
  }

  body:not(:has(.motiva-home-premium)) main#main details.faq p{
    padding:0 17px 17px!important;
    color:var(--m2-muted)!important;
    font-size:.88rem!important;
  }

  /* Conditions finder / hub */
  body:not(:has(.motiva-home-premium)) main#main > .care-finder-section{
    padding:30px 0 42px!important;
    background:var(--m2-bg)!important;
  }

  body:not(:has(.motiva-home-premium)) .care-finder-titlebar{
    margin-bottom:18px!important;
  }

  body:not(:has(.motiva-home-premium)) .care-finder-layout{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:14px!important;
  }

  body:not(:has(.motiva-home-premium)) .care-map-card,
  body:not(:has(.motiva-home-premium)) .care-results-panel,
  body:not(:has(.motiva-home-premium)) .care-browse-all{
    border:1px solid var(--m2-line)!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 28px rgba(23,63,52,.055)!important;
  }

  body:not(:has(.motiva-home-premium)) .care-map-card,
  body:not(:has(.motiva-home-premium)) .care-results-panel{
    padding:18px!important;
  }

  body:not(:has(.motiva-home-premium)) .care-specialty-chip{
    border-radius:999px!important;
    border-color:rgba(23,79,62,.12)!important;
    background:#F6F8F5!important;
    color:#38564B!important;
  }

  body:not(:has(.motiva-home-premium)) .care-result-link{
    min-height:46px!important;
    border-radius:12px!important;
  }

  /* Team / founder */
  body:not(:has(.motiva-home-premium)) main#main .founder{
    display:grid!important;
    grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder-photo{
    max-width:none!important;
    min-height:330px!important;
    overflow:hidden!important;
    border-radius:22px!important;
    box-shadow:var(--m2-shadow)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder-photo img{
    width:100%!important;
    height:100%!important;
    min-height:330px!important;
    object-fit:cover!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder > :not(.founder-photo){
    padding:22px!important;
    border:1px solid var(--m2-line)!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
  }

  /* Opening list */
  body:not(:has(.motiva-home-premium)) main#main > .opening-list-hero{
    width:calc(100% - 24px)!important;
    margin:12px auto 0!important;
    padding:32px 0 26px!important;
    border:1px solid rgba(23,79,62,.10)!important;
    border-radius:26px 26px 0 0!important;
    background:linear-gradient(145deg,#FFFDF8,#EEF4F0)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .opening-list-section{
    padding:24px 0 42px!important;
    background:var(--m2-bg)!important;
  }

  body:not(:has(.motiva-home-premium)) .opening-list-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
    gap:14px!important;
  }

  body:not(:has(.motiva-home-premium)) .opening-list-benefits,
  body:not(:has(.motiva-home-premium)) .opening-list-form-card{
    padding:22px!important;
    border:1px solid var(--m2-line)!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 28px rgba(23,63,52,.055)!important;
  }

  /* Form controls sitewide */
  body:not(:has(.motiva-home-premium)) main#main input,
  body:not(:has(.motiva-home-premium)) main#main select,
  body:not(:has(.motiva-home-premium)) main#main textarea{
    min-height:48px!important;
    border:1px solid #CBD8D1!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    color:#263A32!important;
    font-size:.92rem!important;
  }

  body:not(:has(.motiva-home-premium)) main#main textarea{
    min-height:125px!important;
  }

  /* Footer */
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh{
    margin-top:0!important;
    background:#103F33!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer{
    display:grid!important;
    gap:10px!important;
    padding-top:28px!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-brand,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section{
    padding:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.045)!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section h4{
    color:#E4C477!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section a,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section address,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section p{
    color:#EEF5F1!important;
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    width:auto!important;
    min-height:62px!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    background:#174F3E!important;
    box-shadow:0 15px 38px rgba(23,63,52,.24)!important;
    backdrop-filter:blur(16px);
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item{
    min-height:48px!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#FFFFFF!important;
    font-weight:750!important;
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item + .mobile-utility-item{
    border-left:1px solid rgba(255,255,255,.20)!important;
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item span,
  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item svg{
    color:#FFFFFF!important;
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item:first-child,
  body:not(:has(.motiva-home-premium)) .mobile-utility-bar .mobile-utility-item[aria-expanded="true"]{
    background:rgba(255,255,255,.10)!important;
    color:#FFFFFF!important;
  }
}

@media(max-width:680px){
  body:not(:has(.motiva-home-premium)) header.site .nav{
    width:calc(100% - 20px)!important;
    height:64px!important;
    margin-top:6px!important;
    border-radius:18px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site .brand{
    width:150px!important;
    flex-basis:150px!important;
  }

  body:not(:has(.motiva-home-premium)) header.site .header-motiva-logo{
    width:150px!important;
    max-width:150px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .wrap,
  body:not(:has(.motiva-home-premium)) main#main .condition-content-wrap,
  body:not(:has(.motiva-home-premium)) main#main .wrap-narrow{
    width:calc(100% - 28px)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero){
    width:calc(100% - 20px)!important;
    margin:10px auto 16px!important;
    border-radius:24px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) > .wrap{
    padding:24px 18px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .page-hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:17px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) h1{
    font-size:clamp(2.15rem,10.5vw,3rem)!important;
    line-height:.96!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .lede{
    font-size:.88rem!important;
    line-height:1.52!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .hero-ctas{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero) .hero-ctas .btn{
    width:100%!important;
    justify-content:center!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .page-hero-media{
    width:100%!important;
    min-height:220px!important;
    border-radius:18px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .page-hero-media img{
    min-height:220px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > section:not(.page-hero):not(.final-cta):not(.care-finder-section):not(.opening-list-section){
    padding-top:32px!important;
    padding-bottom:32px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .section-head h2{
    font-size:clamp(1.85rem,8.8vw,2.45rem)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .grid-3,
  body:not(:has(.motiva-home-premium)) main#main .condition-symptom-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-cause-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-grid,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card{
    border-radius:18px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card-media{
    min-height:150px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .card-body{
    padding:15px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .condition-cause-item,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-step{
    padding:15px!important;
    border-radius:16px!important;
  }

  body:not(:has(.motiva-home-premium)) .care-finder-layout{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body:not(:has(.motiva-home-premium)) .care-map-card,
  body:not(:has(.motiva-home-premium)) .care-results-panel{
    padding:15px!important;
    border-radius:18px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder{
    display:block!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder-photo{
    min-height:245px!important;
    border-radius:20px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder-photo img{
    min-height:245px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .founder > :not(.founder-photo){
    margin-top:10px!important;
    padding:18px!important;
    border-radius:20px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main > .opening-list-hero{
    width:calc(100% - 20px)!important;
    margin-top:10px!important;
    padding:24px 0 20px!important;
    border-radius:24px 24px 0 0!important;
  }

  body:not(:has(.motiva-home-premium)) .opening-list-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body:not(:has(.motiva-home-premium)) .opening-list-benefits,
  body:not(:has(.motiva-home-premium)) .opening-list-form-card{
    padding:18px!important;
    border-radius:18px!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer{
    padding-top:24px!important;
  }

  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-brand,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section{
    padding:16px!important;
    border-radius:16px!important;
  }

  body:not(:has(.motiva-home-premium)) .mobile-utility-bar{
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    min-height:58px!important;
    border-radius:18px!important;
  }
}


/* ===== Footer parity with Home page =====
   All inner pages intentionally use the exact same responsive footer treatment as Home. */
@media(max-width:980px){
  footer.site.footer-refresh{
    padding:18px 0 12px!important;
    border-top:1px solid rgba(33,76,59,.10)!important;
    background:linear-gradient(118deg,#F7F3EA 0%,#FBF8F4 58%,#F5F0E5 100%)!important;
    color:#214C3B!important;
  }

  footer.site.footer-refresh .footer-main-grid{
    display:none!important;
  }

  footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 28px!important;
    padding-top:0!important;
  }

  footer.site.footer-refresh .mobile-footer-brand{
    grid-column:1 / -1!important;
    max-width:none!important;
    margin:0 0 9px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  footer.site.footer-refresh .mobile-footer-logo-panel{
    display:block!important;
    width:min(270px,76vw)!important;
    margin:0 0 3px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  footer.site.footer-refresh .footer-social-mobile{
    width:min(360px,100%)!important;
    margin-top:3px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(33,76,59,.14)!important;
  }

  footer.site.footer-refresh .mobile-footer-section{
    padding:13px 0 11px!important;
    border:0!important;
    border-top:1px solid rgba(33,76,59,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  footer.site.footer-refresh .mobile-footer-section h4{
    margin:0 0 10px!important;
    color:#214C3B!important;
    font-size:.90rem!important;
  }

  footer.site.footer-refresh .mobile-footer-section h4::after{
    width:26px!important;
    margin-top:6px!important;
    background:#D1AA63!important;
  }

  footer.site.footer-refresh .mobile-footer-section li{
    margin-bottom:6px!important;
  }

  footer.site.footer-refresh .mobile-footer-section a{
    color:#3F574C!important;
  }

  footer.site.footer-refresh .mobile-footer-section address,
  footer.site.footer-refresh .mobile-footer-section address strong,
  footer.site.footer-refresh .mobile-footer-section address span{
    color:#3F574C!important;
  }

  footer.site.footer-refresh .mobile-footer-section address strong{
    color:#214C3B!important;
  }

  footer.site.footer-refresh .mobile-footer-section address span{
    color:#50695D!important;
  }

  footer.site.footer-refresh .mobile-footer-section .footer-landmark{
    color:#9A7430!important;
  }

  footer.site.footer-refresh .mobile-footer-section .footer-directions{
    color:#8B6826!important;
  }

  footer.site.footer-refresh .mobile-footer-section .footer-mobile-email{
    color:#3F574C!important;
  }

  footer.site.footer-refresh .mobile-footer-visit{
    grid-column:1 / -1!important;
    border-bottom:1px solid rgba(33,76,59,.13)!important;
  }

  footer.site.footer-refresh .mobile-footer-visit .footer-mobile-email{
    display:block!important;
    margin-top:5px!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh{
    margin-top:11px!important;
    padding-top:9px!important;
    border-top:1px solid rgba(33,76,59,.14)!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh,
  footer.site.footer-refresh .footer-bottom-refresh span,
  footer.site.footer-refresh .footer-bottom-refresh a{
    color:#5C7066!important;
  }
}

@media(max-width:620px){
  footer.site.footer-refresh{
    padding-top:16px!important;
  }

  footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  footer.site.footer-refresh .mobile-footer-brand,
  footer.site.footer-refresh .mobile-footer-visit{
    grid-column:auto!important;
  }

  footer.site.footer-refresh .mobile-footer-brand{
    margin-bottom:7px!important;
  }

  footer.site.footer-refresh .mobile-footer-logo-panel{
    width:min(245px,78vw)!important;
  }

  footer.site.footer-refresh .mobile-footer-section{
    padding:11px 0 10px!important;
    border-radius:0!important;
    background:transparent!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh{
    display:block!important;
    text-align:left!important;
  }

  footer.site.footer-refresh .footer-bottom-refresh span{
    display:block!important;
    margin-top:4px!important;
  }
}


/* Final footer specificity correction — inner pages must exactly match Home. */
@media(max-width:980px){
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh{
    padding:18px 0 12px!important;
    border-top:1px solid rgba(33,76,59,.10)!important;
    background:linear-gradient(118deg,#F7F3EA 0%,#FBF8F4 58%,#F5F0E5 100%)!important;
    color:#214C3B!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 28px!important;
    padding-top:0!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-brand{
    grid-column:1 / -1!important;
    margin:0 0 9px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section{
    padding:13px 0 11px!important;
    border:0!important;
    border-top:1px solid rgba(33,76,59,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section h4{
    color:#214C3B!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section a,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section address{
    color:#3F574C!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section address strong{
    color:#214C3B!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section address span{
    color:#50695D!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section .footer-landmark{
    color:#9A7430!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section .footer-directions{
    color:#8B6826!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section .footer-mobile-email{
    color:#3F574C!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-visit{
    grid-column:1 / -1!important;
    border-bottom:1px solid rgba(33,76,59,.13)!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .footer-bottom-refresh,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .footer-bottom-refresh span,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .footer-bottom-refresh a{
    color:#5C7066!important;
  }
}
@media(max-width:620px){
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh{
    padding-top:16px!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer.footer-mobile-refresh{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-brand,
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-visit{
    grid-column:auto!important;
  }
  body:not(:has(.motiva-home-premium)) footer.site.footer-refresh .mobile-footer-section{
    padding:11px 0 10px!important;
  }
}


/* Final phone service-hub readability override. */
@media(max-width:680px){
  body:not(:has(.motiva-home-premium)) main#main .treatments-hub .card p{
    font-size:.88rem!important;
    line-height:1.44!important;
  }
}

/* ===== SITEWIDE MOBILE VISUAL PARITY — 2026-09-27 ===== */
@media(max-width:680px){
  html,body{overflow-x:hidden}
  body{
    background:#F8F6F1!important;
  }

  body:not(:has(.motiva-home-premium)) main#main{
    margin:0!important;
    padding:0!important;
    background:#F8F6F1!important;
  }

  /* Shared premium mobile hero treatment */
  body:not(:has(.motiva-home-premium)) main#main > .page-hero:not(.opening-list-hero){
    width:calc(100% - 20px)!important;
    margin:10px auto 16px!important;
    overflow:hidden!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 92% 5%,rgba(183,146,69,.13),transparent 28%),
      linear-gradient(145deg,#FCF9F5 0%,#FBF8F4 55%,#EEF3EE 100%)!important;
    box-shadow:0 15px 38px rgba(25,66,51,.09)!important;
  }

  /* Consistent section rhythm */
  body:not(:has(.motiva-home-premium)) main#main > section:not(.page-hero):not(.final-cta):not(.opening-list-section){
    margin:0!important;
    padding-top:32px!important;
    padding-bottom:32px!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .section-head{
    margin-bottom:16px!important;
  }

  /* Shared card language */
  body:not(:has(.motiva-home-premium)) main#main .card,
  body:not(:has(.motiva-home-premium)) main#main .condition-cause-item,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-step,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-card,
  body:not(:has(.motiva-home-premium)) main#main .care-map-card,
  body:not(:has(.motiva-home-premium)) main#main .care-results-panel,
  body:not(:has(.motiva-home-premium)) main#main .opening-list-benefits,
  body:not(:has(.motiva-home-premium)) main#main .opening-list-form-card{
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 28px rgba(25,66,51,.07)!important;
  }

  body:not(:has(.motiva-home-premium)) main#main .page-hero-media,
  body:not(:has(.motiva-home-premium)) main#main .card-media,
  body:not(:has(.motiva-home-premium)) main#main .founder-photo{
    overflow:hidden!important;
    border-radius:18px!important;
  }

  /* Consistent mobile CTA treatment */
  body:not(:has(.motiva-home-premium)) main#main .btn,
  body:not(:has(.motiva-home-premium)) main#main .btn-primary,
  body:not(:has(.motiva-home-premium)) main#main .btn-energy,
  body:not(:has(.motiva-home-premium)) main#main .detail-opening-button{
    min-height:48px!important;
    border-radius:14px!important;
  }

  /* Keep all mobile grids comfortably separated */
  body:not(:has(.motiva-home-premium)) main#main .grid-3,
  body:not(:has(.motiva-home-premium)) main#main .condition-symptom-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-cause-grid,
  body:not(:has(.motiva-home-premium)) main#main .condition-approach-grid,
  body:not(:has(.motiva-home-premium)) main#main .related-treatment-grid{
    gap:10px!important;
  }
}

/* DETAIL PAGE PHONE RELIABILITY — 2026-09-28
   Scope only Treatment/Condition detail pages via their shared .condition-motiva-help structure.
   Preserve the broader inner-page visual system while standardizing 390px detail rendering. */
@media(max-width:680px){
  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main > .page-hero:not(.opening-list-hero) h1{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    line-height:1.04!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main > .page-hero:not(.opening-list-hero) .lede{
    font-size:15px!important;
    line-height:1.55!important;
  }

  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main .page-hero-media{
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
  }

  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main .page-hero-media img{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
  }
}

@media(max-width:390px){
  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main > .page-hero:not(.opening-list-hero) h1{
    font-size:1.95rem!important;
  }

  body:not(:has(.motiva-home-premium)):has(.condition-motiva-help) main#main .page-hero-media{
    height:185px!important;
    min-height:185px!important;
    max-height:185px!important;
  }
}

/* ===== sitewide-premium-polish.css ===== */
/* Motiva site-wide premium polish.
   Purposefully restrained: improve depth, consistency and interaction without
   changing the approved palette, page structure or responsive ownership. */

:root{
  --motiva-green-deep:#214C3B;
  --motiva-green:#2F6650;
  --motiva-cream:#FBF8F4;
  --motiva-sage:#F1F5F1;
  --motiva-gold:#D1AA63;
  --motiva-copper:#A85F41;
  --motiva-ink:#303632;
  --motiva-shadow-rest:0 8px 24px rgba(33,76,59,.08);
  --motiva-shadow-hover:0 16px 34px rgba(33,76,59,.13);
  --motiva-radius-premium:16px;
}

/* Final sitewide header consistency guard.
   Every generated page uses the same shared header markup. These late rules
   prevent page-specific styles from hiding or clipping a top-level item on
   real desktop pointer devices, while leaving touch-tablet compact navigation
   under responsive-navigation.css ownership. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  header.site .nav{overflow:visible!important}
  header.site .navlinks{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    overflow:visible!important;
  }
  header.site .navlinks > a,
  header.site .navlinks > .dd{
    flex:0 0 auto!important;
    visibility:visible!important;
    opacity:1!important;
  }
  header.site .navlinks > a[href="/careers/"],
  header.site .navlinks > a[href="/contact/"]{
    display:inline-flex!important;
    align-items:center!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Keep top-level navigation readable after a page has been visited.
     Some older/global link-state rules can otherwise make Careers or Contact
     appear to disappear after navigation. */
  header.site .navlinks > a,
  header.site .navlinks > a:link,
  header.site .navlinks > a:visited{
    color:#355548!important;
    text-decoration:none!important;
  }
  header.site .navlinks > a:hover,
  header.site .navlinks > a:focus-visible,
  header.site .navlinks > a:active{
    color:#214C3B!important;
  }
}

/* The compact/mobile header must also keep visited top-level links visible. */
header.site > .mobile-navigation .mobile-nav-row:link,
header.site > .mobile-navigation .mobile-nav-row:visited{
  color:#214C3B!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Keep important reading copy confident rather than washed-out grey. */
main :where(p,li,address){
  text-rendering:optimizeLegibility;
}

/* Premium interactive depth is desktop/pointer-only. Touch layouts remain stable. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  main :where(
    .mh-card,.mh-service-card,.mh-step,.mh-opening,
    .home-path-card,.featured-care-card,.process-step,
    .treatments-hub .card,.condition-card,.condition-symptom-grid li,
    .condition-treatment-card,.condition-faq details,
    .career-card,.role-card,.contact-card,.info-card
  ){
    transition:
      transform .34s cubic-bezier(.22,.68,.24,1),
      box-shadow .34s ease,
      border-color .28s ease;
  }

  main :where(
    .mh-card,.mh-service-card,
    .home-path-card,.featured-care-card,
    .treatments-hub .card,.condition-card,
    .condition-treatment-card,.career-card,.role-card,.contact-card,.info-card
  ):hover{
    transform:translateY(-4px);
    box-shadow:var(--motiva-shadow-hover)!important;
  }

  /* Selected large/card photography gets only a 2.5% scale, never a dramatic zoom. */
  main :where(
    .mh-hero-media,.mh-founder-photo,.mh-service-media,
    .featured-care-media,.card-media,.condition-hero-media,
    .treatment-hero-media,.founder-photo,.process-image
  ){
    overflow:hidden;
  }
  main :where(
    .mh-hero-media,.mh-founder-photo,.mh-service-media,
    .featured-care-media,.card-media,.condition-hero-media,
    .treatment-hero-media,.founder-photo,.process-image
  ) img{
    transition:transform .55s cubic-bezier(.22,.68,.24,1);
  }
  main :where(
    .mh-service-card,.featured-care-card,.treatments-hub .card,
    .condition-card,.founder,.mh-founder
  ):hover :where(
    .mh-service-media,.featured-care-media,.card-media,
    .condition-hero-media,.founder-photo,.mh-founder-photo
  ) img{
    transform:scale(1.025);
  }

  /* Arrow movement gives buttons/links feedback without moving the control itself. */
  main :where(
    .btn,.mh-button,.mh-link,.footer-directions,
    .home-careers-action,.card-link,.learn-more
  ) :where(span,b)[aria-hidden="true"],
  main :where(.mh-button,.mh-link,.home-careers-action)::after{
    transition:transform .22s ease;
  }
  main :where(.btn,.mh-button,.mh-link,.home-careers-action,.card-link,.learn-more):hover
  :where(span,b)[aria-hidden="true"]{
    transform:translateX(4px);
  }
}

/* Subtle surface rhythm for long clinical detail pages. Existing section
   spacing/layout remains the owner; these are color-only refinements. */
main :where(
  .treatment-understanding,.condition-motiva-help,
  .condition-approach,.condition-faq
){
  background-color:var(--motiva-cream);
}
main :where(
  .treatment-help,.condition-symptoms,
  .condition-causes,.condition-treatments
){
  background-color:var(--motiva-sage);
}

/* A quiet gold accent under section headings. Avoid adding it where an existing
   component already owns a decorative heading rule. */
main :where(
  .treatment-understanding,.treatment-help,.condition-causes,
  .condition-approach,.condition-faq,.condition-treatments
) > :where(.wrap,.container) > h2::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:12px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--motiva-gold),rgba(209,170,99,.18));
}

/* Desktop entrance motion uses the same calm language as Motiva mobile motion. */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  html.motiva-motion-ready .motiva-reveal{
    opacity:0;
    transform:translate3d(0,12px,0);
    transition:
      opacity .42s ease var(--motion-delay,0ms),
      transform .46s cubic-bezier(.22,.68,.24,1) var(--motion-delay,0ms);
    will-change:opacity,transform;
  }
  html.motiva-motion-ready .motiva-reveal.motiva-soft-scale{
    transform:translate3d(0,8px,0) scale(.992);
  }
  html.motiva-motion-ready .motiva-reveal.is-visible,
  html.motiva-motion-ready .motiva-reveal.motiva-soft-scale.is-visible{
    opacity:1;
    transform:none;
    will-change:auto;
  }
}

@media (prefers-reduced-motion:reduce){
  main *,main *::before,main *::after{
    scroll-behavior:auto!important;
  }
  html.motiva-motion-ready .motiva-reveal,
  html.motiva-motion-ready .motiva-reveal.motiva-soft-scale{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ===== mobile-landscape-polish.css ===== */
/* Motiva phone-landscape polish.
   Phones in landscape have plenty of horizontal room but very little vertical room.
   This final layer removes persistent chrome, compacts the header and converts the
   homepage hero into a purpose-built short horizontal layout. */

@media (orientation:landscape) and (max-width:980px) and (max-height:500px){
  html,body{overflow-x:hidden!important}
  body{padding-top:0!important}

  /* Reclaim vertical space. */
  body .announce,
  body .mobile-utility-bar,
  body .mobile-hours-panel{display:none!important}

  /* Keep the landscape header stable and opaque. Scroll-reveal classes must not
     turn it into a second floating/blurred layer or leave a blank header slot. */
  body header.site,
  body header.site.mobile-header-revealed,
  body header.site.menu-closing,
  body header.site.menu-transition-settle{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-height:58px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Only the actively opened hamburger menu may pin the header to the top. */
  body header.site.menu-expanded,
  body #mobile-menu-toggle:checked ~ header.site{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    background:#FFFFFF!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:2800!important;
  }
  body header.site .nav{
    width:calc(100% - 20px)!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0 12px!important;
    border-radius:0!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body header.site .brand{
    width:145px!important;
    flex:0 0 145px!important;
    height:46px!important;
  }
  body header.site .header-motiva-logo{
    width:145px!important;
    max-width:145px!important;
    max-height:46px!important;
  }
  body header.site .mobile-menu-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
    border-radius:11px!important;
  }

  /* Landscape menu uses the full available screen under the compact header. */
  body header.site > .mobile-navigation.mobile-navigation-expanded-header,
  body header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header,
  body #mobile-menu-toggle:checked ~ header.site > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - 58px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body header.site > .mobile-navigation .mobile-nav-panel{
    padding:4px 18px 16px!important;
  }
  body header.site > .mobile-navigation .mobile-nav-row{
    min-height:42px!important;
    padding:9px 2px!important;
    font-size:.92rem!important;
  }
  body header.site > .mobile-navigation .mobile-nav-submenu a{
    min-height:38px!important;
    padding:7px 0!important;
    font-size:.86rem!important;
  }
  body header.site > .mobile-navigation .mobile-nav-opening{
    min-height:42px!important;
    margin-top:8px!important;
    padding:9px 14px!important;
  }

  /* Keep social icons compact on short landscape screens. */
  body header.site > .mobile-navigation .mobile-nav-social-only{
    margin-top:10px!important;
    padding-top:10px!important;
  }
  body header.site > .mobile-navigation .mobile-nav-social-buttons{
    gap:8px!important;
  }
  body header.site > .mobile-navigation .mobile-nav-social-button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
  }
  body header.site > .mobile-navigation .mobile-nav-social-button img{
    width:17px!important;
    height:17px!important;
  }

  /* Location panel remains usable if opened before rotation. */
  body .mobile-location-panel{
    top:8px!important;
    bottom:8px!important;
    max-height:calc(100dvh - 16px)!important;
    overflow-y:auto!important;
  }

  /* HOMEPAGE: avoid the tall tablet card treatment on a short phone screen. */
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero{
    width:calc(100% - 20px)!important;
    margin:6px auto 18px!important;
    border-radius:18px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr)!important;
    min-height:278px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-copy{
    padding:20px 22px 18px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-kicker{
    padding:4px 8px!important;
    font-size:.62rem!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero h1{
    margin-top:9px!important;
    font-size:clamp(2rem,5vw,2.7rem)!important;
    line-height:.96!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-lede{
    margin-top:10px!important;
    font-size:.82rem!important;
    line-height:1.42!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-support,
  body:has(.motiva-home-premium) .motiva-home-premium .mh-trust-row{
    display:none!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-actions{
    gap:8px!important;
    margin-top:13px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-button{
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:.80rem!important;
    border-radius:11px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-media,
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-media img{
    min-height:278px!important;
    height:278px!important;
  }
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero-mobile-media{
    display:none!important;
  }

  /* Short-screen spacing for the rest of the site. Keep the first hero tight to
     the compact header instead of inheriting portrait/tablet top gaps. */
  main .page-hero,
  main .careers-hero,
  main .mc-contact-hero,
  main .am-hero{
    margin-top:0!important;
    padding-top:24px!important;
    padding-bottom:28px!important;
    min-height:0!important;
  }
  main section:not(.mh-hero){
    scroll-margin-top:66px!important;
  }

  /* Avoid oversized fixed/sticky conversion UI on short landscape screens. */
  body .mobile-bottom-cta,
  body .detail-opening-rail{display:none!important}
}

/* ===== tablet-final-responsive.css ===== */
/* Final tablet portrait + landscape responsive layer.
   Keeps touch tablets on compact navigation and prevents tablet layouts from
   inheriting cramped desktop or oversized phone treatments. */

/* Tablet portrait: 681-980px. Keep these rules portrait-only so they never
   override the dedicated short-screen mobile-landscape layout. */
@media (min-width:681px) and (max-width:980px) and (orientation:portrait){
  html,body{overflow-x:hidden!important}
  /* The announcement bar is fixed on compact layouts. Preserve its reserved
     space so the tablet header starts immediately below it instead of sliding
     underneath/overlapping it. */
  body{padding-top:var(--motiva-announcement-height,46px)!important}
  main{margin-top:0!important;padding-top:0!important}
  main > section:first-child{margin-top:0!important}

  /* Keep the portrait header stable and fully opaque. Prevent the scroll-reveal
     state from creating a second translucent/blurred header layer. */
  header.site,
  header.site.mobile-header-revealed,
  header.site.menu-closing,
  header.site.menu-transition-settle{
    transform:none!important;
    animation:none!important;
    transition:none!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Safari can briefly paint a 1px compositing seam when the sticky header is
     revealed while scrolling upward. Remove decorative/pseudo divider layers
     from the tablet portrait header entirely. */
  header.site::before,
  header.site::after,
  header.site .nav::before,
  header.site .nav::after{
    display:none!important;
    content:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  header.site .nav{
    width:calc(100% - 24px)!important;
    height:72px!important;
    min-height:72px!important;
    margin:0 auto!important;
    padding:0 16px!important;
    border:0!important;
    outline:0!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  header.site .brand{
    width:165px!important;
    flex:0 0 165px!important;
    height:54px!important;
  }
  header.site .header-motiva-logo{
    width:165px!important;
    max-width:165px!important;
  }
  header.site .mobile-menu-trigger{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  header.site > .mobile-navigation.mobile-navigation-expanded-header{
    width:calc(100% - 24px)!important;
    margin:4px auto 0!important;
    border-radius:18px!important;
    max-height:calc(100dvh - var(--motiva-announcement-height,46px) - 88px)!important;
    overflow-y:auto!important;
    background:#FFFFFF!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* When the menu is closed, collapse it completely. This prevents its old
     transparent top border from being promoted to a visible horizontal line
     during the scroll-up reveal state. */
  #mobile-menu-toggle:not(:checked) ~ header.site > .mobile-navigation.mobile-navigation-expanded-header{
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #mobile-menu-toggle:not(:checked) ~ header.site > .mobile-navigation.mobile-navigation-expanded-header .mobile-nav-panel{
    height:0!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  header.site > .mobile-navigation .mobile-nav-panel{
    width:100%!important;
    padding:10px 22px 26px!important;
  }

  main .wrap,
  .motiva-home-premium .wrap{
    width:calc(100% - 40px)!important;
    max-width:none!important;
  }

  /* Remove oversized top gaps inherited from generic mobile hero spacing. */
  main .hero,
  main .page-hero,
  main .careers-hero,
  main .mc-contact-hero,
  main .am-hero,
  main .opening-list-hero,
  main .conditions-hub,
  main .services-hero{
    margin-top:0!important;
  }

  /* Homepage hero: clean two-column tablet layout. */
  .motiva-home-premium .mh-hero{
    width:calc(100% - 24px)!important;
    margin:8px auto 24px!important;
  }
  .motiva-home-premium .mh-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr)!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .motiva-home-premium .mh-hero-copy{
    padding:34px 28px 30px!important;
  }
  .motiva-home-premium .mh-hero h1{
    font-size:clamp(2.55rem,6vw,3.7rem)!important;
    line-height:.98!important;
  }
  .motiva-home-premium .mh-hero-lede{
    font-size:1rem!important;
    line-height:1.58!important;
  }
  .motiva-home-premium .mh-hero-media{
    min-height:360px!important;
  }
  .motiva-home-premium .mh-hero-media img{
    min-height:360px!important;
  }
  .motiva-home-premium .mh-trust-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Keep common content grids balanced at tablet width. */
  .motiva-home-premium .mh-help-grid,
  .motiva-home-premium .mh-first-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .motiva-home-premium .mh-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* Conditions hub: the body-map labels need more horizontal room than a
     two-column control layout provides at tablet portrait width. Stack Focused
     Care below the body map so it cannot collide with the Conditions & Concerns
     results panel. */
  .conditions-hub .care-finder-layout{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .conditions-hub .care-map-card{
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
  }
  .conditions-hub .care-control-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .conditions-hub .care-body-column{
    width:100%!important;
    min-width:0!important;
  }
  .conditions-hub .body-map-wrap{
    max-width:320px!important;
    margin:0 auto!important;
  }
  .conditions-hub .care-specialty-block{
    width:100%!important;
    margin:0!important;
    padding:20px 0 0!important;
    border-left:0!important;
    border-top:1px solid var(--line)!important;
  }
  .conditions-hub .care-specialty-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .conditions-hub .care-results-panel{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    position:relative!important;
    z-index:1!important;
  }
  .conditions-hub .care-results-head{
    align-items:flex-start!important;
  }
}

/* Touch-tablet landscape: keep compact navigation through 1366px. */
@media (min-width:981px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  html,body{overflow-x:hidden!important}

  /* Do not let desktop floating-header rules win on touch tablets. */
  header.site,
  header.site.menu-expanded,
  header.site.menu-closing,
  header.site.menu-transition-settle{
    position:sticky!important;
    top:var(--motiva-announcement-height,48px)!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#FFFFFF!important;
    transform:none!important;
    animation:none!important;
  }
  header.site .nav{
    width:calc(100% - 28px)!important;
    height:72px!important;
    min-height:72px!important;
    margin:8px auto 0!important;
    padding:0 18px!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 22px rgba(33,76,59,.07)!important;
  }
  header.site .brand{
    width:165px!important;
    flex:0 0 165px!important;
    height:54px!important;
    margin:0!important;
  }
  header.site .header-motiva-logo{
    width:165px!important;
    max-width:165px!important;
  }
  header.site .navlinks,
  header.site .header-social-icons,
  header.site .header-direct-billing,
  header.site .nav-actions .btn-primary{
    display:none!important;
  }
  header.site .mobile-menu-trigger{display:grid!important}

  header.site > .mobile-navigation.mobile-navigation-expanded-header{
    width:calc(100% - 28px)!important;
    margin:6px auto 0!important;
    border:1px solid rgba(33,76,59,.10)!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    max-height:0!important;
    overflow:hidden!important;
  }
  header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header,
  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation.mobile-navigation-expanded-header{
    max-height:calc(100dvh - var(--motiva-announcement-height,48px) - 96px)!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Keep tablet-landscape social buttons proportional to the compact menu. */
  header.site > .mobile-navigation .mobile-nav-social-only{
    margin-top:12px!important;
    padding-top:12px!important;
  }
  header.site > .mobile-navigation .mobile-nav-social-buttons{
    gap:9px!important;
  }
  header.site > .mobile-navigation .mobile-nav-social-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
  }
  header.site > .mobile-navigation .mobile-nav-social-button img{
    width:18px!important;
    height:18px!important;
  }

  /* Phone-only bottom utility is unnecessary on a wide tablet. */
  .mobile-utility-bar,
  .mobile-location-panel,
  .mobile-hours-panel{
    display:none!important;
  }

  main .wrap,
  .motiva-home-premium .wrap{
    width:calc(100% - 56px)!important;
    max-width:1180px!important;
  }

  /* Keep the homepage hero on the same 28px outer gutter as the Services and
     closing wrappers. The hero's own .wrap then fills that aligned section. */
  .motiva-home-premium .mh-hero{
    width:calc(100% - 56px)!important;
    margin:16px auto 28px!important;
  }
  .motiva-home-premium .mh-hero > .wrap{
    width:100%!important;
    max-width:none!important;
  }
  .motiva-home-premium .mh-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .motiva-home-premium .mh-hero-copy{
    padding:38px 34px 34px!important;
  }
  .motiva-home-premium .mh-hero h1{
    font-size:clamp(3rem,5.1vw,4.35rem)!important;
    line-height:.98!important;
  }
  .motiva-home-premium .mh-hero-lede{
    font-size:1.02rem!important;
  }
  .motiva-home-premium .mh-hero-media,
  .motiva-home-premium .mh-hero-media img{
    min-height:390px!important;
  }
  .motiva-home-premium .mh-help-grid,
  .motiva-home-premium .mh-services-grid,
  .motiva-home-premium .mh-first-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ===== mobile-landscape-gap-final.css ===== */
/* Final phone-landscape header-to-hero gap fix.
   This layer runs after tablet rules and collapses the closed mobile menu shell so
   it cannot reserve invisible height between the compact header and page content. */
@media (orientation:landscape) and (max-width:980px) and (max-height:500px){
  body{padding-top:0!important}
  main{margin-top:0!important;padding-top:0!important}
  main > section:first-child{margin-top:0!important}

  /* Closed hamburger panel must occupy zero layout height. */
  body header.site > .mobile-navigation.mobile-navigation-expanded-header{
    height:0!important;
    max-height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Restore available menu height only while the menu is actually open. */
  body header.site.menu-expanded > .mobile-navigation.mobile-navigation-expanded-header,
  body #mobile-menu-toggle:checked ~ header.site > .mobile-navigation.mobile-navigation-expanded-header{
    height:auto!important;
    max-height:calc(100dvh - 58px)!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Remove inherited top spacing from every first-page hero type. */
  main .hero,
  main .page-hero,
  main .careers-hero,
  main .mc-contact-hero,
  main .am-hero,
  main .opening-list-hero,
  main .conditions-hub,
  main .services-hero{
    margin-top:0!important;
  }

  /* Homepage keeps only a very small visual breathing space. */
  body:has(.motiva-home-premium) .motiva-home-premium .mh-hero{
    margin-top:4px!important;
  }
}

/* ===== hamburger-social-icons-final.css ===== */
/* Final hamburger social section refinement.
   Keep the mobile/tablet menu clean: icons only, with balanced tap targets. */

@media (max-width:980px),
       (min-width:981px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  header.site > .mobile-navigation .mobile-nav-social-head{
    display:none!important;
  }

  header.site > .mobile-navigation .mobile-nav-social-only{
    margin-top:14px!important;
    padding-top:12px!important;
    padding-bottom:2px!important;
  }

  header.site > .mobile-navigation .mobile-nav-social-buttons{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  header.site > .mobile-navigation .mobile-nav-social-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    display:grid!important;
    place-items:center!important;
  }

  header.site > .mobile-navigation .mobile-nav-social-button img{
    width:19px!important;
    height:19px!important;
    display:block!important;
    object-fit:contain!important;
  }
}

/* Phones in landscape need slightly tighter controls because vertical space is limited. */
@media (orientation:landscape) and (max-width:980px) and (max-height:500px){
  header.site > .mobile-navigation .mobile-nav-social-button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex-basis:34px!important;
  }
  header.site > .mobile-navigation .mobile-nav-social-button img{
    width:17px!important;
    height:17px!important;
  }
}