/* ============================================================
   Divider — universal section separator
   Tokens from src/tokens.css
   ============================================================ */

.divider {
  display:    block;
  border:     none;
  border-top: 1px solid var(--divider);
  margin:     0 auto;
}

/* Container-width (default): 1024px, constrained by side padding */
.divider:not(.divider--full) {
  width:     1024px;
  max-width: calc(100vw - 160px); /* 80px × 2 — desktop */
}

/* Full-width: spans the viewport */
.divider--full {
  width: 100%;
}

/* Tablet + landscape mobile (≤991px): 60px × 2 = 120px */
@media (max-width: 991px) {
  .divider:not(.divider--full) {
    max-width: calc(100vw - 120px);
  }
}

/* Portrait mobile (≤479px): 24px × 2 = 48px */
@media (max-width: 479px) {
  .divider:not(.divider--full) {
    max-width: calc(100vw - 48px);
  }
}