.tr-build-review-article .tr-build-operator-reviews {
  container-type: inline-size;
  margin-block: clamp(26px, 3.6vw, 44px);
}
.tr-build-review-article .tr-build-operator-reviews > h3 {
  margin: 0 0 8px;
  color: var(--yellow);
  font-family: var(--font-display);
  font-size: clamp(22px, 3vw, 31px);
}
.tr-build-review-article .tr-build-operator-reviews > p { margin: 0 0 18px; color: #e1d8ef; }
.tr-build-review-article .tr-build-operator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tr-build-review-article .tr-build-operator-grid > .tr-build-operator-card {
  display: flex;
  min-inline-size: 0;
  flex-direction: column;
  gap: 11px;
  margin: 0;
  padding: 13px;
  border: 1px solid #70568b;
  border-block-end: 3px solid var(--operator-accent);
  border-radius: 13px;
  corner-shape: bevel;
  background: linear-gradient(140deg, #2d2142, #171325 70%);
  color: #f4eefb;
}
@supports not (corner-shape: bevel) {
  .tr-build-review-article .tr-build-operator-grid > .tr-build-operator-card {
    border-radius: 0;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px),
      calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px);
  }
}
.tr-build-operator-1xbet { --operator-accent: #67def4; }
.tr-build-operator-1win { --operator-accent: #a2edff; }
.tr-build-operator-melbet { --operator-accent: #f4f575; }
.tr-build-operator-stake { --operator-accent: #f5dcb8; }
.tr-build-operator-parimatch { --operator-accent: #f2eb67; }
.tr-build-operator-crorebet { --operator-accent: #fc93cd; }
.tr-build-review-article .tr-build-operator-card > .tr-build-operator-wordmark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  margin: 0;
}
.tr-build-review-article .tr-build-operator-card > .tr-build-operator-score {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding-block-end: 7px;
  border-block-end: 1px solid #5c486d;
  color: #e1d8ef;
  font-size: .85em;
}
.tr-build-operator-score > strong { color: var(--operator-accent); font-size: 1.5em; white-space: nowrap; }
.tr-build-operator-score > strong > span { font-size: .68em; }
.tr-build-review-article .tr-build-operator-card > .tr-build-operator-facts {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-inline-start: 17px;
  list-style: square;
  font-size: .88em;
  line-height: 1.48;
}
.tr-build-review-article .tr-build-operator-facts > li { margin: 0; }
.tr-build-operator-facts > li::marker { color: var(--operator-accent); }
.tr-build-review-article .tr-build-operator-card > .tr-build-operator-link {
  inline-size: 100%;
  min-block-size: 42px;
  margin-block-start: auto;
  text-align: center;
  text-decoration: none;
}
.tr-build-high-contrast .tr-build-operator-reviews > p,
.tr-build-high-contrast .tr-build-operator-card > .tr-build-operator-score,
.tr-build-high-contrast .tr-build-operator-score > strong { color: #fff; }
.tr-build-high-contrast .tr-build-operator-grid > .tr-build-operator-card { background: #000; border-color: #fff; }
@container (max-width: 690px) {
  .tr-build-review-article .tr-build-operator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 430px) {
  .tr-build-review-article .tr-build-operator-grid { grid-template-columns: minmax(0, 1fr); }
}
