/* Keep the adopted design while making room comparisons readable on mobile. */
body { font-size: 15px; }
body .page-lead,
body .section-heading > p,
body .room-details p { font-size: 15px; }
body .room-jump {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .room-jump a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  gap: 12px;
  font-size: 14px;
  overflow-wrap: anywhere;
}
body .room-info h3,
body .bed-list,
body .room-info .small-note,
body .room-stats dt,
body .room-stats dd span,
body .amenities li,
body .gallery figcaption,
body .room-policy,
body .lightbox figcaption,
body .lightbox-controls output { font-size: 14px; }
body .room-info > .button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  gap: 20px;
  text-align: center;
}
body .room-info > .button > span { justify-self: center; }
@media (max-width: 750px) {
  body .room-jump { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}