/* ==========================================================================
   PAGE: Reviews. The CMS renders the review list ({{ get-reviews }}) and the
   optional Footbridge reviews widget; these rules give both a readable frame.
   ========================================================================== */

.reviews-page {
  padding-block: 0 var(--section-space);
}

.reviews-page-inner {
  display: grid;
  gap: 32px;
}

.reviews-widget:empty {
  display: none;
}

/* Review list. The CMS writes its own review markup inside this frame,
   so only the frame and type are styled here. */
.reviews-list {
  max-width: 900px;
  padding: clamp(24px, 4vw, 40px);
  background: white;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);

  .review-sample {
    padding: 24px 28px;
    background: white;
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--primary-color);
    border-radius: var(--radius-lg);
  }

  p {
    color: var(--text-muted);
  }

  hr {
    display: none;
  }

  .review-sample-name {
    margin: 0;
    font-weight: 700;
    color: var(--text-color);
  }
}

.reviews-cta {
  margin: 0;
  color: var(--text-muted);

  a {
    font-weight: 700;
    color: var(--primary-strong);
  }
}