/* Shared styles for client info / blog content */
.lb-page-hero {
  background: linear-gradient(100deg, #3B1063, #7B2CBF 60%, #C026A3);
  color: #fff;
  padding: 36px 32px;
  border-radius: 16px;
  margin: 0 0 28px;
}
.lb-page-hero h1 { margin: 0 0 8px; font-size: 32px; color: #fff; }
.lb-page-hero p { margin: 0; color: #EBDDFA; max-width: 680px; }
.lb-crumb { font-size: 13px; color: #6B6680; margin-bottom: 12px; }
.lb-page-body { max-width: 900px; }
.lb-page-body h2 { margin-top: 28px; }
.lb-page-body .vals,
.lb-page-body .story {
  display: grid;
  gap: 16px;
}
@media (min-width: 800px) {
  .lb-page-body .vals { grid-template-columns: repeat(4, 1fr); }
  .lb-page-body .story { grid-template-columns: 1.3fr 1fr; }
}
.lb-page-body .vcard,
.lb-page-body .box,
.lb-page-body .icard {
  border: 1px solid #E8E5F1;
  border-radius: 14px;
  padding: 18px;
  background: #F7F6FB;
}