/*
 * Case studies template overrides — scoped CSS for /case-studies/[slug]
 *
 * Loaded AFTER webflow-page-case-studies-template.css so these rules win.
 *
 * Used by: app/(frontend)/case-studies/[slug]/page.tsx
 */

/* Section nav anchor scroll offset — match the 9rem nav offset used by blog */
main .section-casestudy-about,
main .section-casestudy-background,
main .section-casestudy-challenge,
main .section-casestudy-solution,
main .section-bottomline,
main #customer-profile {
  scroll-margin-top: 9rem;
}

/* Disable sticky behavior on the section nav for now (will be re-enabled
 * later with proper offset against the main navbar). */
main .case-study-section-nav {
  position: static;
}

/* Inline link spacing in case study rich text — production preserves
 * whitespace around <a> tags inside <p>, but our HTML→Lexical migration
 * stripped trailing/leading spaces from text nodes, so links collide
 * with surrounding words. Add a small horizontal margin as a visual fix.
 *
 * TECH DEBT #1: see docs/pact/webflow-migration/tech-debt.md
 * (re-run the rich text migration with whitespace preservation and
 * remove this rule + the same fix on every other template). */
main .case-study-rich-text a {
  margin: 0 0.15em;
}