/* Page skeleton — sized like a page title, a lede and a few text rows. */
.page-skeleton {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  padding-top: var(--sp-2);
}

.page-skeleton__title {
  width: 40%;
  max-width: 320px;
  height: 28px;
  margin-bottom: var(--sp-2);
}

.page-skeleton__lede {
  width: 70%;
  height: 16px;
  margin-bottom: var(--sp-4);
}

.page-skeleton__rows {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.page-skeleton__row {
  width: 100%;
  height: 48px;
  border-radius: var(--radius);
}

.page-skeleton__row:nth-child(2n) {
  width: 92%;
}