/* QA pass 2: service and trade pages */
.w-ring-stat > div { display: grid; justify-items: center; gap: 2px; padding: 0 18px; }
.w-ring-stat > div .w-stat { display: block; line-height: 1; }
.w-ring-stat > div .w-label { white-space: nowrap; }
.s8-keep .w-stat { white-space: nowrap; font-size: clamp(34px, 3.4vw, 54px); }
.s8-dem { grid-template-columns: minmax(170px, 1.3fr) minmax(0, 1.7fr) 84px; }

@media (max-width: 900px) {
  /* 1fr lets a wide child stretch the column past the screen; minmax(0,1fr) does not */
  .w-head, .w-split, .w-g2, .w-g3 { grid-template-columns: minmax(0, 1fr) !important; }
  .w-split > *, .w-head > * { min-width: 0; }
  .s8-year { mask-image: linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .s8-year-note::before { content: "Swipe the strip to see the whole year. "; font-weight: 600; }
}
@media (max-width: 760px) {
  .s8-page-hero > .w-deco:first-child { top: auto; bottom: 12px; right: -18px; width: 84px; opacity: .35; }
  .s8-keep { grid-template-columns: 1fr !important; }
  .s8-keep .w-card { display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; align-items: baseline; }
  .s8-keep .w-card .w-label { grid-column: 1 / -1; }
  .s8-keep .w-card .w-stat { font-size: 40px; }
  .s8-keep .w-card p { margin: 0; }
}
@media (max-width: 600px) {
  .s8-dem { grid-template-columns: 1fr 70px; }
  .s8-pains2 .w-blob { border-radius: 44px 60px 48px 64px / 60px 44px 64px 48px !important; padding: 30px 30px !important; }
}