/* Hallmark · macrostructure: Catalogue / reusable provider cards · tone: practical
 * design-system: design.md · designed-as-app · existing palettes and Figtree.
 * Exactly two semantic variants; collection geometry lives in provider-layouts.css.
 * Pre-emit critique: P5 H5 E5 S5 R5 V4. No decorative media or added motion. */
:is(body, #wpforo.af-publication #wpforo-wrap) .af-provider-card[data-af-provider-card] {
  --provider-ink: var(--color-publication-ink);
  --provider-muted: var(--color-publication-ink-2);
  --provider-surface: var(--color-publication-surface);
  --provider-soft: var(--color-publication-accent-soft);
  --provider-accent: var(--color-publication-accent);
  --provider-radius: .875rem;
  --provider-action-radius: .625rem;
  --font-display: var(--font-publication-body);
  --font-ex-display: var(--font-publication-body);
  container-type: inline-size; container-name: provider-card;
  display: flex; flex-direction: column; align-items: stretch; align-self: stretch; gap: var(--space-xs);
  min-width: 0; margin: 0; padding: var(--provider-card-inset,var(--space-sm));
  border: var(--rule-hair) solid var(--color-publication-rule); border-radius: var(--provider-radius);
  background: var(--provider-surface); color: var(--provider-ink); box-shadow: none;
  font: 400 var(--text-sm)/1.5 var(--font-publication-body); overflow-wrap: anywhere;
  :is(h2,h3,h4,h5,h6,p,small) { margin: 0; padding: 0; }
  .af-provider-card__identity { display: grid; gap: var(--space-3xs); min-width: 0; }
  .af-provider-card__name { color: var(--provider-ink) !important; font: 600 var(--text-lg)/1.35 var(--font-publication-body) !important; font-style: normal !important; letter-spacing: -.015em; min-width: 0; overflow-wrap: anywhere; }
  .af-provider-card__name a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs); min-height: var(--control-height); color: inherit !important; font: inherit !important; text-decoration: none; }
  .af-provider-card__name a > span:first-child { min-width: 0; }
  .af-provider-card__name a > span:last-child { flex: 0 0 auto; color: var(--provider-accent); font-size: var(--text-md); }
  .af-provider-card__label { color: var(--provider-accent); font: 500 var(--text-xs)/1.5 var(--font-publication-body); }
  .af-provider-card__location { color: var(--provider-muted); font: 400 var(--text-sm)/1.5 var(--font-publication-body); }
  .af-provider-card__services { color: var(--provider-muted); font: 400 var(--text-sm)/1.5 var(--font-publication-body); }
  .af-provider-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2xs) var(--space-sm); margin-top: auto; min-width: 0; }
  .af-provider-card__actions a { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2xs); min-height: var(--control-height); max-width: 100%; padding: var(--space-2xs) var(--space-xs); border: 0; border-radius: var(--provider-action-radius); background: var(--provider-soft); color: var(--provider-accent) !important; font: 500 var(--text-sm)/1.4 var(--font-publication-body); text-decoration: none; box-shadow: none; white-space: nowrap; }
  .af-provider-card__actions .af-provider-card__claim { justify-content: start; padding-inline: 0; background: var(--color-transparent); font-size: var(--text-xs); }
  .af-provider-card__note { color: var(--color-publication-muted); font: 400 var(--text-xs)/1.5 var(--font-publication-body); }
  .af-dir-verification { justify-self: start; font-size: var(--text-xs); }
  a:focus-visible { outline: var(--rule-strong) solid var(--provider-accent) !important; outline-offset: var(--space-3xs); }
  .af-provider-card__actions a:active { background: var(--color-publication-soft); }
  .af-provider-card__name a:active { color: var(--provider-accent) !important; }
}
:is(body, #wpforo.af-publication #wpforo-wrap) .af-provider-card--premium[data-af-provider-card] { border-color: var(--color-publication-accent-soft); background: var(--color-publication-soft); }
@container provider-card (max-width: 17rem) {
  :is(body, #wpforo.af-publication #wpforo-wrap) .af-provider-card[data-af-provider-card] .af-provider-card__actions { column-gap: var(--space-2xs); }
  :is(body, #wpforo.af-publication #wpforo-wrap) .af-provider-card[data-af-provider-card] .af-provider-card__actions a { padding-inline: var(--space-2xs); }
}
@media (hover: hover) {
  :is(body, #wpforo.af-publication #wpforo-wrap) .af-provider-card[data-af-provider-card] {
    .af-provider-card__name a:hover { color: var(--provider-accent) !important; text-decoration: underline; text-underline-offset: .2em; }
    .af-provider-card__actions a:hover { background: var(--color-publication-soft); }
  }
}