/* B2 testimonials page: tablet and phone calibration of the board's inline styles. */

/* hero numbers line up at the top when one label wraps to more lines than the others */
.b2-testimonials dl > div[style*="column-reverse"]{justify-content:flex-end}

@media (max-width:900px){
  .b2-testimonials h1[style*="font-size: 64px"]{font-size:50px !important}
  .b2-testimonials h2[style*="font-size: 44px"]{font-size:36px !important}
}

@media (max-width:640px){
  /* side gutters: 40 px on the board, 20 px here */
  .b2-testimonials [style*="padding: 36px 40px 80px"]{padding:24px 20px 56px !important}
  .b2-testimonials [style*="padding: 88px 40px 96px"]{padding:56px 20px 64px !important}
  .b2-testimonials [style*="padding: 96px 40px 0"]{padding:56px 20px 0 !important}
  .b2-testimonials [style*="padding: 76px 40px 0"]{padding:56px 20px 0 !important}
  .b2-testimonials [style*="padding: 88px 40px 104px"]{padding:56px 20px 72px !important}
  .b2-testimonials nav[aria-label="Breadcrumb"]{margin-bottom:28px !important}

  /* type scale */
  .b2-testimonials h1[style*="font-size: 64px"]{font-size:40px !important;line-height:1.06 !important;letter-spacing:-.02em !important}
  .b2-testimonials p[style*="font-size: 19px"]{font-size:17px !important}
  .b2-testimonials h2[style*="font-size: 44px"]{font-size:30px !important;line-height:1.15 !important}
  .b2-testimonials h2[style*="font-size: 40px"]{font-size:30px !important}
  .b2-testimonials dd[style*="font-size: 44px"]{font-size:36px !important}
  .b2-testimonials dl[style*="repeat(3"]{gap:12px 16px !important}
  .b2-testimonials dt{font-size:13px !important}

  /* cards and the closing band */
  .b2-testimonials [style*="padding: 28px;"]{padding:22px 20px !important}
  .b2-testimonials .tx-card[style*="padding: 22px"]{padding:20px 18px !important}
  .b2-testimonials [style*="padding: 48px;"]{padding:28px 22px !important}
  /* the filter pills stay on one scrolling row */
  .b2-testimonials [role=group][aria-label="Filter testimonials"]{flex-wrap:nowrap !important;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}
  .b2-testimonials [role=group][aria-label="Filter testimonials"] > button{flex:none}
}
