/* ============================================================================
   JUST SPIN — brand skin поверх gmb-univ-multi-v2 (sfb-design.css).
   Направление: SPIN / РУЛЕТКА — свежий светлый фон (#f7f1fb) + фуксия (#e0157a) +
   фиолетовый (#7c2fd4). Заголовки Sora, текст Poppins. Круглые радиусы, chip-теги,
   вращающийся spin-диск (CSS conic + анимация). Ornamente — ОРИГИНАЛЬНЫЕ CSS/SVG,
   без чужой графики.
   A) :root override (перекрашивает и внутренние страницы + inline .sfb-* через каскад)
   B) jsp-* — компоненты уникальной морды (spin-hero)
   C) jsp-* — внутренние страницы (hero-band, правый sticky-рельс, spin-bonus-диск)
   ============================================================================ */

/* ─── A · RE-TOKEN (:root) — light fuchsia / purple ──────────────────────── */
:root{
  --accent:#e0157a; --accent-ink:#b3105f; --accent-tint:#fde4f1;
  --cta:#e0157a; --cta-ink:#b3105f;
  --link:#b3105f;
  --success:#12a45f; --success-tint:#e6f7ef; --success-bd:#bfe8d3;
  --warn:#c98a12; --warn-tint:#fbf0d9; --danger:#d6402e;
  --ink:#1c0e33; --body:#4c4463; --reading:#413a56; --read:#413a56; --muted:#8a7fa0; --muted-2:#a99fbd;
  --surface:#ffffff; --surface-2:#fbf4fe; --alt:#f6ecfb; --border:#eddaf0; --border-soft:#f3e7f5;
  --dark:#231044; --dark-2:#1a0b34; --dark-hover:#2e1556; --dark-muted:#c9b8e0; --dark-faint:#9a86bd;
  --page-bg:#f7f1fb; --cream:#fbf4fe; --cream-2:#f6ecfb; --cream-bd:#e9d6ef; --cream-bd-2:#f0e2f4;
  --star:#e0157a;
  --font-body:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-head:'Sora','Poppins',system-ui,Segoe UI,sans-serif;
  /* just-spin specific */
  --jsp-fx:#e0157a; --jsp-fx-2:#f24ca0; --jsp-fx-deep:#b3105f;
  --jsp-pu:#7c2fd4; --jsp-pu-2:#9a5bea; --jsp-pu-deep:#5e17b0;
  --jsp-ink:#1c0e33; --jsp-body:#4c4463; --jsp-muted:#8a7fa0;
  --jsp-bg:#f7f1fb; --jsp-card:#ffffff; --jsp-card-2:#fbf4fe; --jsp-line:#eddaf0; --jsp-line-2:#e3cdec;
  --jsp-grad:linear-gradient(135deg,var(--jsp-fx),var(--jsp-pu));
  --jsp-r:16px; --jsp-r-lg:24px;
  --jsp-head:'Sora','Poppins',sans-serif;
}
body{background:var(--page-bg);color:var(--jsp-body);font-family:var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--jsp-ink);letter-spacing:-.01em}

/* ─── B · SCOPE, BUTTONS ─────────────────────────────────────────────────── */
.jsp{--r:var(--jsp-r);font-family:var(--font-body);color:var(--jsp-body);line-height:1.62;background:var(--jsp-bg)}
.jsp *{box-sizing:border-box}
.jsp a{color:inherit;text-decoration:none}
.jsp-wrap{max-width:1140px;margin:0 auto;padding:0 24px}

.jsp .jsp-btn{display:inline-flex;align-items:center;gap:.4em;background:var(--jsp-grad);color:#fff;
  font-family:var(--font-body);font-weight:700;padding:12px 26px;border-radius:999px;border:0;cursor:pointer;
  box-shadow:0 8px 22px rgba(224,21,122,.32);letter-spacing:.01em;transition:transform .15s,box-shadow .15s,filter .15s}
.jsp .jsp-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 28px rgba(224,21,122,.42)}
.jsp .jsp-btn.lg{padding:15px 34px;font-size:16px}
.jsp .jsp-btn.sm{padding:9px 18px;font-size:13.5px}
.jsp .jsp-btn.ghost{background:transparent;color:var(--jsp-fx-deep);border:2px solid var(--jsp-line-2);box-shadow:none}
.jsp .jsp-btn.ghost:hover{border-color:var(--jsp-fx);color:var(--jsp-fx);box-shadow:none}

