/* practice-area.css — loaded ONLY on the 10 practice-area pages, AFTER styles.css.
   Scoped automatically by where it is linked, so plain .section selectors here affect
   practice-area pages only.
   (1) Reduce the heavy inter-section whitespace (global .section uses var(--sp-24)).
   (2) Add a subtle inset divider between consecutive content sections (design ref).
   The page hero is .page-hero (not .section), so the first content section is unaffected. */

.section { padding: clamp(2.5rem, 5.5vw, 4.25rem) 0; }

.section + .section { padding-top: 0; }
.section + .section > .container {
  border-top: 1px solid color-mix(in srgb, var(--gold-500) 20%, var(--border));
  padding-top: clamp(2.5rem, 5.5vw, 4.25rem);
}

@media (max-width: 640px) {
  .section { padding: clamp(2rem, 8vw, 2.75rem) 0; }
  .section + .section > .container { padding-top: clamp(2rem, 8vw, 2.75rem); }
}