/* ============================================================
   Trust strip widget

   Tier 2 under the hero, and deliberately the quietest band on the page:
   near-black background, smaller type, no heading. See paths-widget.css for the
   hierarchy decision this is the other half of.
   ============================================================ */

.hs-trust{
  background:var(--hs-deep);
  border-bottom:1px solid var(--hs-line);
}

.hs-trust__grid{
  display:grid;
  grid-template-columns:repeat(var(--hs-trust-cols,4),minmax(0,1fr));
  gap:20px;
  padding:24px 0;
}

.hs-trust__item{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
/* Divider between items drawn as a left border on all but the first, so the
   strip has no trailing rule at the end of the row. */
.hs-trust__item + .hs-trust__item{
  border-left:1px solid var(--hs-line);
  padding-left:20px;
}
.hs-trust__item i{font-size:17px;margin-top:3px;flex:0 0 auto}
.hs-trust__body{display:block;min-width:0}
.hs-trust__body b{display:block;font-size:14px;font-weight:700}
.hs-trust__body span{display:block;font-size:12.5px}

/* Only linked items get affordances. */
a.hs-trust__item:hover b{color:var(--hs-w-accent,var(--hs-accent))}
a.hs-trust__item:focus-visible{outline:2px solid var(--hs-accent-2);outline-offset:3px}

@media(max-width:900px){
  .hs-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* At two columns the left border would fall in the middle of the row and read
     as a stray line rather than a separator. */
  .hs-trust__item + .hs-trust__item{border-left:0;padding-left:0}
}
@media(max-width:520px){
  .hs-trust__grid{grid-template-columns:minmax(0,1fr)}
}