/* Continuum of Care — "When Care Changes" phone presentation (<768px).
   Source: AriseVida-Continuum-Care-Changes-Mobile handoff, adapted to the site
   (Fraunces / Inter tokens, host padding, legacy visibility, reference-measured
   sizes). The existing section supplies the 768px+ presentation; the legacy
   inner wrapper is hidden only once the controller has enhanced this block.
   Every selector is scoped to .avc-care-change or the marked host. */
.avc-care-change { display:none; }
@media (max-width:767.98px) {
  /* Legacy inner block: defeat any display declaration that would override
     the browser's [hidden] rule once the phone block is live. */
  [data-care-change-mount] > [data-care-change-legacy][hidden] { display:none !important; }
  /* Host section while the phone block is active: the component owns its
     own gutters and surface, so the outer padding would otherwise double. */
  .coc-care-change[data-care-change-active] {
    padding: 0 !important;
    background: #fffdf9;
  }
  .coc-care-change[data-care-change-active]::before,
  .coc-care-change[data-care-change-active]::after { display:none; }

  .avc-care-change {
    --care-change-bg:#fbf8f1; --care-change-ink:var(--ink-900, #0a1f25); --care-change-copy:#475569;
    --care-change-teal:var(--teal-700, #0f766e); --care-change-green:#4f6f37; --care-change-orange:#b9431f;
    /* Site fonts: the references are set in the site's display serif (Fraunces)
       and text sans (Inter); the handoff's Times/Arial values were fallbacks. */
    --care-change-serif: var(--font-display, 'Fraunces', Georgia, serif);
    --care-change-sans: var(--font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    --care-change-icon:44px;
    display:block; inline-size:100%; max-inline-size:46rem; box-sizing:border-box;
    margin-inline:auto; padding:36px clamp(18px,6.15vw,28px) 34px;
    background:var(--care-change-bg); color:var(--care-change-copy); isolation:isolate;
    font:400 1rem/1.35 var(--care-change-sans); text-align:start;
  }
  .avc-care-change[hidden], .avc-care-change [hidden] { display:none!important; }
  .avc-care-change *, .avc-care-change *::before, .avc-care-change *::after { box-sizing:border-box; }
  .avc-care-change p, .avc-care-change h2, .avc-care-change h3, .avc-care-change h4 { margin:0; }
  .avc-care-change button { -webkit-tap-highlight-color:transparent; }
  /* Section header typography/decoration comes from the site's shared mobile heading system ([data-av-mobile-section-heading] in styles.css), the same rules the Methadone page uses; only the wrapper spacing lives here. */
  .avc-care-change .avc-care-change__intro { margin-block-end:24px; }
  .avc-care-change .avc-care-change__tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-block-end:12px; }
  .avc-care-change .avc-care-change__tab { --accent:var(--care-change-teal); --fill:var(--care-change-teal); --tint:#eaf6f4; --line:#8fc9c1; position:relative; appearance:none; inline-size:100%; min-inline-size:0; min-block-size:57px; margin:0; padding:8px 4px 12px; border:1px solid var(--line); border-radius:12px; background:var(--tint); box-shadow:none; color:var(--accent); font:600 clamp(14px,4.1vw,18px)/1.05 var(--care-change-serif); letter-spacing:-.01em; text-align:center; cursor:pointer; transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease; }
  .avc-care-change [data-care-change-tab="steps"] { --accent:var(--care-change-green); --fill:var(--care-change-green); --tint:#f0f4e9; --line:#809971; }
  .avc-care-change [data-care-change-tab="details"] { --accent:var(--care-change-orange); --fill:var(--care-change-orange); --tint:#fff1ea; --line:#ff9c84; }
  .avc-care-change .avc-care-change__tab[aria-selected="true"] { background:var(--fill); border-color:var(--fill); color:#fffdf7; }
  .avc-care-change .avc-care-change__tab::after { content:""; position:absolute; inset-block-end:7px; inset-inline:28%; block-size:2px; border-radius:2px; background:currentColor; opacity:0; transition:opacity 180ms ease; }
  .avc-care-change .avc-care-change__tab[aria-selected="true"]::after { opacity:1; }
  .avc-care-change .avc-care-change__tab:disabled, .avc-care-change .avc-care-change__need:disabled, .avc-care-change .avc-care-change__step-trigger:disabled { opacity:1; cursor:default; }
  .avc-care-change .avc-care-change__stage, .avc-care-change .avc-care-change__needs-stage { display:flow-root; min-block-size:0; }
  .avc-care-change .avc-care-change__panel { min-inline-size:0; display:flow-root; }
  .avc-care-change:not([data-care-change-enhanced="true"]) .avc-care-change__panel + .avc-care-change__panel { margin-block-start:16px; }
  .avc-care-change .avc-care-change__card { --accent:var(--care-change-teal); --divider:#a9d9d2; padding:14px 16px 16px; border:1px solid #3d9c93; border-radius:16px; background:#edf7f5; }
  .avc-care-change .avc-care-change__card--steps { --accent:var(--care-change-green); --divider:#bfceb5; border-color:#74936a; background:#f3f5ec; padding-block-end:1px; }
  .avc-care-change .avc-care-change__card--details { --accent:var(--care-change-orange); --divider:#ffc0ac; border-color:#ff805d; background:#fff2ec; }
  .avc-care-change .avc-care-change__card-header { display:grid; grid-template-columns:var(--care-change-icon) minmax(0,1fr); gap:13px; align-items:start; margin-block-end:10px; }
  .avc-care-change .avc-care-change__card-header > div { min-inline-size:0; padding-block-start:9px; }
  .avc-care-change .avc-care-change__card-eyebrow { margin-block-end:5px; color:var(--accent); font:700 11.5px/1.3 var(--care-change-sans); letter-spacing:.13em; text-transform:uppercase; }
  .avc-care-change .avc-care-change__card-header h3 { color:var(--care-change-ink); font:600 clamp(20px,6.15vw,26px)/1.08 var(--care-change-serif); letter-spacing:-.012em; text-wrap:balance; }
  .avc-care-change .avc-care-change__needs-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; margin-block:12px 12px; border:1px solid #76ced5; border-radius:12px; background:#e6f8f9; }
  .avc-care-change .avc-care-change__need { appearance:none; min-inline-size:0; min-block-size:44px; margin:0; padding:7px 5px; border:0; border-radius:10px; background:transparent; box-shadow:none; color:var(--care-change-teal); font:600 clamp(13px,3.72vw,15.5px)/1.15 var(--care-change-serif); text-align:center; letter-spacing:-.01em; cursor:pointer; transition:background-color 180ms ease,color 180ms ease; }
  .avc-care-change .avc-care-change__need[aria-selected="true"] { background:var(--care-change-teal); color:white; }
  .avc-care-change .avc-care-change__need-panel { display:flow-root; }
  .avc-care-change .avc-care-change__need-panel h4 { color:var(--care-change-ink); font:600 clamp(15.5px,4.62vw,20px)/1.15 var(--care-change-serif); letter-spacing:-.01em; text-wrap:balance; }
  .avc-care-change .avc-care-change__need-panel p { margin-block-start:9px; font:400 clamp(12.5px,3.6vw,15px)/1.5 var(--care-change-sans); letter-spacing:0; }
  .avc-care-change .avc-care-change__need-panel p.avc-care-change__context { margin-block-start:15px; padding-block-start:13px; border-block-start:1px solid var(--divider); }
  .avc-care-change .avc-care-change__list { display:grid; gap:8px; margin:6px 0 2px; padding:0 0 0 1px; list-style:none; font:400 clamp(13.5px,3.6vw,14.5px)/1.5 var(--care-change-sans); letter-spacing:0; }
  .avc-care-change .avc-care-change__list li { display:grid; grid-template-columns:8px minmax(0,1fr); gap:13px; align-items:start; }
  .avc-care-change .avc-care-change__list li::before { content:""; inline-size:8px; block-size:8px; margin-block-start:.36em; border-radius:50%; background:var(--care-change-teal); }
  .avc-care-change .avc-care-change__steps { border-block-start:1px solid var(--divider); }
  .avc-care-change .avc-care-change__step + .avc-care-change__step { border-block-start:1px solid var(--divider); }
  .avc-care-change .avc-care-change__step-trigger { position:relative; appearance:none; display:grid; grid-template-columns:26px minmax(0,1fr) 16px; align-items:center; gap:12px; inline-size:100%; min-inline-size:0; min-block-size:47px; margin:0; padding:7px 2px 10px 0; border:0; border-radius:3px; box-shadow:none; background:transparent; color:var(--care-change-ink); font:500 clamp(17px,4.7vw,19.5px)/1.16 var(--care-change-serif); text-align:start; letter-spacing:-.015em; cursor:pointer; }
  /* 44px hit area for the 32px open-state header (the drawn row stays tight). */
  .avc-care-change .avc-care-change__step-trigger::before { content:""; position:absolute; inset-inline:0; inset-block-start:50%; block-size:44px; transform:translateY(-50%); }
  /* The renderings draw the open row's header tighter, with the description close under the title. */
  .avc-care-change [data-open="true"] .avc-care-change__step-trigger { min-block-size:0; padding-block:12px 0; }
  .avc-care-change .avc-care-change__number { color:var(--care-change-green); font:600 clamp(12px,3.46vw,16px)/1 var(--care-change-sans); letter-spacing:-.01em; }
  .avc-care-change .avc-care-change__step-panel { min-block-size:0; }
  .avc-care-change .avc-care-change__step-inner { max-inline-size:27.1em; padding:4px 10px 19px 38px; font:400 clamp(13.5px,3.6vw,14.5px)/1.5 var(--care-change-sans); letter-spacing:0; }
  .avc-care-change .avc-care-change__facts article { padding-block-start:10px; border-block-start:1px solid var(--divider); }
  .avc-care-change .avc-care-change__facts article + article { margin-block-start:12px; }
  .avc-care-change .avc-care-change__card--details { padding-block-end:11px; }
  .avc-care-change .avc-care-change__facts h4 { color:var(--care-change-ink); font:500 clamp(17px,4.7vw,19.5px)/1.16 var(--care-change-serif); letter-spacing:-.015em; text-wrap:balance; }
  .avc-care-change .avc-care-change__facts p { max-inline-size:22.5em; margin-block-start:5px; font:400 clamp(12.5px,3.6vw,15px)/1.5 var(--care-change-sans); letter-spacing:0; }
  .avc-care-change .avc-care-change__hint { margin:14px 0 0; font:400 clamp(12px,3.2vw,13px)/1.4 var(--care-change-sans); }
  .avc-care-change .avc-care-change__footnote { margin:18px 0 0; padding-block-start:12px; border-block-start:1px solid #b6bdd2; font:400 clamp(12px,3.2vw,13px)/1.45 var(--care-change-sans); letter-spacing:0; }
  /* CSS canvas crop: every original PNG remains unchanged. */
  .avc-care-change .avc-care-change__icon { --crop-width:132.56%; --crop-left:-16.28%; --crop-top:-16.28%; display:block; position:relative; inline-size:var(--care-change-icon); block-size:var(--care-change-icon); overflow:hidden; border-radius:12px; mix-blend-mode:multiply; }
  .avc-care-change .avc-care-change__icon img { position:absolute; display:block; inline-size:var(--crop-width); max-inline-size:none; block-size:auto; inset-inline-start:var(--crop-left); inset-block-start:var(--crop-top); }
  .avc-care-change .avc-care-change__icon--next-steps { --crop-width:134.477%; --crop-left:-17.223%; --crop-top:-17.17%; }
  .avc-care-change .avc-care-change__icon--good-to-know { --crop-width:132.909%; --crop-left:-16.43%; --crop-top:-16.53%; }
  .avc-care-change .avc-care-change__toggle { display:block; position:relative; inline-size:16px; block-size:16px; overflow:hidden; mix-blend-mode:multiply; }
  .avc-care-change .avc-care-change__toggle img { display:block; position:absolute; inset:50% auto auto 50%; block-size:auto; max-inline-size:none; transform:translate(-50%,-50%); transition:opacity 180ms ease; }
  .avc-care-change .avc-care-change__plus { inline-size:219.23%; opacity:1; }
  .avc-care-change .avc-care-change__minus { inline-size:202.91%; opacity:0; }
  .avc-care-change [data-open="true"] .avc-care-change__plus { opacity:0; }
  .avc-care-change [data-open="true"] .avc-care-change__minus { opacity:1; }
  .avc-care-change .avc-care-change__step-trigger:disabled .avc-care-change__toggle { visibility:hidden; }
  .avc-care-change button:focus:not(:focus-visible) { outline:none; }
  .avc-care-change :is(button,[role="tabpanel"]):focus-visible { outline:2px solid #005b6c; outline-offset:3px; }
  .avc-care-change .avc-care-change__need:focus-visible, .avc-care-change .avc-care-change__step-trigger:focus-visible { outline-offset:-3px; }
  @media (max-width:359px) { .avc-care-change { --care-change-icon:42px; } .avc-care-change .avc-care-change__hint { padding-inline:0; } .avc-care-change .avc-care-change__card { padding-inline:11px; } .avc-care-change .avc-care-change__card-header { gap:9px; } .avc-care-change .avc-care-change__step-trigger { grid-template-columns:23px minmax(0,1fr) 16px; gap:8px; } .avc-care-change .avc-care-change__step-inner { padding-inline-start:31px; } }
  @media (prefers-reduced-motion:reduce) { .avc-care-change .avc-care-change__tab, .avc-care-change .avc-care-change__tab::after, .avc-care-change .avc-care-change__need, .avc-care-change .avc-care-change__toggle img { transition:none!important; } }
  @media (forced-colors:active) { .avc-care-change .avc-care-change__card { border-color:CanvasText; } .avc-care-change .avc-care-change__tab[aria-selected="true"], .avc-care-change .avc-care-change__need[aria-selected="true"] { background:Highlight; color:HighlightText; } .avc-care-change :is(button,[role="tabpanel"]):focus-visible { outline-color:Highlight; } }
}