/* h1-nowrap-fix-20260730 : mobile h1fit removed; counter desktop nowrap */
@media(min-width:1000px){main h1{white-space:normal!important;text-wrap:wrap!important;overflow-wrap:break-word!important}}
/* end-h1-nowrap-fix-20260730 */
/* logo-mobile-fix-20260730 */
@media(max-width:768px){.cr-brand-image-s754da{width:96px!important;height:96px!important;max-width:none!important;max-height:none!important}}
/* end-logo-mobile-fix-20260730 */

/* ub-styles-20260730 : styling for data-unique-block trust components (no CSS existed network-wide) */
[data-unique-block]{border:1px solid var(--border,rgba(128,128,128,.28));border-radius:14px;padding:18px 20px;margin:22px 0;background:var(--bg-panel,rgba(128,128,128,.05))}
[data-unique-block] [data-ub=headrow]{display:flex;align-items:center;gap:12px;margin-bottom:14px}
[data-unique-block] [data-ub=ico-wrap]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--bg-soft,rgba(128,128,128,.12))}
[data-unique-block] [data-ub=ico-wrap] svg{width:22px;height:22px}
[data-unique-block] [data-ub=kicker]{font-family:var(--font-display,inherit);font-weight:700;font-size:15px;letter-spacing:.02em}
[data-unique-block] [data-ub=kicker-sub]{margin:2px 0 0;font-size:13px;opacity:.72}
[data-unique-block] [data-ub=lead]{margin:0 0 14px;font-size:15px;line-height:1.5}
[data-unique-block] [data-ub=steps]{list-style:none;margin:0;padding:0;display:grid;gap:10px}
[data-unique-block] [data-ub=steps]>li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45}
[data-unique-block] [data-ub=dot]{flex:0 0 auto;display:inline-flex}
[data-unique-block] [data-ub=dot] svg{width:20px;height:20px}
[data-unique-block] [data-ub=grid2]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
[data-unique-block] [data-ub=card]{border:1px solid var(--border,rgba(128,128,128,.22));border-radius:10px;padding:12px 14px;background:var(--bg-soft,rgba(128,128,128,.06));font-size:14px;line-height:1.45}
[data-unique-block] [data-ub=card] svg{width:20px;height:20px;margin-bottom:6px;display:block}
[data-unique-block] [data-ub=tip]{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;opacity:.85}
[data-unique-block] [data-ub=tip] svg{flex:0 0 auto;width:18px;height:18px}
[data-unique-block] [data-ub=bar]{display:block;height:8px;border-radius:6px;background:var(--bg-soft,rgba(128,128,128,.2));overflow:hidden;margin:8px 0}
[data-unique-block] [data-ub=fill]{display:block;height:100%;border-radius:6px;background:var(--gold,#c9a227)}
[data-unique-block] [data-ub=fill][data-pct="70"]{width:70%}
[data-unique-block] [data-ub=fill][data-pct="71"]{width:71%}
[data-unique-block] [data-ub=fill][data-pct="72"]{width:72%}
[data-unique-block] [data-ub=fill][data-pct="73"]{width:73%}
[data-unique-block] [data-ub=fill][data-pct="74"]{width:74%}
[data-unique-block] [data-ub=fill][data-pct="75"]{width:75%}
[data-unique-block] [data-ub=fill][data-pct="76"]{width:76%}
[data-unique-block] [data-ub=fill][data-pct="77"]{width:77%}
[data-unique-block] [data-ub=fill][data-pct="78"]{width:78%}
[data-unique-block] [data-ub=fill][data-pct="79"]{width:79%}
[data-unique-block] [data-ub=fill][data-pct="80"]{width:80%}
[data-unique-block] [data-ub=fill][data-pct="81"]{width:81%}
[data-unique-block] [data-ub=fill][data-pct="82"]{width:82%}
[data-unique-block] [data-ub=fill][data-pct="83"]{width:83%}
[data-unique-block] [data-ub=fill][data-pct="84"]{width:84%}
[data-unique-block] [data-ub=fill][data-pct="85"]{width:85%}
[data-unique-block] [data-ub=fill][data-pct="87"]{width:87%}
[data-unique-block] [data-ub=fill][data-pct="90"]{width:90%}
[data-unique-block] [data-ub=fill][data-pct="93"]{width:93%}
@media(max-width:768px){[data-unique-block]{padding:14px}[data-unique-block] [data-ub=grid2]{grid-template-columns:1fr}}
/* end-ub-styles-20260730 */

/* ub-chip-20260730 : chips (rol byla bez stilej) */
[data-unique-block] [data-ub=chip]{display:inline-block;margin:0 6px 8px 0;padding:3px 10px;border-radius:999px;border:1px solid var(--border,rgba(128,128,128,.3));background:var(--bg-soft,rgba(128,128,128,.08));font-size:12px;line-height:1.5;letter-spacing:.01em;opacity:.85}
/* end-ub-chip-20260730 */

/* skin-contrast-20260802 : dark skin. Reference surface card-bg-hi=#252c30, target 5.2:1. Hue and saturation are
   preserved; only lightness moves, upwards, and only for tokens this skin never uses
   to paint a background. Left alone because they do paint one: fg-dim */
:root{--fg-muted:#949ea4;--muted:#949ea4;--emerald:#d28992;--success:#d28992;--tick-ink:#35b26a}
/* end-skin-contrast-20260802 */


/* fg-dim-contrast-20260802 : fg-dim omitted from skin-contrast (painted .rv-dot bg - 3px dot, no text) */
:root{--fg-dim:#949ea4}
/* end-fg-dim-contrast-20260802 */

/* rank-col-20260803 : the position column reserved 54px/64px while its content is a two-character rank.
   Each site's own selectors are reused so the header grid and the row grids keep an
   identical track list -- they are separate grid containers and would otherwise drift
   apart. Only the first track changes.
   Every rule is fenced behind min-width:769px, and that is load-bearing rather than
   tidy. Below 769px each skin restacks the row into a single column, and this block is
   appended to the file the page loads LAST. Media queries add no specificity, so an
   unfenced copy of the site's own wide-layout rule would outrank the restack purely on
   source order and the row would stay five columns wide on a phone, pushing the CTA
   past the edge of an overflow-hidden parent. 769 is not a guess: every skin on the
   server restacks at max-width:768px, checked before this was written.
   Narrowing the track alone leaves most of the dead band, because the Casino column is
   wide with its content centred: the logo sits in the middle of its own track. So the
   second cell of both grids is pulled to the left edge as well. It is addressed by
   POSITION, not by class -- the brand cell's class differs per skin generation, while
   its position does not. !important is required, not preferred: the ranking template
   puts `align-items:center;text-align:center` inline on that cell, and an inline
   declaration outranks a normal rule. On the header cell the flex property is inert. */
@media (min-width:769px){
.cgrid-top-s754da{grid-template-columns:28px 2fr 1.5fr 120px 176px}
.ctable-item-s754da{grid-template-columns:28px 2fr 1.5fr 120px 176px}
}
@media (min-width:769px) and (max-width:1000px){
.cgrid-top-s754da{grid-template-columns:28px 1.7fr 1.3fr 96px 156px}
.ctable-item-s754da,.ctable-item-s754da.cr-top-s754da{grid-template-columns:28px 1.7fr 1.3fr 96px 156px}
}
@media(min-width:769px){
.cgrid-top-s754da>*:nth-child(2),
.ctable-item-s754da>*:nth-child(2)
{align-items:flex-start!important;text-align:left!important}
}
/* end-rank-col-20260803 */