/* Light v4 refinements for utility pages; all selectors stay within the opt-in root. */
.site-v4 {
  --utility-ink: var(--sv4-ink);
  --utility-muted: var(--sv4-muted);
  --utility-line: var(--sv4-line);
  --utility-surface: var(--sv4-surface);
  --utility-soft: var(--sv4-soft);
  background: #fff;
  color: var(--utility-ink);
}
.site-v4 .main { min-height: 100vh; overflow: clip; background: #fff; color: var(--utility-ink); }
.site-v4 .header { position: relative; z-index: 2; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--utility-line); box-shadow: 0 4px 18px rgb(35 33 43 / 4%); }
.site-v4 .header__container { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-v4 .header__text { color: var(--utility-muted); }
.site-v4 .header .logo, .site-v4 .press-header .logo { text-decoration: none; }
.site-v4 .logo__salo { color: var(--sv4-orange); }
.site-v4 .logo__dot { color: #cfcffd; }
.site-v4 .logo__fun { color: var(--sv4-gold); }
.site-v4 .button, .site-v4 .button::before { border-radius: 12px; }
.site-v4 .button { padding: 15px 20px; background: var(--sv4-orange); box-shadow: 0 8px 20px rgb(250 64 16 / 18%); font-weight: 700; }
.site-v4 .button::before { display: none; }
.site-v4 .button:hover { background: #e9360c; transform: translateY(-1px); }
.site-v4 .content { position: relative; background: #fff; color: var(--utility-ink); }
.site-v4 .blur { display: none; }
.site-v4 .page { width: min(1160px, calc(100% - 40px)); margin-inline: auto; padding: 54px 0 72px; }
.site-v4 .subtitle, .site-v4 .title { color: var(--utility-ink); }
.site-v4 .section__desc, .site-v4 .tariffs-biz__text { color: var(--utility-muted); }
.site-v4 .tariffs-hero { padding: 28px 20px 44px; border: 1px solid var(--utility-line); border-radius: 26px; background: linear-gradient(135deg, #fff7f1, #f7f3ff 72%, #eff8f3); }
.site-v4 .tariffs-hero .subtitle { margin-bottom: 16px; }
.site-v4 .tariffs-hero .section__desc { max-width: 720px; margin-inline: auto; }
.site-v4 .tariffs-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr); align-items: center; gap: 36px; padding: clamp(30px, 4vw, 50px); text-align: left; }
.site-v4 .tariffs-hero__copy, .site-v4 .tariffs-hero .subtitle, .site-v4 .tariffs-hero .section__desc { text-align: left; }
.site-v4 .tariffs-hero .subtitle { margin-bottom: 12px; }
.site-v4 .tariffs-hero .section__desc { margin-inline: 0; }
.site-v4 .tariffs-hero__facts { display: grid; gap: 10px; }
.site-v4 .tariffs-hero__facts > div { display: flex; align-items: baseline; gap: 14px; padding: 14px 18px; border: 1px solid var(--sv4-line); border-radius: 14px; background: #fff; }
.site-v4 .tariffs-hero__facts strong { flex: none; min-width: 68px; color: var(--sv4-orange); font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1; }
.site-v4 .tariffs-hero__facts span { color: var(--sv4-ink); font-size: .9rem; font-weight: 700; }
.site-v4 .tariffs-table { margin-top: 50px; padding: 30px; border: 1px solid var(--utility-line); border-radius: 24px; background: #fff; box-shadow: 0 14px 36px rgb(35 33 43 / 6%); }
.site-v4 .tariffs-table .subtitle { margin-bottom: 26px; }
.site-v4 .tariffs-table__grid { color: var(--utility-ink); }
.site-v4 .tariffs-table__grid th, .site-v4 .tariffs-table__grid td { border-bottom-color: var(--utility-line); }
.site-v4 .tariffs-table__grid th:first-child, .site-v4 .tariffs-table__grid td:first-child { background: #fff; color: var(--utility-ink); }
.site-v4 .tariffs-table__col--free { background: #f3edff; }
.site-v4 .tariffs-table__col--private { background: #faf5ff; }
.site-v4 .tariffs-table__name { color: var(--utility-ink); }
.site-v4 .tariffs-table__hint { color: #9468c6; }
.site-v4 .tariffs-table__badge { background: #7852b5; color: #fff; }
.site-v4 .tariffs-table__yes { color: #398261; }
.site-v4 .tariffs-table__no { color: var(--utility-muted); }
.site-v4 .tariffs-table__scroll-hint { display: none; }
.site-v4 .tariffs-biz { padding: 34px; border: 1px solid var(--utility-line); border-radius: 22px; background: var(--utility-soft); }
.site-v4 .tariffs-biz__title { color: var(--utility-ink); }
.site-v4 .link { color: #6945a6; }
.site-v4 #promo-party-link { color: var(--sv4-brand); text-decoration: underline; }
.site-v4 .faq__item, .site-v4 .card { border-color: var(--utility-line); background: #fff; color: var(--utility-ink); }
.site-v4 .faq__title { color: var(--utility-ink); }
.site-v4 .faq__text { color: var(--utility-muted); }

/* Legal copy remains unchanged; only its reading surface and controls change. */
.site-v4 .page__container--narrow { width: min(1000px, calc(100% - 40px)); margin-inline: auto; padding: 48px 0 70px; }
.site-v4 .documents__tabs { justify-content: flex-start; gap: 8px; margin-bottom: 28px; padding: 6px; border: 1px solid var(--utility-line); border-radius: 16px; background: var(--utility-soft); }
.site-v4 .documents__tab { padding: 12px 18px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: var(--utility-muted); }
.site-v4 .documents__tab::before { display: none; }
.site-v4 .documents__tab.active { background: #7852b5; color: #fff; }
.site-v4 .documents__panel { padding: clamp(22px, 4vw, 42px); border: 1px solid var(--utility-line); border-radius: 22px; background: #fff; box-shadow: 0 14px 36px rgb(35 33 43 / 5%); }
.site-v4 .documents__panel-title, .site-v4 .documents__text h2, .site-v4 .documents__text h3 { color: var(--utility-ink); }
.site-v4 .documents__text, .site-v4 .documents__text p { color: #494550; }
.site-v4 .documents__text a { color: #6945a6; text-decoration: underline; text-underline-offset: 2px; }
.site-v4 .documents__text strong { color: var(--utility-ink); }

.site-v4 .press-page { background: #fff; color: var(--utility-ink); }
.site-v4 .press-header { padding-top: 18px; padding-bottom: 18px; }
.site-v4 .press-header__games { color: #6945a6; }
.site-v4 .press-page__content { padding-top: 54px; padding-bottom: 72px; }
.site-v4 .press-page .title, .site-v4 .press-item h2, .site-v4 .press-page__cta h2 { color: var(--utility-ink); }
.site-v4 .press-page__intro, .site-v4 .press-item p, .site-v4 .press-item__date, .site-v4 .press-item time, .site-v4 .press-page__cta p, .site-v4 .press-page__footnote { color: var(--utility-muted); }
.site-v4 .press-list, .site-v4 .press-item { border-color: var(--utility-line); }
.site-v4 .press-item h2 a { color: #6945a6; }
.site-v4 .press-item__read { color: #6945a6; }
.site-v4 .press-page__cta { margin-top: 32px; padding: 28px; border: 1px solid var(--utility-line); border-radius: 20px; background: linear-gradient(120deg, #fff7f1, #f7f3ff); }

.site-v4 .notfound { min-height: 66vh; padding: 60px 20px; }
.site-v4 .notfound__code { color: #7852b5; background: none; -webkit-text-fill-color: currentColor; }
.site-v4 .notfound__title { color: var(--utility-ink); }
.site-v4 .notfound__text { color: var(--utility-muted); }

.site-v4 .promo { color: var(--utility-ink); }
.site-v4 .promo .intro { padding: 36px 20px 52px; border-bottom: 1px solid var(--utility-line); background: linear-gradient(135deg, #fff7f1, #f8f4ff 62%, #eff8f3); }
.site-v4 .promo .intro__container { width: min(1160px, 100%); margin-inline: auto; }
.site-v4 .promo .title { color: var(--utility-ink); }
.site-v4 .promo .intro__text { color: var(--utility-muted); }
.site-v4 .promo .promo-badge { border-radius: 999px; background: #7852b5; }
.site-v4 .promo .section, .site-v4 .promo .faq { color: var(--utility-ink); }
.site-v4 .promo .subtitle, .site-v4 .promo .faq__title { color: var(--utility-ink); }
.site-v4 .promo .faq__text { color: var(--utility-muted); }
.site-v4 #promo-error { color: #b42318 !important; }

.site-v4.used-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg, #fff7f1, #f7f3ff); }
.site-v4.used-page .used { border: 1px solid var(--utility-line); background: #fff; box-shadow: 0 24px 70px rgb(35 33 43 / 12%); }
.site-v4.used-page .used__mark { background: #e7f4ec; color: #398261; }
.site-v4.used-page .used h1 { color: var(--utility-ink); }
.site-v4.used-page .used p { color: var(--utility-muted); }
.site-v4.used-page .used__logo { color: var(--utility-muted); }

@media (max-width: 767px) {
  .site-v4 .tariffs-hero { grid-template-columns: 1fr; gap: 24px; padding: 26px 20px; }
  .site-v4 .tariffs-hero__facts { grid-template-columns: 1fr; }
  .site-v4 .header__container { min-height: 68px; }
  .site-v4 .header__text { display: none; }
  .site-v4 .page, .site-v4 .page__container--narrow { width: min(100% - 32px, 680px); padding-top: 30px; }
  .site-v4 .tariffs-table { padding: 18px 12px; }
  .site-v4 .tariffs-table__scroll-hint { display: block; margin: -12px 0 14px; color: var(--utility-muted); font-size: .85rem; }
  .site-v4 .tariffs-biz { padding: 24px 18px; }
  .site-v4 .documents__tabs { justify-content: stretch; }
  .site-v4 .documents__tab { flex: 1; padding-inline: 10px; }
  .site-v4 .press-page__content { padding-top: 32px; }
  .site-v4 .press-page__cta { padding: 20px; }
}
