.shell { width: min(calc(100% - 32px), 980px); }
.narrow-page, .prose { width: min(calc(100% - 32px), 760px); }

@media (max-width: 700px) {
  .shell { width: min(calc(100% - 22px), 980px); }
  .header-row nav { gap: 9px; }
  .header-row nav a:nth-child(2),
  .header-row nav a:nth-child(3) { display: none; }
  .listing.featured { grid-template-columns: 44px minmax(0, 1fr); }
  .listing.featured .rank { grid-row: 1 / 3; }
  .listing.featured .listing-image {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 150px;
  }
  .listing.featured .listing-body { grid-column: 2; grid-row: 2; }
}

.pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 30px 0; }