/* Binds the Resources aliases to the site's approved tokens (assets/adentro-v2.css), replacing the
   kit's brand-tokens.css. Scoped to .ad-resources; same isolation pattern as products and solutions. */
.ad-resources{--ad-blue:var(--v2-blue);--ad-blue-hover:var(--v2-blue-hover);--ad-ink:var(--v2-ink);--ad-muted:var(--v2-muted);
  --ad-canvas:var(--v2-canvas);--ad-surface:#FFFFFF;--ad-border:var(--v2-line);--ad-selected:var(--v2-selected);--ad-tint:#F6F6FD;
  --ad-indigo:#25255E;--ad-violet:#6034A9;--ad-lavender:#E8E6FB;--ad-success:#26755A;--ad-error:#8D2645;
  --ad-font-body:var(--v2-font);--ad-font-display:var(--v2-font);
  --ar-blue:var(--ad-blue);--ar-blue-dark:var(--ad-blue-hover);--ar-ink:var(--ad-ink);--ar-muted:var(--ad-muted);--ar-line:var(--ad-border);
  --ar-tint:var(--ad-tint);--ar-lav:var(--ad-selected);--ar-purple:var(--ad-violet);--ar-radius:16px;font-family:var(--ad-font-body)}

@layer site, resources-shield;
@layer resources-shield{
  .ad-resources :not(svg,svg *),
  .ad-resources :not(svg,svg *)::before,
  .ad-resources :not(svg,svg *)::after{all:revert}
}

/* Customer stories with no published narrative yet: the facts box sits as one row under the metrics
   instead of a lone sidebar. Grouped dt/dd pairs keep the template's fact-box styling. */
.ad-resources .story-reading.facts-only{display:block}
.ad-resources .story-reading.facts-only .fact-box dl{display:flex;flex-wrap:wrap;gap:8px 56px}
.ad-resources .story-reading:not(.facts-only) .fact-box dl>div+div>dt:first-child{margin-top:18px}

/* Customer-story pull quotes (case_studies.py): optional circular headshot, quote, name and title. */
.ad-resources .cs-quote{margin:32px 0;padding:24px 28px;border-left:3px solid var(--ad-blue);background:var(--ad-tint);border-radius:0 12px 12px 0;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:start}
.ad-resources .cs-quote:not(:has(.cs-quote-photo)){grid-template-columns:1fr}
.ad-resources .cs-quote-photo{grid-row:span 2;width:72px;height:72px;border-radius:50%;object-fit:cover}
.ad-resources .cs-quote blockquote{margin:0}
.ad-resources .cs-quote blockquote p{margin:0;font-size:20px;line-height:1.5;color:var(--ad-ink)}
.ad-resources .cs-quote figcaption{margin-top:12px;font-size:14px;line-height:1.45;color:var(--ad-muted)}
.ad-resources .cs-quote figcaption strong{display:block;color:var(--ad-ink);font-weight:600}
.ad-resources .cs-summary{font-size:19px;line-height:1.6;color:var(--ad-ink);padding:18px 0;border-bottom:1px solid var(--ad-border);margin-bottom:8px}
@media(max-width:600px){.ad-resources .cs-quote{padding:20px;column-gap:14px}.ad-resources .cs-quote-photo{width:56px;height:56px}.ad-resources .cs-quote blockquote p{font-size:18px}}
/* Long metric values/labels (e.g. "3x/month") must wrap inside narrow strip cells. */
.ad-resources .metric-strip>div{min-width:0}
.ad-resources .metric-strip strong,.ad-resources .metric-strip p{overflow-wrap:anywhere}