/* AriseVida About — MVV (handoff AriseVida-About-MVV-Mobile-v1). Loads after shared styles.css.
   Only this new branch is hidden at all sizes. Every visual override is phone-only. */
[data-avc-mvv-mobile]{display:none}
@media(max-width:767.98px){
 /* Typography (Sep 2026): the Methadone page's mobile system — the head uses the shared
    [data-av-mobile-section-heading] rules; card/control roles reuse Methadone's values with the site fonts. */
 #mission-vision-values.section.ab-mvv{
   padding:0!important;background:#fdfbf5;
 }
 #mission-vision-values>.container{display:none!important}
 #mission-vision-values>[data-avc-mvv-mobile]{
   display:block;box-sizing:border-box;width:100%;max-width:32rem;margin-inline:auto;
   padding:1.875rem 1.5rem 1.25rem;
   --avcmvv-cream:#fdfbf5;--avcmvv-teal:#078788;--avcmvv-ink:#111311;--avcmvv-text:#435362;
   color:var(--avcmvv-text);font-family:var(--font-sans,Inter,Arial,sans-serif);
   -webkit-text-size-adjust:100%;text-size-adjust:100%;
 }
 #mission-vision-values .avcmvv *,#mission-vision-values .avcmvv *::before,#mission-vision-values .avcmvv *::after{box-sizing:border-box}
 #mission-vision-values .avcmvv :where(p,h2,h3){margin:0;padding:0}
 #mission-vision-values .avcmvv [hidden]{display:none!important}
 #mission-vision-values .avcmvv__header{text-align:center}
 /* eyebrow / heading / intro: type, colour and rhythm come from the shared mobile section-head system */
 #mission-vision-values .avcmvv__tabs{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   width:100%;margin-top:.875rem;border:1px solid #289d9e;border-radius:1rem; /* integration tune: rendering gap intro→control ≈19px (was ≈25px at 1.25rem) */
   background:transparent;isolation:isolate;container-type:inline-size;
 }
 #mission-vision-values .avcmvv__tab{
   appearance:none;-webkit-appearance:none;display:block;min-width:0;min-height:2.75rem;
   padding:.55rem .3rem;border:0;border-radius:0;margin:0;box-shadow:none;
   color:#056e70;background:transparent;cursor:pointer;
   /* control role (Methadone hero action) */
   font:600 16.5px/1.25 var(--font-sans,Inter,Arial,sans-serif);text-align:center;
   /* Integration guard: under text-only enlargement (>~150%) the 1rem labels outgrow their
      third of the control and spill over the dividers. Cap the label at ~5.6% of the control's
      width — 16px at every phone width from 320 up at normal text, unchanged from the design —
      so labels shrink only when the control itself can no longer hold them. Page zoom still
      scales them with everything else; browsers without cqi keep 1rem. */
   font-size:min(16.5px,5.63cqi);
   transition:background-color 160ms ease,color 160ms ease;-webkit-tap-highlight-color:transparent;
 }
 #mission-vision-values .avcmvv__tab+ .avcmvv__tab{border-left:1px solid #289d9e}
 #mission-vision-values .avcmvv__tab:first-child{border-radius:calc(1rem - 1px) 0 0 calc(1rem - 1px)}
 #mission-vision-values .avcmvv__tab:last-child{border-radius:0 calc(1rem - 1px) calc(1rem - 1px) 0}
 #mission-vision-values .avcmvv__tab[aria-selected=true]{color:#fff;background:linear-gradient(120deg,#148d8b,#048a89)}
 #mission-vision-values .avcmvv__tab:focus-visible{outline:3px solid #ad542e;outline-offset:4px;position:relative;z-index:3}
 #mission-vision-values .avcmvv__panels{margin-top:.875rem;display:grid;gap:.875rem}
 #mission-vision-values .avcmvv__panel{
   min-width:0;border:0;border-radius:1.125rem;
   padding:1.25rem 1.3125rem 1rem;
   background:linear-gradient(110deg,#eff3e7,#f0f4e9);
   text-align:left;
 }
 /* All three panels share a grid cell only after enhancement. Their natural sizes
    reserve the tallest panel's space, so selecting a tab never changes section height.
    Inactive panels are visually hidden, aria-hidden, and inert (set by JS). */
 #mission-vision-values .avcmvv[data-mvv-enhanced] .avcmvv__panels{gap:0;background:#eff3e7;border-radius:1.125rem}
 #mission-vision-values .avcmvv[data-mvv-enhanced] .avcmvv__panel{
   grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;
   transition:opacity 160ms ease,visibility 0s linear 160ms;
 }
 #mission-vision-values .avcmvv[data-mvv-enhanced] .avcmvv__panel[data-active=true]{
   opacity:1;visibility:visible;pointer-events:auto;transition:opacity 160ms ease,visibility 0s;
 }
 #mission-vision-values .avcmvv__panel:focus-visible{outline:3px solid #ad542e;outline-offset:4px}
 #mission-vision-values .avcmvv__icon-slot{height:3.25rem;display:flex;align-items:center;margin:0 0 .75rem}
 /* Each source is the untouched, clean white-background PNG supplied by the user.
    The small window trims only blank canvas. Multiply removes the white rectangle
    against the pale card; it does not add a badge or redraw the artwork. */
 #mission-vision-values .avcmvv__icon{position:relative;overflow:hidden;mix-blend-mode:multiply;flex:none}
 #mission-vision-values .avcmvv__icon picture{display:contents}
 #mission-vision-values .avcmvv__icon img{position:absolute;max-width:none!important;height:auto!important;display:block;margin:0;border:0;border-radius:0;box-shadow:none}
 #mission-vision-values .avcmvv__icon--mission{width:3.0625rem;aspect-ratio:732/658}
 #mission-vision-values .avcmvv__icon--mission img{width:171.311475409836%;left:-35.519125683060%;top:-46.200607902736%}
 #mission-vision-values .avcmvv__icon--vision{width:4.1875rem;aspect-ratio:804/607}
 #mission-vision-values .avcmvv__icon--vision img{width:155.970149253731%;left:-27.860696517413%;top:-49.423393739703%}
 #mission-vision-values .avcmvv__icon--values{width:4.0625rem;aspect-ratio:712/528}
 #mission-vision-values .avcmvv__icon--values img{width:176.123595505618%;left:-38.202247191011%;top:-68.939393939394%}
 /* large card title role (Methadone process card title) */
 #mission-vision-values .avcmvv__title{font:600 clamp(23px,6.7vw,29px)/1.08 var(--font-display,Georgia,serif);color:#102838;letter-spacing:-.02em}
 /* card body role (Methadone process card body) */
 #mission-vision-values .avcmvv__body{margin-top:.625rem;font:400 clamp(12.75px,3.55vw,15.25px)/1.44 var(--font-sans,Inter,Arial,sans-serif);letter-spacing:0;color:#234d68;overflow-wrap:break-word}
 /* helper text role (Methadone FAQ answer) */
 #mission-vision-values .avcmvv__hint{margin-top:.8125rem;text-align:center;font:400 13.5px/1.7 var(--font-sans,Inter,Arial,sans-serif);color:var(--ink-600,#3a5560)}
 @media(max-width:359.98px){
   #mission-vision-values>[data-avc-mvv-mobile]{padding-inline:1.125rem}
   #mission-vision-values .avcmvv__panel{padding-inline:1.125rem}
 }
 @media(prefers-reduced-motion:reduce){
   #mission-vision-values .avcmvv :is(.avcmvv__tab,.avcmvv__panel){transition:none!important;animation:none!important}
 }
 @media(forced-colors:active){
   #mission-vision-values .avcmvv :is(.avcmvv__tabs,.avcmvv__panel){border:1px solid CanvasText}
   #mission-vision-values .avcmvv__tab[aria-selected=true]{outline:2px solid Highlight;outline-offset:-3px;background:Highlight;color:HighlightText}
 }
}