/* ==========================================================================
   TeamTrek V5 — The label over the logo marquee
   --------------------------------------------------------------------------
   Loaded only by index-v5.html. css/sections.css and css/product-v3.css hold
   .proof__label and are shared with v1, v3 and v4, where that label is left
   aligned and, in v3 and v4, commented out of the markup entirely.

   The modifier rather than a bare .proof__label override, so nothing here can
   reach another page's markup even by accident.
   ========================================================================== */

.proof__label--center {
  /* The marquee is widened past the container's text column so its fade edges
     sit outside it, so centring has to be on the label's own box. */
  text-align: center;
  margin-inline: auto;
  /* 1.75rem: the marquee's own box is only as tall as one logo row, so the
     measured gap to the logos is smaller than the number here suggests. */
  margin-bottom: 1.75rem;

  /* The shared rule sets --neutral-500, which measures 3.45:1 against this
     section's --neutral-25 background and fails WCAG AA for text this size.
     --neutral-600 is 4.65:1. */
  color: var(--neutral-600);
}