/* ─── brand wordmark (spin-disc SVG + HTML-Wortmarke Sora) ─────────────────── */
.jsp-brand{display:inline-flex;align-items:center;gap:11px}
.jsp-mark{display:block;flex:none}
.jsp-word{font-family:var(--font-head);font-weight:800;font-size:22px;color:var(--jsp-ink);letter-spacing:-.02em;line-height:1}
.jsp-word span{color:var(--jsp-fx)}

/* ─── top bar ─────────────────────────────────────────────────────────────── */
.jsp-top{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--jsp-line);position:sticky;top:0;z-index:40}
.jsp-top .jsp-wrap{display:flex;align-items:center;gap:26px;height:72px}
.jsp-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:600;color:#4a4260}
.jsp-nav>a,.jsp-cat-t{color:#4a4260;cursor:pointer;white-space:nowrap;transition:color .15s}
.jsp-nav>a:hover,.jsp-cat:hover .jsp-cat-t{color:var(--jsp-fx)}
.jsp-cat{position:relative}
.jsp-cat-t em{font-style:normal;font-size:11px;opacity:.6}
.jsp-drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  min-width:210px;max-height:72vh;overflow-y:auto;background:#fff;border:1px solid var(--jsp-line);
  border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 18px 42px rgba(60,20,90,.16);
  opacity:0;visibility:hidden;transition:opacity .16s,transform .16s;z-index:50}
.jsp-drop.wide{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;min-width:440px}
.jsp-cat:hover .jsp-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.jsp-drop::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.jsp-drop a{display:block;padding:8px 12px;border-radius:9px;color:#4a4260;font-weight:500;font-size:13.5px}
.jsp-drop a:hover{background:var(--jsp-card-2);color:var(--jsp-fx)}
.jsp-top .jsp-btn{padding:10px 20px;font-size:14px}

/* ─── hero ────────────────────────────────────────────────────────────────── */
.jsp-hero{position:relative;overflow:hidden;padding:56px 0 64px;
  background:radial-gradient(900px 460px at 88% -8%,rgba(124,47,212,.14),transparent 60%),
    radial-gradient(720px 420px at 6% 108%,rgba(224,21,122,.12),transparent 60%),
    linear-gradient(180deg,#fdf6fc,var(--jsp-bg))}
.jsp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;position:relative}
.jsp-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--jsp-fx-deep);font-weight:600;
  letter-spacing:.02em;font-size:12.5px;background:#fff;border:1px solid var(--jsp-line-2);
  padding:6px 14px;border-radius:999px;margin-bottom:16px;box-shadow:0 3px 10px rgba(124,47,212,.08)}
.jsp-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--jsp-grad);box-shadow:0 0 0 4px rgba(224,21,122,.15)}
.jsp-hero h1{font-size:48px;line-height:1.08;color:var(--jsp-ink);margin:0 0 14px;font-weight:800}
.jsp-sub{font-size:18px;color:var(--jsp-body);margin:0 0 24px;max-width:560px}
.jsp-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.jsp-nodeposit{display:flex;align-items:center;gap:12px;margin-top:22px;background:#fff;border:1.5px dashed var(--jsp-fx);
  border-radius:14px;padding:12px 18px;font-size:14.5px;color:var(--jsp-body);max-width:520px}
.jsp-nodeposit .rib{background:var(--jsp-grad);color:#fff;font-weight:700;font-size:12px;letter-spacing:.03em;
  padding:5px 11px;border-radius:999px;text-transform:uppercase;flex:none}
.jsp-nodeposit b{color:var(--jsp-fx-deep);font-weight:800;font-family:var(--font-head)}
.jsp-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.jsp-stat{background:#fff;border:1px solid var(--jsp-line);border-radius:14px;padding:12px 18px;min-width:120px;
  box-shadow:0 6px 16px rgba(60,20,90,.06)}
.jsp-stat b{display:block;font-family:var(--font-head);font-size:22px;color:var(--jsp-fx-deep);font-weight:800;line-height:1}
.jsp-stat span{font-size:12px;color:var(--jsp-muted);display:block;margin-top:3px}

