/* V518: shared customer testimonials and customer story card spacing.
   Home pages embed this exact source before rendering. */
@layer comemso-layout-v412 {
  html body.cmo-site #main-content [data-testimonial-grid="v518"] {
    gap: 32px !important;
    align-items: start !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-content: start !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #001c32 !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > :is(blockquote,p) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 28px !important;
    border: 0 !important;
    border-left: 4px solid #006097 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 3px 14px rgba(0,28,50,.09) !important;
    color: #001c32 !important;
    -webkit-text-fill-color: currentColor !important;
    font: 400 17px/1.65 Roboto,Helvetica,Arial,sans-serif !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > blockquote p {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit !important;
    text-align: inherit !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > figcaption {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #004470 !important;
    -webkit-text-fill-color: currentColor !important;
    font: 400 14px/1.5 Roboto,Helvetica,Arial,sans-serif !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > figcaption strong {
    display: block !important;
    margin: 0 !important;
    color: #001c32 !important;
    font: 700 16px/1.45 Roboto,Helvetica,Arial,sans-serif !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > figcaption span {
    display: block !important;
    margin: 4px 0 0 !important;
    color: #004470 !important;
    font: 400 14px/1.5 Roboto,Helvetica,Arial,sans-serif !important;
  }

  html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > .customer-testimonial__logo {
    display: block !important;
    align-self: center !important;
    box-sizing: border-box !important;
    width: 144px !important;
    height: 88px !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 auto 16px !important;
    padding: 8px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.cmo-site #main-content [data-home-card] > [data-customer-testimonial="v518"] {
    margin: 20px 0 !important;
  }

  html body.cmo-site #main-content .cmo-customer-evidence[data-customer-evidence-card="v518"] {
    box-sizing: border-box !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  html body.cmo-site #main-content .cmo-customer-evidence[data-customer-evidence-card="v518"] > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  html body.cmo-site #main-content .cmo-customer-evidence[data-customer-evidence-card="v518"] > .cmo-customer-evidence__body {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 24px !important;
  }

  html body.cmo-site #main-content .cmo-customer-evidence[data-customer-evidence-card="v518"] > .cmo-customer-evidence__body > :last-child {
    margin-bottom: 0 !important;
  }

  @media (max-width: 899px) {
    html body.cmo-site #main-content [data-testimonial-grid="v518"] {
      gap: 24px !important;
    }
    html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > :is(blockquote,p) {
      padding: 20px !important;
      font-size: 16px !important;
    }
    html body.cmo-site #main-content :is(.cmo-ref-quote,.customer-testimonial)[data-customer-testimonial="v518"] > .customer-testimonial__logo {
      width: 120px !important;
      height: 72px !important;
    }
    html body.cmo-site #main-content .cmo-customer-evidence[data-customer-evidence-card="v518"] > .cmo-customer-evidence__body {
      padding: 20px !important;
    }
  }
}