/* =========================================================
   Archive & Search — mobile reflow (layered over archive.css).
   The .rn-archive-grid already collapses to 1 column ≤640px via
   posts.css; these rules tighten spacing for the sticky mobile
   header/footer chrome and keep the hero + search form legible.
   ========================================================= */

.rn-m .rn-archive-hero {
  padding: 56px 0 48px;
}
.rn-m .rn-archive-hero__title {
  font-size: clamp(38px, 11vw, 60px);
}
.rn-m .rn-archive-hero__lead {
  font-size: 16px;
  padding: 0 8px;
}
.rn-m .rn-archive-results {
  padding-top: 48px;
  padding-bottom: 64px;
}

/* Keep the search pill inline on mobile — the round icon submit stays
   compact at the right edge, so no stacking is needed. */
.rn-m .rn-search-form {
  padding: 5px 5px 5px 18px;
}

.rn-m .rn-pager--server { margin-top: 48px; }
.rn-m .rn-empty { padding: 24px 8px; }