/* KOBIL — Resources: empty state (components/site/EmptyState.tsx)
 *
 * One stylesheet for all four lists, like _pagination.css. Rendered inside the
 * white content area in place of the grid, so the section's own padding is
 * already around it (48/40 on desktop, 20/16 on the phone) and this adds the
 * room that makes the band read as a deliberate panel rather than a gap —
 * 72 above and below at 1440 (≈120/112 in total), 40/32 on the phone.
 */

.rs-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--w12);
  max-width: var(--w560);
  margin: 0 auto;
  padding: var(--w72) 0;
  text-align: center;
}

/* Instrument Serif at the section-title size the pages already use. */
.rs-empty__title {
  margin: 0;
  font-family: var(--font-serif);
  font-size: var(--w32);
  font-weight: 400;
  line-height: 1.25;
  color: var(--navy);
}

.rs-empty__text {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--w16);
  font-weight: 400;
  line-height: var(--w24);
  color: var(--navy-70);
}

@media (max-width: 768px) {
  .rs-empty {
    gap: var(--m10);
    max-width: 100%;
    margin: 0 var(--m12);
    padding: var(--m40) 0 var(--m32);
  }

  .rs-empty__title {
    font-size: var(--m24);
  }

  .rs-empty__text {
    font-size: var(--m14);
    line-height: var(--m20);
  }
}