/* Lower-section refinements belong only to the editable duplicate. */
body.ui-study .conversion-proof-metric .rating-score {
  display: inline-flex;
  align-items: center;
  gap: .14em;
}

body.ui-study .rating-star {
  width: .7em;
  height: .7em;
  flex: none;
  fill: #f0b429;
}

body.ui-study .comparison-included {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

body.ui-study .comparison-check {
  width: 24px;
  height: 24px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

/* Both bars use the same zero baseline: 21 / 28 = 75%. */
body.ui-study .revenue-market { height: 75%; }
body.ui-study .revenue-chart::before { top: 25%; }
body.ui-study .revenue-difference { height: 25%; }

@media (min-width: 768px) {
  body.ui-study .revenue-difference > div { padding: 6px 8px; }
  body.ui-study .revenue-difference strong {
    gap: 8px;
    font-size: clamp(28px, 3.2vw, 46px);
    line-height: 1.1;
  }
  body.ui-study .revenue-difference img { width: 28px; height: 28px; }
  body.ui-study .revenue-difference p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  body.ui-study .revenue-market { height: 270px; }
  body.ui-study .revenue-difference { height: 90px; }
}

@media (max-width: 639px) {
  body.ui-study .comparison-included { gap: 4px; }
  body.ui-study .comparison-check { width: 18px; height: 18px; }
}