/* The 17-point HellSpin audit: preserve each site's palette and component layout. */
.hs-audit-hero{isolation:isolate}
.hs-audit-hero>.hs-audit-hero-image{z-index:0}
.hs-audit-hero .hs-audit-hero-copy{position:relative;z-index:2}
.hs-audit-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,12,.72) 0%,rgba(5,7,12,.60) 36%,rgba(5,7,12,.28) 52%,rgba(5,7,12,0) 66%)}
.hs-audit-hero h1,.hs-audit-hero-copy>p{-webkit-hyphens:manual;hyphens:manual;word-break:normal;overflow-wrap:anywhere}
.hs-audit-hero h1,.hs-audit-hero-copy>p{color:#fff;text-shadow:0 2px 5px #0009}
.hs-audit-amount{white-space:nowrap}
.hs-audit-sidebar.is-collapsed,.hs-audit-sidebar.state-folded,.hs-audit-sidebar.pl-is-collapsed,.hs-audit-sidebar.state-collapsed,.hs-audit-sidebar.hs-is-collapsed{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
@media(max-width:1080px){
 .hs-audit-game-track{grid-auto-columns:156px!important;gap:8px!important}
 .hs-audit-game-footer{min-height:56px;padding:8px 6px}
 .hs-audit-game-footer strong{font-size:11px;line-height:1.2}
 .hs-audit-game-footer small{font-size:8px;margin-top:4px}
 .hs-audit-game-heading{margin-bottom:10px;gap:10px}
 .hs-audit-game-heading h2{font-size:20px}
}
@media(max-width:900px){
 .hs-audit-hero{padding-top:64px}
 .hs-audit-hero::after{background:none}
 .hs-audit-hero .hs-audit-hero-copy{background:rgba(var(--body-bg-rgb,5,6,19),.36);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 20px #0002}
 .hs-audit-offer{padding-top:96px}
 .hs-audit-offer .hs-audit-offer-copy{background:rgba(var(--body-bg-rgb,5,6,19),.30);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 20px #0002}
 .hs-audit-offer.offer-banner--copy-right,.hs-audit-offer.hs-offer-copy-right,.hs-audit-offer.promo-banner-copy-right,.hs-audit-offer.page-offer-banner--copy-right{background-position:left center!important}
}
@media(max-width:600px){
 .hs-audit-game-track{grid-auto-columns:120px!important;gap:7px!important}
 .hs-audit-game-footer{min-height:50px;padding:7px 5px}
 .hs-audit-game-footer strong{font-size:10px}
 .hs-audit-game-heading h2{font-size:18px}
 .hs-audit-nav{gap:5px;padding-inline:8px}
 .hs-audit-logo{width:84px}
 .hs-audit-wheel{width:136px!important;flex:0 0 136px!important;grid-template-columns:30px minmax(0,1fr) 14px!important;gap:4px!important;padding:5px 6px!important}
 .hs-audit-wheel strong{min-width:0;font-size:10px!important;line-height:1.15;hyphens:none;word-break:normal;overflow-wrap:normal}
 .hs-audit-wheel-icon{width:30px;height:30px}
}
@media(max-width:370px){
 .hs-audit-game-track{grid-auto-columns:108px!important}
 .hs-audit-logo{width:72px}
 .hs-audit-wheel{width:124px!important;flex-basis:124px!important;gap:3px!important}
}
@media(max-width:340px){
 .hs-audit-wheel{width:60px!important;flex-basis:60px!important;grid-template-columns:30px 14px!important}
 .hs-audit-wheel strong{display:none}
}

/* Keep long localized headings inside mobile content panels. */
@media (max-width: 600px) {
  body :is(h1, h2, h3) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.hs-mobile-legal h1 {
    font-size: clamp(24px, 7.5vw, 32px) !important;
    line-height: 1.16;
  }
}

/* Long mobile headings use language-aware hyphenation, not arbitrary letter breaks. */
@media (max-width: 900px) {
  body :is(h1, h2, h3) {
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    hyphenate-limit-chars: 6 3 3;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: wrap;
  }
}

/* Small screens: wrap heading words before considering an emergency break. */
@media (width < 400px) {
  body h1 {
    font-size: 27px !important;
    line-height: 1.15 !important;
    -webkit-hyphens: manual !important;
    hyphens: manual !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
  }
}

/* H1 words stay intact at every viewport width. */
body h1 {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: wrap !important;
}

/* Never insert hyphens or break a word in any page text. */
:root body, :root body * {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}