/* Small circuit details use existing whitespace; no extra blocks or animation. */
main .section-heading {
  --circuit-surface: #fff;
  position: relative;
  border-bottom-width: 1px;
}
.site-block--project_highlights .section-heading { --circuit-surface: #ededed; }

/* Finish the existing long rule with a slight rise and a single red terminal. */
main .section-heading::after {
  content: '';
  position: absolute;
  inset-inline-end: 0;
  bottom: -4.5px;
  width: 160px;
  max-width: 45%;
  height: 16px;
  background: var(--circuit-surface) url('./circuit-divider.svg') right center / 160px 16px no-repeat;
  pointer-events: none;
}

/* Only major title groups receive short dividers; card and form labels stay clean. */
:is(
  .people-section > .section > h2,
  .process-grid > div:first-child,
  .svc-content > .svc-lead,
  .sd-heading,
  .contact-form-intro
) {
  position: relative;
}
:is(
  .people-section > .section > h2,
  .process-grid > div:first-child,
  .svc-content > .svc-lead,
  .sd-heading,
  .contact-form-intro
)::after {
  content: '';
  position: absolute;
  top: calc(100% + 5px);
  inset-inline-start: 0;
  width: min(160px, 65%);
  height: 16px;
  background: url('./circuit-divider.svg') right center / 160px 16px no-repeat;
  pointer-events: none;
}

/* The portfolio toolbar already has a strong red rule; give it one terminal. */
.page-projects .project-toolbar { position: relative; }
.page-projects .project-toolbar::after {
  content: '';
  position: absolute;
  inset-inline-end: 20px;
  bottom: -5px;
  width: 7px;
  height: 7px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: #94192d;
  pointer-events: none;
}

@media (max-width: 760px) {
  /* Leave the existing 22px gap before the contact form intact. */
  .contact-form-intro::after { top: calc(100% + 2px); }
}
@media (forced-colors: active), print {
  main .section-heading::after,
  :is(
    .people-section > .section > h2,
    .process-grid > div:first-child,
    .svc-content > .svc-lead,
    .sd-heading,
    .contact-form-intro
  )::after,
  .page-projects .project-toolbar::after { display: none; }
}