/* Books page — iOS-friendly buttons */
.page-books .btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}

/* kill any square/aspect rules and allow text to wrap */
.page-books .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  min-height:44px;           /* good tap target */
  width:auto !important;
  height:auto !important;
  aspect-ratio:auto !important;
  white-space:normal;         /* allow line breaks */
  word-break:keep-all;
  text-align:center;
  flex:1 1 220px;             /* 2-up by default, wraps as needed */
  max-width:320px;            /* don’t sprawl on tablets */
}

/* phones: make them full-width, one per row if tight */
@media (max-width:480px){
  .page-books