/* Accepted Insurance — "Service Coverage" phone presentation (<768px).
   The exact Care That Adapts accordion system (public/avc-patient-journey-care-that-adapts),
   re-scoped to .avc-sc so it cannot touch Patient Journey. Same border/radius, trigger grid,
   68px rows, 44px icon tiles, 38px toggles, 240ms cubic-bezier height motion, per-tone tints.
   The one structural addition is the Explore CTA inside each expanded panel (outside the trigger).
   Every selector is scoped to .avc-sc; the block is display:none until the controller enhances it,
   so the legacy .av-aim-coverage carousel remains the no-JS/error fallback. Tablet/desktop
   (.aip-coverage) is untouched. */
.avc-sc { display: none; }

@media (max-width: 767.98px) {
  /* Legacy phone carousel: hidden only once the controller has enhanced this block. */
  [data-service-coverage-legacy][hidden] { display: none !important; }

  .avc-sc {
    --sc-cream: #fcf8f3; --sc-ink: var(--ink-900, #0a1f25); --sc-copy: #475569;
    --sc-border: #d4e0e5;
    --sc-serif: var(--font-display, 'Fraunces', Georgia, serif);
    --sc-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(--sc-cream); color: var(--sc-copy);
    font: 400 clamp(13.5px, 3.6vw, 14.5px)/1.5 var(--sc-sans);
    isolation: isolate; text-align: start;
  }
  .avc-sc[hidden], .avc-sc [hidden] { display: none !important; }
  .avc-sc *, .avc-sc *::before, .avc-sc *::after { box-sizing: border-box; }
  .avc-sc p, .avc-sc h2, .avc-sc h3 { margin: 0; }

  /* Header: the site's shared mobile heading system supplies the eyebrow/title/lead treatment. */
  .avc-sc__header { margin-block-end: 24px; }

  .avc-sc__accordion { border: 1px solid var(--sc-border); border-radius: 16px; box-shadow: 0 8px 22px #36485204; background: #fff; }

  /* Per-tone accents (Care That Adapts palette + gold for Therapy). */
  .avc-sc__item { --accent: var(--teal-700, #0f766e); --tint: #eaf6f4; --circle: #d9efeb; --icon-tint: #dcefec; --icon-scale: 1; background: #fff; transition: background-color 240ms ease; }
  .avc-sc__item[data-tone="green"] { --accent: #4f6f37; --tint: #f4f7ee; --circle: #e8efdf; --icon-tint: #e9f0df; }
  .avc-sc__item[data-tone="gold"] { --accent: #916417; --tint: #fdf5e6; --circle: #f4e6c8; --icon-tint: #f6ecd6; }
  .avc-sc__item[data-tone="coral"] { --accent: #b04a2a; --tint: #fff4ee; --circle: #fbe5db; --icon-tint: #fbe6dc; }
  /* Per-key icon normalization (approved handoff values) so glyphs of differing aspect read at a matched size. */
  .avc-sc__item[data-service-item="psychiatry"] { --icon-scale: 1.18; }
  .avc-sc__item[data-service-item="peer-support"] { --icon-scale: 1.08; }
  .avc-sc__item:first-child { border-start-start-radius: 15px; border-start-end-radius: 15px; }
  .avc-sc__item:last-child { border-end-start-radius: 15px; border-end-end-radius: 15px; }
  .avc-sc__item + .avc-sc__item { border-block-start: 1px solid var(--sc-border); }
  .avc-sc__item[data-open="true"] { background: var(--tint); }

  .avc-sc__row-heading { font: inherit; }
  .avc-sc__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(--sc-ink); text-align: start; cursor: pointer;
    font: 500 clamp(17px, 4.7vw, 19.5px)/1.16 var(--sc-serif); letter-spacing: -.01em; text-wrap: balance;
    -webkit-tap-highlight-color: transparent;
  }
  .avc-sc__trigger:disabled { opacity: 1; color: var(--sc-ink); cursor: default; -webkit-text-fill-color: var(--sc-ink); }
  .avc-sc__label { min-inline-size: 0; overflow-wrap: normal; }

  /* 44px rounded icon tile: the supplied illustration sits on a soft tone tint, as the reference tiles do. */
  .avc-sc__icon { display: grid; place-items: center; inline-size: 44px; block-size: 44px; overflow: hidden; border-radius: 12px; background: var(--icon-tint); }
  .avc-sc__icon img { inline-size: 100%; block-size: 100%; object-fit: contain; transform: scale(var(--icon-scale)); }

  .avc-sc__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-sc__toggle::before, .avc-sc__toggle::after { content: ""; position: absolute; background: currentColor; border-radius: 2px; }
  .avc-sc__toggle::before { inline-size: 14px; block-size: 1.5px; inset-inline-start: 12px; inset-block-start: 18.25px; }
  .avc-sc__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-sc__item[data-open="true"] .avc-sc__toggle::after { transform: scaleY(0); }
  .avc-sc__trigger:disabled .avc-sc__toggle { visibility: hidden; }

  .avc-sc__panel { min-block-size: 0; }
  .avc-sc__panel-inner { padding: 2px 17px 18px; }
  .avc-sc__description { padding-inline-end: 37px; color: var(--sc-copy); font: 400 clamp(13.5px, 3.6vw, 14.5px)/1.5 var(--sc-sans); }

  /* Explore CTA — the only structural addition; compact accent pill, its own 44px target, outside the trigger. */
  .avc-sc__cta {
    display: inline-flex; align-items: center; gap: 8px; margin-block-start: 14px; min-block-size: 44px;
    padding: 10px 18px; border-radius: 999px; background: var(--accent); color: #fff;
    font: 700 14px/1 var(--sc-sans); letter-spacing: .005em; text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .avc-sc__cta svg { inline-size: 17px; block-size: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .avc-sc__cta:active { transform: translateY(1px); }

  .avc-sc__disclaimer { margin-block-start: 16px; color: var(--sc-copy); font: 400 clamp(11.5px, 3.1vw, 12.5px)/1.45 var(--sc-sans); opacity: .85; }

  .avc-sc__trigger:focus-visible { outline: 2px solid #155b6b; outline-offset: -3px; }
  .avc-sc__cta:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }

  @media (max-width: 359px) { .avc-sc__trigger { gap: 10px; padding-inline: 13px; } .avc-sc__panel-inner { padding-inline: 13px; } .avc-sc__description { padding-inline-end: 30px; } }
  @media (prefers-reduced-motion: reduce) { .avc-sc__item, .avc-sc__toggle, .avc-sc__toggle::after { transition: none; } }
  @media (forced-colors: active) {
    .avc-sc__toggle { border: 1px solid ButtonText; }
    .avc-sc__toggle::before, .avc-sc__toggle::after { background: ButtonText; }
    .avc-sc__trigger:focus-visible, .avc-sc__cta:focus-visible { outline-color: Highlight; }
    .avc-sc__cta { border: 1px solid ButtonText; }
  }
}
