/* er-residue-cleanup.css
 *
 * Audit-driven extraction of inline-style residue from a handful of renderers
 * that don't yet own a dedicated stylesheet (or whose owning sheet is on the
 * "off-limits" list for a given pass). Each rule replaces a `style={{ … }}`
 * block on the matching element so the renderer can keep its JSX clean and
 * the property flows through builder-driven CSS variables.
 *
 * Element scopes covered (audit punch list §7):
 *   - .el-media-story-grid
 *   - .el-location-detail
 *   - .el-region-portfolio
 *   - .el-all-locations-map (loading state)
 *
 * Token contract:
 *   --site-text          base body color
 *   --site-text-muted    muted body color
 *   --site-surface       page surface
 *   --site-radius        section radius
 *   --ld-accent          location-detail accent (mapped from site-accent)
 *   --msg-accent         media-story-grid accent
 *   --rp-eyebrow         region-portfolio eyebrow color
 */

/* ── MediaStoryGrid: featured footer link ── */
.el-media-story-grid .el-msg__featured-footer-link {
  color: var(--msg-accent, currentColor);
  font-weight: 700;
  text-decoration: none;
}

/* ── LocationDetail: eyebrow + fact-card heading ── */
.el-location-detail .el-location-detail__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--ld-accent, var(--site-accent, currentColor));
  overflow-wrap: break-word;
}

.el-location-detail .el-location-detail__fact-title {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--ld-accent, var(--site-accent, currentColor));
  font-weight: 800;
  margin-bottom: 6px;
  overflow-wrap: break-word;
}

/* ── RegionPortfolio: eyebrow ── */
.el-region-portfolio .el-region-portfolio__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  color: var(--rp-eyebrow, currentColor);
  font-weight: 800;
  overflow-wrap: break-word;
}

/* ── AllLocationsMap: loading panel ── */
.el-all-locations-map__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--site-surface-muted, transparent);
  border-radius: var(--site-radius, 12px);
}

.el-all-locations-map__loading-text {
  color: var(--site-text-muted, currentColor);
  font-size: 0.875rem;
}