/* Final visual polish. Kept as the last stylesheet for compatibility. */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 50%;
  z-index: -1;
  width: min(100%, var(--layout-max));
  height: 230px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #dff2ea 0%, rgba(243, 246, 245, 0) 100%);
  pointer-events: none;
}

.site-nav__toggle,
.site-nav__cta,
.site-menu a,
.btn,
.bottom-action-bar__button,
summary,
.ip-bet-tabs__nav label {
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.site-nav__toggle:active,
.site-nav__cta:active,
.site-menu a:active,
.btn:active,
.bottom-action-bar__button:active {
  transform: translateY(1px);
}

.ip-bet-point strong {
  display: block;
  margin-bottom: 5px;
  color: var(--navy);
  font-size: 13px;
  line-height: 1.35;
}

.ip-bet-point span {
  display: block;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.62;
}

details[open] > summary {
  color: var(--brand-dark);
}

@media (min-width: 481px) {
  body { margin-top: 0; margin-bottom: 0; border-radius: 0; }
  .site-header,
  .app-install-bar { border-radius: 0; }
  .bottom-action-bar { bottom: 0; border: 1px solid var(--line); border-radius: 15px 15px 0 0; }
}

@media (hover: hover) {
  .site-menu a:hover {
    border-color: #afd4c6;
    background: var(--brand-soft);
  }
  .site-nav__toggle:hover { background: transparent; }
  .ip-block:hover,
  .ip-media-block:hover,
  .ip-legal-article:hover {
    border-color: #c7dbd4;
  }
}