/* spin-wheel graphic (CSS conic + rotation) */
.jsp-hero-wheel{position:relative;display:grid;place-items:center;min-height:300px}
.jsp-wheel{width:min(320px,74vw);aspect-ratio:1/1;border-radius:50%;position:relative;
  background:repeating-conic-gradient(var(--jsp-fx) 0 30deg,var(--jsp-pu) 30deg 60deg);
  box-shadow:0 20px 50px rgba(124,47,212,.28),inset 0 0 0 10px #fff,inset 0 0 0 13px var(--jsp-fx-deep);
  animation:jspspin 9s linear infinite}
.jsp-wheel::before{content:"";position:absolute;inset:-16px;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(224,21,122,.18),rgba(124,47,212,.18),rgba(224,21,122,.18));
  z-index:-1;filter:blur(6px)}
.jsp-wheel-hub{position:absolute;top:50%;left:50%;width:38%;height:38%;transform:translate(-50%,-50%);
  border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;line-height:1;
  font-family:var(--font-head);font-weight:800;font-size:30px;color:var(--jsp-fx-deep);
  box-shadow:0 6px 16px rgba(60,20,90,.2);animation:jspspin 9s linear infinite reverse}
.jsp-wheel-hub small{display:block;font-size:13px;color:var(--jsp-pu);letter-spacing:.08em;margin-top:2px}
.jsp-hero-wheel::after{content:"";position:absolute;top:calc(50% - min(160px,37vw) - 6px);left:50%;transform:translateX(-50%);
  border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid var(--jsp-ink);z-index:3}
.jsp-chip{position:absolute;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;
  font-size:22px;box-shadow:0 8px 20px rgba(60,20,90,.16);border:2px solid var(--jsp-line-2)}
.jsp-chip.c1{top:6%;right:12%;animation:jspfloat 4s ease-in-out infinite}
.jsp-chip.c2{bottom:10%;right:4%;animation:jspfloat 5s ease-in-out infinite .6s}
.jsp-chip.c3{bottom:2%;left:8%;animation:jspfloat 4.6s ease-in-out infinite 1.1s}
@keyframes jspspin{to{transform:rotate(360deg)}}
@keyframes jspspin-hub{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes jspfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.jsp-wheel,.jsp-wheel-hub,.jsp-chip{animation:none!important}}

