/* Continuum of Care — "Outpatient Support at AriseVida" phone presentation (<768px).
   Source: AriseVida-Continuum-Outpatient-Support-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-outpatient or the
   marked host. */
.avc-outpatient { 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-outpatient-mount] > [data-outpatient-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-outpatient-showcase[data-outpatient-active] {
    padding: 0 !important;
    background: #fffefa;
  }
  .coc-outpatient-showcase[data-outpatient-active]::before,
  .coc-outpatient-showcase[data-outpatient-active]::after { display:none; }

  .avc-outpatient {
    --outpatient-cream:#fcf8f3; --outpatient-ink:var(--ink-900, #0a1f25); --outpatient-copy:#475569;
    --outpatient-teal:var(--teal-700, #0f766e); --outpatient-peach:#b9431f; --outpatient-green:#4f6f37;
    /* 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. */
    --outpatient-serif: var(--font-display, 'Fraunces', Georgia, serif);
    --outpatient-sans: var(--font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    --outpatient-icon:44px; --outpatient-gap:14px; --outpatient-inset:20px;
    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(--outpatient-cream); color:var(--outpatient-copy); isolation:isolate;
    font:400 1rem/1.35 var(--outpatient-sans); text-align:start;
  }
  .avc-outpatient[hidden], .avc-outpatient [hidden] { display:none!important; }
  .avc-outpatient *, .avc-outpatient *::before, .avc-outpatient *::after { box-sizing:border-box; }
  .avc-outpatient p, .avc-outpatient h2, .avc-outpatient h3, .avc-outpatient h4 { 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-outpatient .avc-outpatient__intro { margin-block-end:24px; }
  .avc-outpatient .avc-outpatient__groups { display:grid; gap:11px; }
  .avc-outpatient .avc-outpatient__item { --accent:var(--outpatient-teal); --tint:#eaf6f4; --border:#1f8078; border:1px solid var(--border); border-radius:16px; background:var(--tint); }
  .avc-outpatient [data-outpatient-item="mental-health"] { --accent:var(--outpatient-peach); --tint:#fdefe9; --border:#d85b3d; }
  .avc-outpatient [data-outpatient-item="ongoing"] { --accent:var(--outpatient-green); --tint:#f0f4eb; --border:#789773; }
  .avc-outpatient .avc-outpatient__row-heading { font:inherit; }
  .avc-outpatient .avc-outpatient__trigger {
    appearance:none; display:grid; grid-template-columns:var(--outpatient-icon) minmax(0,1fr) 16px;
    gap:var(--outpatient-gap); align-items:center; inline-size:100%; min-inline-size:0; min-block-size:62px;
    padding:8px var(--outpatient-inset); margin:0; border:0; border-radius:15px;
    color:var(--outpatient-ink); background:transparent; box-shadow:none;
    font:inherit; text-align:start; letter-spacing:normal; cursor:pointer; -webkit-tap-highlight-color:transparent;
  }
  .avc-outpatient .avc-outpatient__trigger:disabled { opacity:1; color:var(--outpatient-ink); cursor:default; -webkit-text-fill-color:var(--outpatient-ink); }
  .avc-outpatient .avc-outpatient__title { min-inline-size:0; font:500 clamp(17px,4.7vw,19.5px)/1.16 var(--outpatient-serif); letter-spacing:-.015em; text-wrap:balance; }
  .avc-outpatient .avc-outpatient__chevron { display:block; position:relative; inline-size:16px; block-size:18px; color:var(--accent); transition:transform 240ms cubic-bezier(.2,.65,.3,1); }
  .avc-outpatient .avc-outpatient__chevron::before { content:""; position:absolute; inline-size:10px; block-size:10px; inset-block-start:4px; inset-inline-start:0; border-block-start:1.8px solid currentColor; border-inline-end:1.8px solid currentColor; transform:rotate(45deg); }
  .avc-outpatient [data-open="true"] .avc-outpatient__chevron { transform:rotate(90deg); }
  .avc-outpatient .avc-outpatient__trigger:disabled .avc-outpatient__chevron { visibility:hidden; }
  .avc-outpatient .avc-outpatient__panel { min-block-size:0; }
  .avc-outpatient .avc-outpatient__panel-inner { padding:8px var(--outpatient-inset) 4px; }
  .avc-outpatient .avc-outpatient__service { display:grid; grid-template-columns:var(--outpatient-icon) minmax(0,1fr); align-items:start; gap:var(--outpatient-gap); }
  .avc-outpatient .avc-outpatient__service + .avc-outpatient__service { margin-block-start:8px; padding-block-start:11px; border-block-start:1px solid color-mix(in srgb,var(--border) 22%,transparent); }
  .avc-outpatient .avc-outpatient__service-copy { min-inline-size:0; padding-block-start:3px; }
  .avc-outpatient .avc-outpatient__service h4 { color:var(--outpatient-ink); font:500 clamp(15.5px,4.36vw,17.5px)/1.16 var(--outpatient-serif); letter-spacing:-.012em; text-wrap:balance; }
  .avc-outpatient .avc-outpatient__service p { margin-block-start:3px; font:400 clamp(12.5px,3.6vw,15px)/1.5 var(--outpatient-sans); letter-spacing:0; }
  .avc-outpatient .avc-outpatient__link { display:flex; align-items:center; gap:12px; inline-size:fit-content; max-inline-size:100%; min-block-size:44px; padding-block:7px; margin-block-start:0; color:var(--accent); font:500 clamp(13px,3.6vw,15px)/1.3 var(--outpatient-sans); text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
  .avc-outpatient .avc-outpatient__link > span:first-child { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent); }
  .avc-outpatient .avc-outpatient__arrow { display:inline-block; flex:none; color:var(--accent); font:400 20px/1 var(--outpatient-sans); transition:transform 240ms cubic-bezier(.2,.65,.3,1); }
  .avc-outpatient .avc-outpatient__mat { margin:0; }
  .avc-outpatient .avc-outpatient__mat > summary { list-style:none; }
  .avc-outpatient .avc-outpatient__mat > summary::-webkit-details-marker { display:none; }
  .avc-outpatient .avc-outpatient__mat[open] > summary .avc-outpatient__arrow { transform:rotate(90deg); }
  .avc-outpatient .avc-outpatient__medications { display:grid; gap:0; margin-block-start:4px; padding:2px 10px; border:1px solid #b9dce1; border-radius:12px; background:#fffefa; }
  .avc-outpatient .avc-outpatient__medications a { display:flex; align-items:center; min-block-size:44px; padding:6px 2px; color:var(--accent); font:500 clamp(13px,3.6vw,15px)/1.35 var(--outpatient-sans); text-decoration:underline; text-underline-offset:3px; -webkit-tap-highlight-color:transparent; }
  .avc-outpatient .avc-outpatient__medications a + a { border-block-start:1px solid #d7e9e9; }
  /* Crop the supplied white canvases visually; do not resize/re-encode source PNGs. */
  .avc-outpatient .avc-outpatient__icon { --crop-width:146.495%; --crop-left:-23.248%; --crop-top:-23.248%; position:relative; display:block; inline-size:var(--outpatient-icon); block-size:var(--outpatient-icon); overflow:hidden; border-radius:12px; mix-blend-mode:multiply; }
  .avc-outpatient .avc-outpatient__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-outpatient .avc-outpatient__icon--mental-health { --crop-width:152.555%; --crop-left:-26.277%; --crop-top:-26.277%; }
  .avc-outpatient .avc-outpatient__icon--mental-health img { transform:scaleX(-1); }
  .avc-outpatient .avc-outpatient__icon--mat, .avc-outpatient .avc-outpatient__icon--counseling { --crop-width:148.753%; --crop-left:-24.376%; --crop-top:-24.289%; }
  .avc-outpatient .avc-outpatient__icon--tms { --crop-width:155.198%; --crop-left:-27.599%; --crop-top:-27.599%; }
  .avc-outpatient .avc-outpatient__icon--tms img { transform:scaleX(-1); }
  .avc-outpatient .avc-outpatient__icon--ongoing-support { --crop-width:150.36%; --crop-left:-25.18%; --crop-top:-25.18%; }
  .avc-outpatient .avc-outpatient__icon--case-management { --crop-width:144.47%; --crop-left:-22.12%; --crop-top:-22.24%; }
  .avc-outpatient .avc-outpatient__icon--peer-support { --crop-width:159.949%; --crop-left:-30.102%; --crop-top:-29.974%; }
  .avc-outpatient .avc-outpatient__footnote { margin-block-start:15px; padding-inline:16px; font:400 clamp(12px,3.33vw,14px)/1.45 var(--outpatient-sans); letter-spacing:0; }
  .avc-outpatient :is(button,a,summary):focus:not(:focus-visible) { outline:none; }
  .avc-outpatient :is(button,a,summary):focus-visible { outline:2px solid #005f73; outline-offset:3px; }
  .avc-outpatient .avc-outpatient__trigger:focus-visible { outline-offset:-3px; }
  @media (max-width:359px) { .avc-outpatient { --outpatient-icon:40px; --outpatient-inset:14px; --outpatient-gap:10px; } .avc-outpatient .avc-outpatient__footnote { padding-inline:10px; } }
  @media (prefers-reduced-motion:reduce) { .avc-outpatient .avc-outpatient__chevron, .avc-outpatient .avc-outpatient__arrow { transition:none!important; } }
  @media (forced-colors:active) { .avc-outpatient .avc-outpatient__item { border-color:CanvasText; } .avc-outpatient .avc-outpatient__chevron { color:ButtonText; } .avc-outpatient :is(button,a,summary):focus-visible { outline-color:Highlight; } }
}