/* Stable first paint: one fixed-height row, then a vertical rail only when needed. */
body.drn-reference-global .ragbet-header-benefits {
  --ragbet-benefits-bg:#f1f3f5;
  --ragbet-benefits-text:var(--yc-text,#27303d);
  --ragbet-benefits-icon:var(--yc-primary,#5e2cfa);
  --ragbet-benefits-border:#e1e4e8;
  --ragbet-benefits-row-height:max(48px,calc(2.8em + 8px));
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:0;
  color:var(--ragbet-benefits-text);
  background:var(--ragbet-benefits-bg);
  border:0;
  border-bottom:1px solid var(--ragbet-benefits-border);
  font-family:var(--yc-font-body,inherit);
  font-size:var(--drn-header-size,var(--yc-header-size,14px));
  font-weight:var(--yc-header-weight,500);
  line-height:1.4;
  letter-spacing:var(--yc-tracking-body,normal);
}
body.drn-reference-global .ragbet-header-benefits[data-tone="neutral"] {
  --ragbet-benefits-bg:#f1f3f5;
  --ragbet-benefits-border:#e1e4e8;
}
body.drn-reference-global .ragbet-header-benefits[data-tone="soft"] {
  --ragbet-benefits-bg:var(--yc-accent-soft,#f5f1ff);
  --ragbet-benefits-border:var(--yc-border,#e5e1ec);
}
body.drn-reference-global .ragbet-header-benefits[data-tone="surface"] {
  --ragbet-benefits-bg:var(--yc-surface,#fff);
  --ragbet-benefits-border:var(--yc-border,#e5e7eb);
}
body.drn-reference-global .ragbet-header-benefits[data-tone="brand"] {
  --ragbet-benefits-bg:var(--yc-primary,#5e2cfa);
  --ragbet-benefits-text:var(--yc-primary-text,#fff);
  --ragbet-benefits-icon:var(--yc-primary-text,#fff);
  --ragbet-benefits-border:var(--yc-primary,#5e2cfa);
}
body.drn-reference-global .ragbet-header-benefits[data-tone="inverse"] {
  --ragbet-benefits-bg:var(--yc-inverse-bg,#241d32);
  --ragbet-benefits-text:var(--yc-inverse-text,#fff);
  --ragbet-benefits-icon:var(--yc-inverse-text,#fff);
  --ragbet-benefits-border:var(--yc-inverse-bg,#241d32);
}
body.drn-reference-global .ragbet-header-benefits__inner {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  width:100%;
  max-width:var(--drn-header-container-max,var(--yc-header-max,1240px));
  height:var(--ragbet-benefits-row-height);
  min-width:0;
  margin:0 auto;
  padding:0 var(--drn-header-gutter,var(--yc-header-gutter,24px));
}
body.drn-reference-global .ragbet-header-benefits__accessible {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
body.drn-reference-global .ragbet-header-benefits__viewport {
  position:relative;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:var(--ragbet-benefits-row-height);
  overflow:hidden;
}
body.drn-reference-global .ragbet-header-benefits__track {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  transform:translate3d(0,0,0);
  transition:none;
}
body.drn-reference-global .ragbet-header-benefits__item {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 calc(100% / var(--ragbet-benefits-count,3));
  gap:8px;
  width:calc(100% / var(--ragbet-benefits-count,3));
  min-width:0;
  max-width:100%;
  height:var(--ragbet-benefits-row-height);
  min-height:var(--ragbet-benefits-row-height);
  margin:0;
  padding:4px 10px;
  text-align:center;
}
body.drn-reference-global .ragbet-header-benefits__item > .drn-ref-icon {
  display:block;
  flex:0 0 17px;
  width:17px;
  height:17px;
  color:var(--ragbet-benefits-icon);
}
body.drn-reference-global .ragbet-header-benefits__item > span {
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* The end clone exists only to make last-to-first travel keep moving upward. */
body.drn-reference-global .ragbet-header-benefits__track > [data-benefits-clone] {display:none}
body.drn-reference-global .ragbet-header-benefits.is-inline .ragbet-header-benefits__track {transform:translate3d(0,0,0)!important;transition:none}
body.drn-reference-global .ragbet-header-benefits.is-rotating .ragbet-header-benefits__track {
  flex-direction:column;
  align-items:stretch;
  transition:transform 420ms cubic-bezier(.22,.68,.25,1);
  will-change:transform;
}
body.drn-reference-global .ragbet-header-benefits.is-rotating .ragbet-header-benefits__item {flex:none;width:100%}
body.drn-reference-global .ragbet-header-benefits.is-rotating .ragbet-header-benefits__track > [data-benefits-clone] {display:flex}
body.drn-reference-global .ragbet-header-benefits.is-rotating .ragbet-header-benefits__item > span {
  display:-webkit-box;
  max-height:2.8em;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.drn-reference-global .ragbet-header-benefits.is-resetting .ragbet-header-benefits__track,
body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__track.is-resetting {transition:none!important}

@media(max-width:767px) {
  body.drn-reference-global .ragbet-header-benefits {font-size:var(--drn-header-size-mobile,var(--yc-header-size-mobile,14px))}
  /* Before JS measures, mobile already shows exactly one centred message. */
  body.drn-reference-global .ragbet-header-benefits:not(.is-enhanced) .ragbet-header-benefits__track {flex-direction:column;align-items:stretch}
  body.drn-reference-global .ragbet-header-benefits:not(.is-enhanced) .ragbet-header-benefits__item {flex:none;width:100%}
  body.drn-reference-global .ragbet-header-benefits:not(.is-enhanced) .ragbet-header-benefits__item > span {
    display:-webkit-box;
    max-height:2.8em;
    white-space:normal;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
}
@media(max-width:639px) {
  body.drn-reference-global .ragbet-header-benefits__inner {padding-inline:var(--drn-header-mobile-gutter,var(--yc-header-mobile-gutter,16px))}
}

/* Measurement is independent of all live state, line-clamping and transforms.
   JS uses item widths, including icon/gap/padding, to test equal-column fit. */
body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__track.ragbet-header-benefits__measure {
  position:absolute;
  inset:0 auto auto 0;
  display:flex;
  flex-direction:row!important;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:max-content;
  min-width:0;
  max-width:none;
  height:0;
  min-height:0;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__measure .ragbet-header-benefits__item {
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:none;
  white-space:nowrap;
}
body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__measure .ragbet-header-benefits__item > span {
  display:block!important;
  max-width:none;
  max-height:none;
  overflow:visible;
  white-space:nowrap!important;
  -webkit-line-clamp:unset;
}
body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__measure > [data-benefits-clone] {display:none!important}
@media(prefers-reduced-motion:reduce) {
  body.drn-reference-global .ragbet-header-benefits .ragbet-header-benefits__track {transition:none!important;will-change:auto}
}