/* Proof & info pages — /reviews, /smile-gallery, /insurance (and /faq).
   They reuse the home cards (rv-card, ba-case, ins-card) laid out as calm grids
   instead of marquees and sliders: on a page of their own, everything is visible. */

/* reviews: masonry columns, cards keep their natural height */
.rv-grid { columns: 3 300px; column-gap: 20px; }
.rv-grid .rv-card {
  break-inside: avoid;
  margin: 0 0 20px;
}

/* smile gallery: every case visible, image above its story */
.ba-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 32px); }
.ba-grid .ba-case { grid-area: auto; grid-template-columns: 1fr; }
.ba-grid .ba-case__body { padding: clamp(22px, 2.6vw, 32px); justify-content: flex-start; }

/* insurance: the same logo cards as the home wall, more columns */
.ins-grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));   /* nine logos: a full 3×3 */
  gap: 16px;
}
@media (max-width: 599.98px) { .ins-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }

/* links inside intros */
.rd-head .sec-intro a { color: var(--ink-strong); text-decoration: underline; text-decoration-color: rgba(11, 41, 93, .3); text-underline-offset: 3px; }
@media (hover: hover) { .rd-head .sec-intro a:hover { text-decoration-color: currentColor; } }

@media (max-width: 809.98px) {
  .ba-grid { grid-template-columns: 1fr; }
}