/* =========================================================
   Phoenix Rising Counseling – styles.polish.css
   Visual polish & accessibility (Section 13 + TOC styling)
   ========================================================= */

/* Ensure footer and cards share consistent palette */
.referral-form-embed,
.map-embed,
.section-team .team-member {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border-subtle);
}

/* Ensure footer links & text have good contrast (reinforced here) */
.footer-col a {
  color: rgba(255, 255, 255, 0.9);
}

.footer-col a:hover {
  color: var(--color-accent-soft);
}

.footer-col a:focus-visible {
  color: var(--color-accent-soft);
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

/* Inputs (if any) focus visibility */
input,
textarea,
select {
  outline: none;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}

/* =========================================================
   Internal TOC Styling – "Jump to: Trauma · Family · ..."
   Purpose:
     - Add subtle spacing + readability for in-page "Jump to" TOCs
     - Keep behavior fully generic and deterministic
     - Avoid impacting normal links elsewhere
   Usage:
     - Specifically tuned for the emphasized TOC line at the top of
       heal-your-wounds.md (and similar sections if reused)
   ========================================================= */

/* TOC link spacing – in-page anchors inside emphasized TOC line */
.section em a[href^="#"] {
  margin-right: 0.35rem;
}

/* TOC block layout & breathing room */
.section p > em:first-child {
  display: block;
  margin-bottom: 0.75rem;
  opacity: 0.9;
}