/* The few additions ar.backpocket.co needs on top of the shop theme in backpocket.css.
   Pages use the shop's plain page layout: .page-hero, .page-content and .rte. */
.page-content .rte li { margin: .35rem 0; }
.page-content .rte h2 { margin: 2.5rem 0 1rem; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1; }
.page-content .rte h2:first-child { margin-top: 0; }
.ar-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; }
.ar-covers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; max-width: 56rem; margin-top: 2.5rem; }
.ar-covers img { display: block; width: 100%; height: auto; }
@media (max-width: 749px) {
  .ar-covers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}