/* ==========================================================================
   Dividers & rules
   .pf-divider  — full-width hairline (the #D9D9D9 rules between blocks)
   .pf-rule     — inline short accent rule (brand pink), decorative
   ========================================================================== */

.pf-divider {
  height: var(--pf-border);
  border: 0;
  background: var(--pf-hairline);
  width: 100%;
  margin-block: var(--pf-space-4);
}
.pf-divider--tight {
  margin-block: var(--pf-space-2);
}
.pf-divider--strong {
  background: var(--pf-hairline-strong);
}

.pf-rule {
  display: block;
  width: 48px;
  height: var(--pf-border-strong);
  border: 0;
  background: var(--pf-accent);
}