/* =====================================================
   PLACEHOLDER PAGES (2 & 3)
   ===================================================== */

.page-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-m);
  width: 100%;
  height: 100%;
  min-height: 50vh;
}

.page-number {
  font-size: clamp(4rem, 15vw, 12rem);
  color: rgba(0,0,0,0.08);
  font-weight: bold;
  line-height: 1.2;
  user-select: none;
}

/* =====================================================
   ACCESSIBILITY
   ===================================================== */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.hidden {
  display: none !important;
}