/* Patient Journey — "Care That Adapts" phone presentation (<768px).
   Source: AriseVida-Patient-Journey-Care-That-Adapts-Mobile handoff, adapted
   to the site (Fraunces / Inter tokens, host padding, legacy visibility).
   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-adapts or the marked host. */
.avc-care-adapts { 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-adapts-mount] > [data-care-adapts-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. */
  .pj-care-evolves[data-care-adapts-active] {
    padding: 0 !important;
    background: #fefdf9;
  }
  .pj-care-evolves[data-care-adapts-active]::before,
  .pj-care-evolves[data-care-adapts-active]::after { display:none; }

  .avc-care-adapts {
    --care-cream:#fcf8f3; --care-ink:var(--ink-900, #0a1f25); --care-copy:#475569;
    --care-teal:var(--teal-700, #0f766e); --care-green:#4f6f37; --care-terra:#b04a2a;
    /* 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-serif: var(--font-display, 'Fraunces', Georgia, serif);
    --care-sans: var(--font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    display:block; box-sizing:border-box; inline-size:100%; max-inline-size:46rem;
    margin-inline:auto; padding:36px clamp(18px,6.15vw,28px) 34px;
    background:var(--care-cream); color:var(--care-copy);
    font:400 clamp(13.5px,3.6vw,14.5px)/1.5 var(--care-sans);
    isolation:isolate; text-align:start;
  }
  .avc-care-adapts[hidden], .avc-care-adapts [hidden] { display:none !important; }
  .avc-care-adapts *, .avc-care-adapts *::before, .avc-care-adapts *::after { box-sizing:border-box; }
  .avc-care-adapts p, .avc-care-adapts h2, .avc-care-adapts h3 { margin:0; }
  /* 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-adapts .avc-care-adapts__intro { margin-block-end:24px; }
  .avc-care-adapts .avc-care-adapts__accordion { border:1px solid #d4e0e5; border-radius:16px; box-shadow:0 8px 22px #36485204; background:#fff; }
  .avc-care-adapts .avc-care-adapts__item { --accent:var(--care-teal); --tint:#eaf6f4; --circle:#d9efeb; --crop-width:143.8073%; --crop-offset:-21.9037%; background:#fff; transition:background-color 240ms ease; }
  .avc-care-adapts .avc-care-adapts__item:first-child { border-start-start-radius:15px; border-start-end-radius:15px; }
  .avc-care-adapts .avc-care-adapts__item:last-child { border-end-start-radius:15px; border-end-end-radius:15px; }
  .avc-care-adapts .avc-care-adapts__item + .avc-care-adapts__item { border-block-start:1px solid #d4e0e5; }
  .avc-care-adapts [data-care-item="support"] { --accent:var(--care-green); --tint:#f4f7ee; --circle:#eaf0e2; --crop-width:132.839%; --crop-offset:-16.4195%; }
  .avc-care-adapts [data-care-item="options"] { --accent:var(--care-terra); --tint:#fff4ee; --circle:#fbe5db; --crop-width:139.0244%; --crop-offset:-19.5122%; }
  .avc-care-adapts [data-care-item="progress"] { --crop-width:138.7168%; --crop-offset:-19.3584%; }
  .avc-care-adapts .avc-care-adapts__item[data-open="true"] { background:var(--tint); }
  .avc-care-adapts .avc-care-adapts__row-heading { font:inherit; }
  .avc-care-adapts .avc-care-adapts__trigger {
    display:grid; grid-template-columns:46px minmax(0,1fr) 38px; gap:17px; align-items:center;
    appearance:none; inline-size:100%; min-inline-size:0; min-block-size:68px;
    margin:0; padding:11px 16px; border:0; border-radius:15px; box-shadow:none;
    background:transparent; color:var(--care-ink); text-align:start; cursor:pointer;
    font:500 clamp(17px,4.7vw,19.5px)/1.16 var(--care-serif); letter-spacing:-.015em; text-wrap:balance;
    letter-spacing:-.01em; -webkit-tap-highlight-color:transparent;
  }
  .avc-care-adapts .avc-care-adapts__trigger:disabled { opacity:1; color:var(--care-ink); cursor:default; -webkit-text-fill-color:var(--care-ink); }
  .avc-care-adapts .avc-care-adapts__label { min-inline-size:0; overflow-wrap:normal; }
  .avc-care-adapts .avc-care-adapts__icon { display:block; position:relative; inline-size:44px; block-size:44px; overflow:hidden; border-radius:12px; }
  /* Preserve original PNG bytes; display only the coloured artwork area. */
  .avc-care-adapts .avc-care-adapts__icon img { position:absolute; display:block; inline-size:var(--crop-width); max-inline-size:none; block-size:auto; inset-inline-start:var(--crop-offset); inset-block-start:var(--crop-offset); }
  .avc-care-adapts .avc-care-adapts__toggle { position:relative; display:block; inline-size:38px; block-size:38px; border-radius:50%; background:var(--circle); color:var(--accent); transition:background-color 240ms ease; }
  .avc-care-adapts .avc-care-adapts__toggle::before, .avc-care-adapts .avc-care-adapts__toggle::after { content:""; position:absolute; background:currentColor; border-radius:2px; }
  .avc-care-adapts .avc-care-adapts__toggle::before { inline-size:14px; block-size:1.5px; inset-inline-start:12px; inset-block-start:18.25px; }
  .avc-care-adapts .avc-care-adapts__toggle::after { inline-size:1.5px; block-size:14px; inset-inline-start:18.25px; inset-block-start:12px; transform:scaleY(1); transition:transform 240ms ease; }
  .avc-care-adapts [data-open="true"] .avc-care-adapts__toggle { background:var(--circle); }
  .avc-care-adapts [data-open="true"] .avc-care-adapts__toggle::after { transform:scaleY(0); }
  .avc-care-adapts .avc-care-adapts__trigger:disabled .avc-care-adapts__toggle { visibility:hidden; }
  .avc-care-adapts .avc-care-adapts__panel { min-block-size:0; }
  /* Body copy aligns with the icon's left edge and stops at the control column, as in the renderings. */
  .avc-care-adapts .avc-care-adapts__panel-inner { padding:4px 54px 20px 17px; }
  .avc-care-adapts .avc-care-adapts__panel-inner p { font:400 clamp(13.5px,3.6vw,14.5px)/1.5 var(--care-sans); color:var(--care-copy); }
  .avc-care-adapts .avc-care-adapts__outro { margin-block-start:20px; text-align:center; }
  .avc-care-adapts .avc-care-adapts__principles { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; column-gap:6px; color:var(--care-teal); font:500 clamp(23px,6.6vw,32px)/1.1 var(--care-serif); letter-spacing:-.01em; }
  .avc-care-adapts .avc-care-adapts__principles span:nth-child(2), .avc-care-adapts .avc-care-adapts__principles span:nth-child(3) { color:var(--care-green); }
  .avc-care-adapts .avc-care-adapts__principles span:nth-child(4), .avc-care-adapts .avc-care-adapts__principles span:nth-child(5) { color:var(--care-terra); }
  .avc-care-adapts .avc-care-adapts__reassurance { margin-block-start:9px; color:var(--care-copy); font:400 clamp(12.5px,3.46vw,14.5px)/1.4 var(--care-sans); }
  .avc-care-adapts .avc-care-adapts__trigger:focus-visible { outline:2px solid #155b6b; outline-offset:-3px; }
  @media (max-width:359px) { .avc-care-adapts .avc-care-adapts__trigger { gap:10px; padding-inline:13px; } }
  @media (prefers-reduced-motion:reduce) { .avc-care-adapts .avc-care-adapts__item, .avc-care-adapts .avc-care-adapts__toggle, .avc-care-adapts .avc-care-adapts__toggle::after { transition:none; } }
  @media (forced-colors:active) { .avc-care-adapts .avc-care-adapts__toggle { border:1px solid ButtonText; } .avc-care-adapts .avc-care-adapts__toggle::before, .avc-care-adapts .avc-care-adapts__toggle::after { background:ButtonText; } .avc-care-adapts .avc-care-adapts__trigger:focus-visible { outline-color:Highlight; } }
}