/* pad.css — tablet / fold. Applies when html.pad or width >= 600. */
@media (min-width: 600px) {
  html { font-size: 17px; }
  header { padding: 18px 28px 12px; }
  .chop { width: 46px; height: 46px; font-size: 15px; }
  .brand h1 { font-size: 24px; }
  .search-bar { margin: 12px 28px 12px; min-height: 48px; }
  .filter-drop { padding-left: 28px; padding-right: 28px; }
  .feed {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-content: start;
    padding: 8px 28px calc(120px + var(--nav-inset));
  }
  .swipe { margin: 0; }
  .empty, .load-hint { grid-column: 1 / -1; }
  .rail { right: 20px; bottom: calc(28px + var(--nav-inset)); }
  .overlay { place-items: center; padding: 28px; }
  .overlay.show .sheet { transform: translateY(0) scale(1); }
  .sheet {
    border-radius: 18px;
    width: min(560px, 100%);
    max-height: min(86dvh, 780px);
    padding: 22px 20px 20px;
    transform: translateY(12px) scale(0.98);
  }
}

html.pad header { padding: 18px 28px 12px; }
html.pad .chop { width: 46px; height: 46px; font-size: 15px; }
html.pad .brand h1 { font-size: 24px; }
html.pad .search-bar { margin: 12px 28px 12px; min-height: 48px; }
html.pad .filter-drop { padding-left: 28px; padding-right: 28px; }
html.pad .feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
  padding: 8px 28px calc(120px + var(--nav-inset));
}
html.pad .swipe { margin: 0; }
html.pad .empty, html.pad .load-hint { grid-column: 1 / -1; }
html.pad .rail { right: 20px; bottom: calc(28px + var(--nav-inset)); }
html.pad .overlay { place-items: center; padding: 28px; }
html.pad .overlay.show .sheet { transform: translateY(0) scale(1); }
html.pad .sheet {
  border-radius: 18px;
  width: min(560px, 100%);
  max-height: min(86dvh, 780px);
  padding: 22px 20px 20px;
  transform: translateY(12px) scale(0.98);
}

@media (min-width: 960px) {
  html.pad .feed,
  .feed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}