.site-header__action--support {
  position: relative;
  white-space: nowrap;
}

@media (max-width: 24rem) {
  body[data-tds-product="ronova"][data-tds-surface="site"] .ronova-support h1 {
    font-size: var(--tds-type-heading-2);
  }

  body[data-tds-product="ronova"][data-tds-surface="site"] .site-header .site-header__action--preferences {
    display: none;
  }
}

.site-header__action--support[data-link-detail]::after {
  content: attr(data-link-detail);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: max-content;
  max-width: min(20rem, 80vw);
  padding: var(--tds-space-2) var(--tds-space-3);
  border: 1px solid currentColor;
  border-radius: var(--tds-radius-control);
  background: var(--tds-bg);
  color: var(--tds-text);
  font-size: var(--tds-type-small);
  white-space: normal;
}

.site-header__action--support[data-link-detail]:is(:hover, :focus-visible)::after {
  display: block;
}

@media (max-width: 40rem) {
  body[data-tds-product="ronova"][data-tds-surface="site"] .site-header .site-brand__tag {
    letter-spacing: normal;
  }

  .site-header__action--support[data-link-detail]::after {
    box-sizing: border-box;
    width: min(12rem, 55vw);
    max-width: none;
    letter-spacing: normal;
    overflow-wrap: anywhere;
  }
}

.ronova-support .page-hero__note {
  max-width: var(--tds-width-reading);
}

.ronova-support h1 {
  max-width: var(--tds-width-standard);
  overflow-wrap: anywhere;
}

.ronova-support__terms {
  margin-block: var(--tds-space-6);
  color: var(--tds-text-muted);
  font-size: var(--tds-type-small);
}

.ronova-support__payment {
  margin-block-start: var(--tds-space-3);
  color: var(--tds-text-muted);
  font-size: var(--tds-type-small);
}

.ronova-support__contact {
  margin-block-start: var(--tds-space-16);
  padding-block-start: var(--tds-space-8);
  border-block-start: 1px solid var(--tds-border);
}

.ronova-support__contact p {
  max-width: var(--tds-width-reading);
  color: var(--tds-text-muted);
}