/* Service trust figures follow the homepage's typography and ruled layout. */
html body.lf-public-service #main > .lfx-trust {
  box-sizing:border-box;
  width:min(1200px,calc(100% - 64px));
  margin:0 auto 40px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

html body.lf-public-service #main > .lfx-trust .lfx-trust-in {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  justify-items:stretch;
  gap:24px;
  width:100%;
  margin:0;
  padding:30px 0;
  border-block:1px solid #dce7e1;
  background:transparent;
  box-shadow:none;
}

html body.lf-public-service #main > .lfx-trust .lfx-chip {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:start;
  align-items:center;
  gap:6px;
  min-width:0;
  min-height:64px;
  margin:0;
  padding:0 20px 0 0;
  border:0;
  border-right:1px solid #dce7e1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  color:#062a2c;
  text-decoration:none;
  white-space:normal;
  text-shadow:none;
}
html body.lf-public-service #main > .lfx-trust .lfx-chip:last-child{border-right:0;padding-right:0}
html body.lf-public-service #main > .lfx-trust .lfx-chip::before,
html body.lf-public-service #main > .lfx-trust .lfx-chip::after{content:none!important}

html body.lf-public-service #main > .lfx-trust .lfx-chip > b {
  grid-column:1;
  grid-row:1;
  font:400 36px/1.2 var(--draft-serif);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
  color:#062a2c;
  text-shadow:none;
  animation:none!important;
}
html body.lf-public-service #main > .lfx-trust .lfx-chip > span {
  grid-column:1/-1;
  grid-row:2;
  font:500 10px/1.6 var(--draft-sans);
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:break-word;
  color:#47605a;
}
html body.lf-public-service #main > .lfx-trust .lfx-star-ic{grid-column:2;grid-row:1;justify-self:start;display:flex;align-items:center}
html body.lf-public-service #main > .lfx-trust .lfx-star-ic svg{width:18px;height:18px;filter:none;animation:none!important}
html body.lf-public-service #main > .lfx-trust .lfx-star-ic path{fill:#9f822d}
/* The existing no-rating fallback is a word, so give it the full value row. */
html body.lf-public-service #main > .lfx-trust a.lfx-chip > b:not(.lfx-cu){grid-column:1/-1;font-size:clamp(20px,5vw,28px)}
html body.lf-public-service #main > .lfx-trust a.lfx-chip:has(> b:not(.lfx-cu)) .lfx-star-ic{display:none}
html body.lf-public-service #main > .lfx-trust .lfx-ck{display:flex;align-items:center;min-height:43.2px}
html body.lf-public-service #main > .lfx-trust .lfx-ck svg{width:28px;height:28px;filter:none;animation:none!important}
html body.lf-public-service #main > .lfx-trust .lfx-ck path{stroke:#08777d}
html body.lf-public-service #main > .lfx-trust a.lfx-chip:hover{background:#f4f9f6}
html body.lf-public-service #main > .lfx-trust a.lfx-chip:focus-visible{outline:3px solid #20a7ad!important;outline-offset:4px!important}

@media(max-width:800px){
  html body.lf-public-service #main > .lfx-trust .lfx-trust-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  html body.lf-public-service #main > .lfx-trust .lfx-chip:nth-child(2){border-right:0;padding-right:0}
}
@media(max-width:600px){
  html body.lf-public-service #main > .lfx-trust{width:calc(100% - 36px);margin-bottom:32px}
  html body.lf-public-service #main > .lfx-trust .lfx-trust-in{padding:25px 0;gap:22px}
  html body.lf-public-service #main > .lfx-trust .lfx-chip{padding-right:12px}
  html body.lf-public-service #main > .lfx-trust .lfx-chip:nth-child(2),
  html body.lf-public-service #main > .lfx-trust .lfx-chip:last-child{padding-right:0}
  html body.lf-public-service #main > .lfx-trust .lfx-chip > b{font-size:clamp(26px,8vw,32px)}
  html body.lf-public-service #main > .lfx-trust .lfx-ck{min-height:38.4px}
}