/* ─── section shell ───────────────────────────────────────────────────────── */
.jsp-blk{padding:52px 0}
.jsp-blk.alt{background:linear-gradient(180deg,#fff,var(--jsp-card-2))}
.jsp-eyebrow{color:var(--jsp-fx);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}
.jsp-h2{font-size:32px;margin:0 0 6px;color:var(--jsp-ink);font-weight:800;line-height:1.14}
.jsp-lead{color:var(--jsp-muted);max-width:680px;margin-bottom:26px}

/* ─── bonus cards ─────────────────────────────────────────────────────────── */
.jsp-bonus{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jsp-bcard{background:#fff;border:1px solid var(--jsp-line);border-radius:var(--jsp-r-lg);padding:26px 24px;
  box-shadow:0 12px 30px rgba(60,20,90,.07);position:relative;transition:transform .16s,box-shadow .16s}
.jsp-bcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(124,47,212,.14)}
.jsp-bcard.feat{border:0;background:linear-gradient(160deg,#fff,#fbeef8);box-shadow:0 16px 40px rgba(224,21,122,.18);outline:2px solid var(--jsp-fx)}
.jsp-bcard.feat::before{content:"";position:absolute;inset:0;border-radius:var(--jsp-r-lg);padding:2px;
  background:var(--jsp-grad);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.jsp-bcard .tag{position:absolute;top:-11px;left:22px;background:var(--jsp-grad);color:#fff;
  font-size:11px;font-weight:700;padding:5px 13px;border-radius:999px;letter-spacing:.04em}
.jsp-bcard h3{font-size:20px;margin:6px 0 4px;color:var(--jsp-ink)}
.jsp-bcard .amt{font-family:var(--font-head);font-size:30px;color:var(--jsp-fx-deep);font-weight:800;line-height:1.05}
.jsp-bcard ul{list-style:none;margin:14px 0 18px;font-size:14px;padding:0}
.jsp-bcard li{padding:5px 0 5px 24px;position:relative;color:var(--jsp-body)}
.jsp-bcard li::before{content:"";position:absolute;left:2px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--jsp-grad)}

/* ─── games grid (spin tiles) ─────────────────────────────────────────────── */
.jsp-games{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.jsp-gtile{background:#fff;border:1px solid var(--jsp-line);border-radius:18px;padding:22px 14px;text-align:center;
  transition:transform .16s,border-color .16s}
.jsp-gtile:hover{transform:translateY(-4px);border-color:var(--jsp-fx)}
.jsp-gtile .ic{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;
  font-size:26px;background:linear-gradient(160deg,#fde4f1,#efe4fc)}
.jsp-gtile b{font-family:var(--font-head);font-size:15px;color:var(--jsp-ink);display:block}
.jsp-gtile span{font-size:12px;color:var(--jsp-muted)}

/* ─── payments + trust ────────────────────────────────────────────────────── */
.jsp-pay{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start;margin-top:8px}
.jsp-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--jsp-line);border-radius:var(--jsp-r);overflow:hidden;font-size:14.5px}
.jsp-table th{background:var(--jsp-card-2);color:var(--jsp-fx-deep);text-align:left;padding:13px 16px;font-family:var(--font-head);font-weight:700;font-size:13px}
.jsp-table td{padding:12px 16px;border-top:1px solid var(--jsp-line);color:var(--jsp-body)}
.jsp-table tr:nth-child(even) td{background:#fdf8fe}
.jsp-trust{background:#fff;border:1px solid var(--jsp-line);border-radius:var(--jsp-r);padding:20px 22px}
.jsp-trust .row{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--jsp-line)}
.jsp-trust .row:last-child{border:0}
.jsp-trust .ic{font-size:20px;flex:none}
.jsp-trust b{color:var(--jsp-ink);font-weight:600}
.jsp-trust .s{color:var(--jsp-muted);font-size:13px}

/* ─── VERFÜGBARKEIT & LEGALITÄT (честный угол — гео-блок DE) ───────────────── */
.jsp-avail{background:#fff;border:1px solid var(--jsp-line);border-radius:var(--jsp-r-lg);padding:30px 32px;
  box-shadow:0 14px 36px rgba(60,20,90,.07);position:relative;overflow:hidden}
.jsp-avail::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--jsp-grad)}
.jsp-avail-head .flag{display:inline-block;background:#fff4d9;color:#8a6410;border:1px solid #f0d99a;
  font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.jsp-avail-head h2{margin:0 0 8px}
.jsp-avail-head p{color:var(--jsp-body);max-width:760px;margin:0 0 22px}
.jsp-avail-head p b{color:var(--jsp-fx-deep)}
.jsp-avail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jsp-avail-card{background:var(--jsp-card-2);border:1px solid var(--jsp-line);border-radius:14px;padding:18px 18px;border-left:4px solid var(--jsp-pu)}
.jsp-avail-card b{display:block;font-family:var(--font-head);color:var(--jsp-ink);font-size:15.5px;margin-bottom:6px}
.jsp-avail-card p{margin:0;font-size:13.5px;color:var(--jsp-body)}

/* ─── content body (сгенерированный текст) ────────────────────────────────── */
.jsp-content{font-size:16px}
.jsp-content h2{font-family:var(--font-head);font-size:26px;color:var(--jsp-ink);margin:26px 0 10px}
.jsp-content h3{font-family:var(--font-head);font-size:20px;color:var(--jsp-fx-deep);margin:18px 0 8px}
.jsp-content p{margin-bottom:12px}
.jsp-content a{color:var(--jsp-fx-deep);text-decoration:underline}
.jsp-content ul,.jsp-content ol{margin:0 0 14px 22px}

/* ─── YMYL — responsible gaming block ─────────────────────────────────────── */
.jsp-ymyl{background:linear-gradient(160deg,#fff,#faf2fd);border:1px solid var(--jsp-line);border-left:4px solid var(--jsp-fx);border-radius:var(--jsp-r);padding:26px 28px}
.jsp-ymyl h3{color:var(--jsp-ink);font-size:22px;margin:0 0 10px;display:flex;align-items:center;gap:12px}
.b18,.jsp-ymyl .b18{background:var(--jsp-grad);color:#fff;font-family:var(--font-body);font-weight:800;border-radius:8px;padding:4px 10px;font-size:15px;line-height:1.1}
.jsp-ymyl p{color:var(--jsp-body);font-size:14.5px;margin-bottom:12px}
.jsp-ymyl .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.jsp-ymyl .tool{background:#fff;border:1px solid var(--jsp-line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--jsp-muted)}
.jsp-ymyl .tool b{display:block;color:var(--jsp-ink);font-family:var(--font-head);margin-bottom:2px;font-size:13.5px}
.jsp-ymyl .help{margin-top:14px;font-size:13px;color:var(--jsp-muted)}
.jsp-ymyl .help a{color:var(--jsp-fx-deep);text-decoration:underline}

/* ─── faq ─────────────────────────────────────────────────────────────────── */
.jsp-faq details{background:#fff;border:1px solid var(--jsp-line);border-radius:14px;margin-bottom:12px;padding:2px 20px;transition:box-shadow .15s}
.jsp-faq details[open]{box-shadow:0 10px 26px rgba(124,47,212,.1)}
.jsp-faq summary{cursor:pointer;font-family:var(--font-head);font-size:17px;color:var(--jsp-ink);padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.jsp-faq summary::-webkit-details-marker{display:none}
.jsp-faq summary::after{content:"+";color:var(--jsp-fx);font-size:24px;font-weight:400;flex:none}
.jsp-faq details[open] summary::after{content:"\2013"}
.jsp-faq p{padding:0 0 16px;color:var(--jsp-body);margin:0}

/* ─── footer ──────────────────────────────────────────────────────────────── */
.jsp-age{background:var(--jsp-ink);color:#e6dcf5;padding:16px 0;font-size:13.5px}
.jsp-age .jsp-wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.jsp-age .b18{flex:none}
.jsp-age a{color:var(--jsp-fx-2);text-decoration:underline}
.jsp-foot{background:#fff;color:var(--jsp-muted);padding:40px 0 34px;font-size:13.5px;border-top:1px solid var(--jsp-line)}
.jsp-foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-bottom:24px}
.jsp-brand.foot{margin-bottom:10px}
.jsp-foot .about{color:var(--jsp-muted);max-width:340px;margin:0}
.jsp-foot .fh{color:var(--jsp-ink);font-family:var(--font-head);font-weight:700;font-size:15px;margin-bottom:8px}
.jsp-foot a{color:#615873;display:block;padding:4px 0}
.jsp-foot a:hover{color:var(--jsp-fx)}
.jsp-foot .fine{border-top:1px solid var(--jsp-line);padding-top:18px;color:var(--jsp-muted);font-size:12px}

/* ═══════════════ C · ВНУТРЕННИЕ СТРАНИЦЫ (page-constructor, jsp-*) ═══════════
   Оригинальная разметка/визуал — НЕ базовый .reading/.rail/.zone-*/.hero (анти-футпринт). */
.jsp-page{background:var(--jsp-bg);color:var(--jsp-body);font-family:var(--font-body);line-height:1.72}

/* hero-band */
.jsp-post-hero{position:relative;padding:26px 0 32px;
  background:radial-gradient(700px 300px at 90% -30%,rgba(124,47,212,.12),transparent 60%),linear-gradient(180deg,#fdf6fc,var(--jsp-bg));
  border-bottom:1px solid var(--jsp-line)}
.jsp-post-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--jsp-grad)}
.jsp-crumbs{font-size:13px;color:var(--jsp-muted);margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.jsp-crumbs a{color:var(--jsp-muted)}.jsp-crumbs a:hover{color:var(--jsp-fx)}
.jsp-crumbs .sep{opacity:.5}.jsp-crumbs .cur{color:var(--jsp-fx-deep);font-weight:600}
.jsp-post-flags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.jsp-flag{font-size:12px;color:var(--jsp-muted);background:#fff;border:1px solid var(--jsp-line);border-radius:999px;padding:5px 12px}
.jsp-flag.ok{color:#0d7a48;border-color:#bfe8d3;background:#e9f9f0}
.jsp-flag.age{color:#fff;background:var(--jsp-grad);font-weight:800;border:0}
.jsp-post-hero h1{font-family:var(--font-head);color:var(--jsp-ink);font-size:38px;line-height:1.12;margin:0 0 14px;max-width:900px;font-weight:800}
.jsp-post-lead{font-size:18px;color:var(--jsp-body);max-width:820px;margin:0 0 18px}
.jsp-post-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.jsp-by{font-size:13.5px;color:var(--jsp-muted);display:flex;align-items:center;gap:9px}
.jsp-ava{width:28px;height:28px;border-radius:50%;background:var(--jsp-grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}

/* doc grid: контент + правый рельс */
.jsp-doc{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-top:36px;padding-bottom:58px;align-items:start}
.jsp-doc-main{min-width:0}

/* мобильный TOC */
.jsp-toc-m{display:none;background:#fff;border:1px solid var(--jsp-line);border-radius:14px;margin-bottom:24px;padding:2px 16px}
.jsp-toc-m summary{cursor:pointer;color:var(--jsp-fx-deep);font-family:var(--font-head);font-weight:700;padding:14px 0;display:flex;justify-content:space-between;list-style:none}
.jsp-toc-m summary::-webkit-details-marker{display:none}
.jsp-toc-m .n{color:var(--jsp-fx)}
.jsp-toc-m ol{margin:0 0 12px;padding-left:20px}.jsp-toc-m a{color:var(--jsp-body)}

/* prose */
.jsp-prose{font-size:16.5px;color:var(--jsp-reading,#413a56)}
.jsp-prose>p:first-of-type::first-letter{font-family:var(--font-head);font-size:3.1em;float:left;line-height:.8;padding:6px 12px 0 0;color:var(--jsp-fx);font-weight:800}
.jsp-prose h2{font-family:var(--font-head);color:var(--jsp-ink);font-size:26px;margin:36px 0 14px;padding-left:16px;border-left:4px solid var(--jsp-fx);line-height:1.2;font-weight:800}
.jsp-prose h3{font-family:var(--font-head);color:var(--jsp-fx-deep);font-size:20px;margin:26px 0 10px}
.jsp-prose p{margin:0 0 16px}
.jsp-prose a{color:var(--jsp-fx-deep);text-decoration:underline;text-underline-offset:2px}
.jsp-prose ul,.jsp-prose ol{margin:0 0 18px;padding-left:22px}
.jsp-prose li{margin-bottom:8px}.jsp-prose ul li::marker{color:var(--jsp-fx)}
.jsp-prose strong{color:var(--jsp-ink)}
.jsp-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;border:1px solid var(--jsp-line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
.jsp-prose th{background:var(--jsp-card-2);color:var(--jsp-fx-deep);text-align:left;padding:12px 14px;font-weight:700}
.jsp-prose td{padding:11px 14px;border-top:1px solid var(--jsp-line)}
.jsp-prose blockquote{border-left:3px solid var(--jsp-pu);background:#f4ecfc;margin:20px 0;padding:12px 18px;border-radius:0 12px 12px 0;color:var(--jsp-body)}
.jsp-prose img{max-width:100%;height:auto;border-radius:14px}

/* переопределение inline pipeline-блоков (.sfb-*) — jsp-скин */
.jsp-prose .sfb-slots__h{font-family:var(--font-head);color:var(--jsp-ink);font-size:23px;margin:32px 0 16px;border-left:4px solid var(--jsp-fx);padding-left:16px}
.jsp-prose .sfb-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;margin:8px 0 26px}
.jsp-prose .sfb-slot{background:#fff;border:1px solid var(--jsp-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--jsp-ink);transition:.15s;display:block}
.jsp-prose .sfb-slot:hover{border-color:var(--jsp-fx);transform:translateY(-3px);box-shadow:0 12px 26px rgba(124,47,212,.14)}
.jsp-prose .sfb-slot__thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.jsp-prose .sfb-slot span{display:block}
.jsp-prose .sfb-slot__title,.jsp-prose .sfb-slot__name{padding:10px 12px;font-weight:600;font-size:14px}
.jsp-prose .sfb-cta{margin:24px 0;text-align:center}
.jsp-prose .sfb-cta .button,.jsp-prose .sfb-cta .button1,.jsp-prose .sfb-cta a{display:inline-block;background:var(--jsp-grad);color:#fff;font-weight:700;padding:14px 34px;border-radius:999px;text-decoration:none;border:0;box-shadow:0 8px 22px rgba(224,21,122,.32)}
.jsp-prose .sfb-faq details{background:#fff;border:1px solid var(--jsp-line);border-radius:14px;margin-bottom:12px;padding:2px 18px}
.jsp-prose .sfb-faq summary{cursor:pointer;font-family:var(--font-head);color:var(--jsp-ink);font-size:17px;padding:15px 0;list-style:none}
.jsp-prose .sfb-faq summary::-webkit-details-marker{display:none}
.jsp-prose .sfb-faq p{padding:0 0 15px;color:var(--jsp-body)}

/* pipeline main-N */
.jsp-block{margin:22px 0}.jsp-block-cta{margin-top:14px;text-align:center}

/* YMYL строка */
.jsp-rgline{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--jsp-line);border-left:4px solid var(--jsp-fx);border-radius:14px;padding:16px 18px;margin:34px 0 20px;font-size:13.5px;color:var(--jsp-body)}
.jsp-rgline .b18{flex:none;height:fit-content}
.jsp-rgline p{margin:0}.jsp-rgline a{color:var(--jsp-fx-deep)}

/* disclosure */
.jsp-disclosure{font-size:12.5px;color:var(--jsp-muted);border-top:1px solid var(--jsp-line);padding-top:16px;margin:0 0 26px}

/* related */
.jsp-related__h{font-family:var(--font-head);color:var(--jsp-ink);font-size:20px;margin:8px 0 14px;font-weight:800}
.jsp-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jsp-rcard{background:#fff;border:1px solid var(--jsp-line);border-radius:14px;padding:14px 16px;text-decoration:none;transition:.15s}
.jsp-rcard:hover{border-color:var(--jsp-fx);transform:translateY(-2px)}
.jsp-rcard .tag{display:block;font-size:11px;color:var(--jsp-fx);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.jsp-rcard .t{color:var(--jsp-ink);font-weight:600;font-size:14.5px}

/* правый рельс */
.jsp-doc-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:20px}
.jsp-side-toc{background:#fff;border:1px solid var(--jsp-line);border-radius:16px;padding:16px 18px}
.jsp-side-toc__h{font-family:var(--font-head);color:var(--jsp-fx-deep);font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-weight:700}
.jsp-side-toc ol{list-style:none;margin:0;padding:0}
.jsp-side-toc li{display:flex;gap:10px;padding:7px 0;font-size:13.5px;border-top:1px solid var(--jsp-line)}
.jsp-side-toc li:first-child{border-top:none}
.jsp-side-toc .n{color:#fff;background:var(--jsp-grad);border-radius:50%;font-family:var(--font-head);font-weight:700;flex:none;width:20px;height:20px;display:grid;place-items:center;font-size:11px}
.jsp-side-toc a{color:var(--jsp-body)}.jsp-side-toc a:hover{color:var(--jsp-fx)}
.jsp-side-bonus{background:linear-gradient(160deg,#fff,#fbeef8);border:2px solid var(--jsp-fx);border-radius:20px;padding:22px 20px;text-align:center;box-shadow:0 14px 34px rgba(224,21,122,.16);position:relative;overflow:hidden}
.jsp-side-bonus__disc{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;
  background:repeating-conic-gradient(var(--jsp-fx) 0 30deg,var(--jsp-pu) 30deg 60deg);
  box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 7px var(--jsp-fx-deep);animation:jspspin 9s linear infinite}
.jsp-side-bonus__k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--jsp-fx-deep);margin:6px 0 6px;font-weight:700}
.jsp-side-bonus__t{font-family:var(--font-head);color:var(--jsp-ink);font-size:19px;line-height:1.25;margin-bottom:8px;font-weight:800}
.jsp-side-bonus__m{color:var(--jsp-body);font-size:13.5px;margin-bottom:14px}
.jsp-side-bonus .jsp-btn{width:100%;justify-content:center}
.jsp-side-bonus__rg{font-size:11px;color:var(--jsp-muted);margin-top:12px}

/* ─── responsive ──────────────────────────────────────────────────────────── */
@media(max-width:900px){
  .jsp-hero-grid{grid-template-columns:1fr}
  .jsp-hero-wheel{order:-1;min-height:auto;margin-bottom:6px}
  .jsp-hero h1{font-size:34px}
  .jsp-bonus,.jsp-games,.jsp-pay,.jsp-avail-grid,.jsp-ymyl .tools,.jsp-foot .cols{grid-template-columns:1fr}
  .jsp-games{grid-template-columns:1fr 1fr}
  .jsp-nav{display:none}
  .jsp-doc{grid-template-columns:1fr;gap:0}
  .jsp-doc-side{position:static;order:2;margin-top:30px}
  .jsp-side-toc{display:none}
  .jsp-toc-m{display:block}
  .jsp-post-hero h1{font-size:29px}
  .jsp-related__grid{grid-template-columns:1fr}
}