/* ==========================================================================
   FPL360 Stats Hub — application-style analytics route.  Namespace: .sx-*
   Tokens reuse the theme's --pl-* palette and --font-main / --font-body.
   ========================================================================== */
.sx{--sx-ink:#0e1428;--sx-ink-2:#333a4d;--sx-mute:#6b7280;--sx-mute-2:#9aa1b1;--sx-line:#e2e5ea;--sx-line-2:#eef0f3;--sx-off:#f4f5f7;--sx-white:#fff;
    --sx-green:#00ff85;--sx-green-2:#02d76a;--sx-green-ink:#03331c;--sx-navy:#0e1428;
    --sx-gkp:#f59e0b;--sx-def:#0ea5e9;--sx-mid:#02d76a;--sx-fwd:#e11d48;
    --sx-fh:var(--font-main,'Outfit',sans-serif);--sx-fb:var(--font-body,'DM Sans',sans-serif);
    --sx-max:1400px;--sx-gut:32px;
    color:var(--sx-ink);font-family:var(--sx-fb);background:var(--sx-white);}
.sx *,.sx *::before,.sx *::after{box-sizing:border-box}
.sx-wrap{max-width:var(--sx-max);margin:0 auto;padding:0 var(--sx-gut)}
.sx h1,.sx h2,.sx h3{margin:0;font-family:var(--sx-fh)}
.sx p{margin:0}
.sx ol,.sx ul{list-style:none;margin:0;padding:0}
.sx button{font:inherit;cursor:pointer}
.sx :focus-visible{outline:2px solid var(--sx-green-2);outline-offset:2px;border-radius:4px}

/* ── Masthead ─────────────────────────────────────────────────────────── */
.sx-mast{background:var(--sx-navy);color:#fff;padding:44px 0 26px;position:relative;overflow:hidden}
.sx-mast::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,255,133,.14),rgba(0,255,133,0));pointer-events:none}
.sx-mast__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;position:relative}
.sx-mast__eyebrow{font:800 11px/1 var(--sx-fb);letter-spacing:2.4px;text-transform:uppercase;color:var(--sx-green);margin-bottom:14px}
.sx-mast__eyebrow span{color:rgba(255,255,255,.35);margin:0 6px}
.sx-mast__title{font-size:clamp(34px,4.2vw,56px);font-weight:800;letter-spacing:-1.5px;line-height:1.02;color:#fff}
.sx-mast__deck{margin-top:14px;max-width:640px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.72)}
.sx-mast__gw{text-align:right;flex-shrink:0}
.sx-mast__gwlab{display:block;font:800 11px/1 var(--sx-fb);letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.sx-mast__gw b{display:block;font:800 72px/1 var(--sx-fh);letter-spacing:-3px;color:#fff;margin:4px 0 2px}
.sx-mast__gwmeta{display:block;font:700 12px/1.3 var(--sx-fb);color:var(--sx-green)}
.sx-mast__metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:34px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);position:relative}
.sx-m{padding:0 20px 0 0;min-width:0;border-right:1px solid rgba(255,255,255,.1);margin-right:20px}
.sx-m:last-child{border-right:0;margin-right:0}
.sx-m dt{font:800 10.5px/1 var(--sx-fb);letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-m dd{margin:0}
.sx-m dd b{display:block;font:800 34px/1 var(--sx-fh);letter-spacing:-1.2px;color:#fff;white-space:nowrap}
.sx-m dd b i{font-style:normal;font-size:18px;color:rgba(255,255,255,.6);margin-left:2px;letter-spacing:0}
.sx-m dd span{display:block;margin-top:6px;font:700 12.5px/1.2 var(--sx-fb);color:var(--sx-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-mast__foot{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sx-fresh{display:inline-flex;align-items:flex-start;gap:8px;font:600 12px/1.4 var(--sx-fb);color:rgba(255,255,255,.55)}
.sx-fresh i{flex-shrink:0;margin-top:5px;width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 0 3px rgba(0,255,133,.18)}

/* ── Sticky bar: nav + global position filter ─────────────────────────── */
.sx-bar{position:sticky;top:var(--sx-sticky,0px);z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--sx-line)}
.sx-bar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:54px}
.sx-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0}
.sx-nav::-webkit-scrollbar{display:none}
.sx-nav a{flex-shrink:0;padding:0 12px;height:54px;display:inline-flex;align-items:center;font:700 12.5px/1 var(--sx-fb);color:var(--sx-mute);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.sx-nav a:hover{color:var(--sx-ink)}
.sx-nav a.is-active{color:var(--sx-ink);border-bottom-color:var(--sx-green-2)}
.sx-seg{display:inline-flex;background:var(--sx-off);border-radius:999px;padding:3px;flex-shrink:0}
.sx-seg button{border:0;background:transparent;color:var(--sx-mute);font:800 11.5px/1 var(--sx-fb);letter-spacing:.6px;padding:8px 14px;border-radius:999px;transition:background .15s,color .15s}
.sx-seg button:hover{color:var(--sx-ink)}
.sx-seg button.is-active{background:var(--sx-navy);color:#fff}
.sx-seg button.is-active[data-v="ALL"]{background:var(--sx-navy)}

/* ── Sections ─────────────────────────────────────────────────────────── */
.sx-main{padding-top:8px;padding-bottom:40px}
.sx{overflow-x:clip}
.sx-sec{padding:44px 0 36px;border-bottom:1px solid var(--sx-line-2);scroll-margin-top:calc(var(--sx-sticky,0px) + 64px)}
.sx-sec:last-child{border-bottom:0}
.sx-sec__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.sx-sec__num{display:inline-block;font:800 11px/1 var(--sx-fb);letter-spacing:2px;color:var(--sx-green-2);margin-bottom:10px}
.sx-sec__t{font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.sx-sec__deck{margin-top:8px;font-size:14px;line-height:1.55;color:var(--sx-mute);max-width:620px}
.sx-sec__meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:5px;align-items:flex-end;font:600 12px/1.3 var(--sx-fb);color:var(--sx-mute)}
.sx-sec__lab{font:800 10.5px/1 var(--sx-fb);letter-spacing:1.8px;text-transform:uppercase;color:var(--sx-ink)}
.sx-sec__note{font:600 11.5px/1.3 var(--sx-fb);color:var(--sx-mute-2)}
.sx-sub{margin-top:22px}
.sx-sub__hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-bottom:8px;border-bottom:1px solid var(--sx-line);margin-bottom:4px}
.sx-foot-note{margin-top:14px;font-size:12px;line-height:1.5;color:var(--sx-mute)}
.sx-empty{padding:22px 0;font-size:13.5px;color:var(--sx-mute);border-top:1px dashed var(--sx-line)}
.sx-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1.5px solid var(--sx-line);background:#fff;color:var(--sx-ink);font:800 12px/1 var(--sx-fb);padding:10px 16px;border-radius:999px;transition:border-color .15s,background .15s}
.sx-more:hover{border-color:var(--sx-ink)}
.sx-more::after{content:"↓";color:var(--sx-green-2);transition:transform .2s}
.sx-more.is-open::after{transform:rotate(180deg)}
.sx-reset{border:0;background:transparent;color:var(--sx-mute);font:700 12px/1 var(--sx-fb);padding:10px 6px;text-decoration:underline;text-underline-offset:3px}
.sx-reset:hover{color:var(--sx-ink)}

/* ── Player identity (shared) ─────────────────────────────────────────── */
.sx-id{display:inline-flex;align-items:center;gap:10px;min-width:0}
.sx-badge{width:26px;height:26px;object-fit:contain;flex-shrink:0;display:block}
.sx-badge--none{width:26px;height:26px;border-radius:50%;background:var(--sx-off);display:block}
.sx-id__t{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.sx-id__t b{font:700 14px/1.15 var(--sx-fh);color:var(--sx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-id__t small{display:flex;align-items:center;gap:5px;font:600 11px/1 var(--sx-fb);color:var(--sx-mute);margin-top:3px;white-space:nowrap}
.sx-id__t small em{font-style:normal;color:var(--sx-mute-2)}
.sx-pos{display:inline-block;font:800 9px/1 var(--sx-fb);letter-spacing:.8px;padding:3px 5px;border-radius:4px;color:#fff;font-style:normal;vertical-align:middle}
.sx-pos--GKP{background:var(--sx-gkp)}.sx-pos--DEF{background:var(--sx-def)}.sx-pos--MID{background:var(--sx-mid);color:var(--sx-green-ink)}.sx-pos--FWD{background:var(--sx-fwd)}

/* ── Ranking rows (Player Performance, clean sheets) ───────────────────── */
.sx-rank{display:flex;flex-direction:column}
.sx-row{display:grid;grid-template-columns:28px 240px 1fr 64px;align-items:center;gap:14px;padding:8px 8px 8px 4px;border-radius:8px;transition:background .15s}
.sx-row:hover{background:var(--sx-off)}
.sx-row--more{display:none}
.sx-rank[data-expanded="1"] .sx-row--more{display:grid}
.sx-row__rank{font:800 13px/1 var(--sx-fh);color:var(--sx-mute-2);text-align:right}
.sx-row:nth-child(-n+3) .sx-row__rank{color:var(--sx-ink)}
.sx-row__bar{position:relative;height:22px;background:var(--sx-line-2);border-radius:4px;overflow:hidden}
.sx-row__bar i{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--sx-navy);border-radius:4px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.sx-row:first-child .sx-row__bar i{background:linear-gradient(90deg,var(--sx-green-2),var(--sx-green))}
.sx-row__val{font:800 20px/1 var(--sx-fh);letter-spacing:-.5px;color:var(--sx-ink);text-align:right;font-variant-numeric:tabular-nums}
.sx-rank--sm .sx-row{grid-template-columns:24px 220px 1fr 40px;padding:6px 4px}
.sx-rank--sm .sx-row__bar{height:14px}
.sx-rank--sm .sx-row__val{font-size:16px}
.sx-rank--sm .sx-row:first-child .sx-row__bar i{background:var(--sx-navy)}

/* ── Compact lists (top value, CS leaders) ─────────────────────────────── */
.sx-list__row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--sx-line-2)}
.sx-list__row:last-child{border-bottom:0}
.sx-list__rank{font:800 12px/1 var(--sx-fh);color:var(--sx-mute-2);text-align:right}
.sx-list__num{text-align:right;line-height:1.1}
.sx-list__num b{display:block;font:800 18px/1 var(--sx-fh);letter-spacing:-.4px;color:var(--sx-ink);font-variant-numeric:tabular-nums}
.sx-list__num small{display:block;margin-top:3px;font:600 11px/1 var(--sx-fb);color:var(--sx-mute)}

/* ── Charts ───────────────────────────────────────────────────────────── */
.sx-chart{position:relative;width:100%}
.sx-chart canvas{display:block}
.sx-chart--value{height:420px}
.sx-chart--template{height:460px}
.sx-chart--donut{height:240px;width:240px;margin:0}
.sx-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:12px;font:600 12px/1 var(--sx-fb);color:var(--sx-mute)}
.sx-legend>span{display:inline-flex;align-items:center;gap:7px}
.sx-legend__hint{margin-left:auto;color:var(--sx-mute-2)}
.sx-dot{width:10px;height:10px;border-radius:50%;background:rgba(14,20,40,.28);display:inline-block}
.sx-dot--strong{background:var(--sx-green-2);box-shadow:0 0 0 2px rgba(2,215,106,.25)}
.sx-dot--GKP{background:var(--sx-gkp)}.sx-dot--DEF{background:var(--sx-def)}.sx-dot--MID{background:var(--sx-mid)}.sx-dot--FWD{background:var(--sx-fwd)}
.sx-dot--goal{background:var(--sx-navy);border-radius:2px}.sx-dot--assist{background:var(--sx-green-2);border-radius:2px}
.sx-check{display:inline-flex;align-items:center;gap:7px;font:700 12px/1 var(--sx-fb);color:var(--sx-mute);cursor:pointer;white-space:nowrap}
.sx-check input{accent-color:var(--sx-green-2);width:15px;height:15px;margin:0}

/* custom chart tooltip */
.sx-tip{position:fixed;z-index:80;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;background:var(--sx-navy);color:#fff;border-radius:10px;padding:10px 12px;min-width:180px;box-shadow:0 12px 32px rgba(14,20,40,.28);font-family:var(--sx-fb)}
.sx-tip.is-on{opacity:1;transform:translateY(0)}
.sx-tip__hd{display:flex;align-items:center;gap:9px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.sx-tip__hd img{width:22px;height:22px;object-fit:contain}
.sx-tip__hd b{display:block;font:700 14px/1.1 var(--sx-fh)}
.sx-tip__hd small{display:block;font:600 10.5px/1 var(--sx-fb);color:rgba(255,255,255,.6);margin-top:3px}
.sx-tip__rows{display:grid;grid-template-columns:auto auto;gap:4px 14px;font-size:11.5px}
.sx-tip__rows span{color:rgba(255,255,255,.6)}
.sx-tip__rows b{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.sx-tip__rows b.hl{color:var(--sx-green)}

/* ── Duo composition (Value 2/3 + Mix 1/3) ─────────────────────────────── */
.sx-duo{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:0 56px;border-bottom:1px solid var(--sx-line-2)}
.sx-duo>.sx-sec{border-bottom:0}
.sx-duo>.sx-sec+.sx-sec{border-left:1px solid var(--sx-line-2);padding-left:40px}
.sx-donut{display:flex;align-items:center;gap:26px;margin-top:6px}
.sx-donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.sx-donut__c b{font:800 30px/1 var(--sx-fh);letter-spacing:-1px;color:var(--sx-ink)}
.sx-donut__c span{font:700 10px/1 var(--sx-fb);letter-spacing:1.4px;text-transform:uppercase;color:var(--sx-mute);margin-top:6px}
.sx-donut__legend{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
.sx-donut__legend li{display:grid;grid-template-columns:12px 40px 44px 1fr;align-items:center;gap:10px;font:600 12px/1 var(--sx-fb);color:var(--sx-mute)}
.sx-donut__legend b{font:800 12px/1 var(--sx-fb);letter-spacing:.6px;color:var(--sx-ink)}
.sx-donut__legend span{font:800 16px/1 var(--sx-fh);color:var(--sx-ink);font-variant-numeric:tabular-nums}
.sx-donut__legend small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-sw{width:12px;height:12px;border-radius:3px;display:block}
.sx-sw--GKP{background:var(--sx-gkp)}.sx-sw--DEF{background:var(--sx-def)}.sx-sw--MID{background:var(--sx-mid)}.sx-sw--FWD{background:var(--sx-fwd)}

/* ── Insights strip ───────────────────────────────────────────────────── */
.sx-insights{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:stretch;margin:40px 0 8px;padding:26px 0;border-top:2px solid var(--sx-ink);border-bottom:1px solid var(--sx-line)}
.sx-insights__lab{font:800 13px/1.25 var(--sx-fh);letter-spacing:.2px;text-transform:uppercase;color:var(--sx-ink);padding-top:2px}
.sx-insights__lab::after{content:"";display:block;width:26px;height:3px;background:var(--sx-green-2);margin-top:10px;border-radius:2px}
.sx-insights__items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.sx-ins{padding:0 18px;border-left:1px solid var(--sx-line);min-width:0;display:flex;flex-direction:column;gap:5px}
.sx-ins:first-child{padding-left:0;border-left:0}
.sx-ins__lab{font:800 10px/1 var(--sx-fb);letter-spacing:1.8px;text-transform:uppercase;color:var(--sx-mute)}
.sx-ins__who{display:flex;align-items:center;gap:7px;margin-top:4px;min-width:0}
.sx-ins__who img{width:22px;height:22px;object-fit:contain;flex-shrink:0}
.sx-ins__who b{font:800 17px/1.1 var(--sx-fh);letter-spacing:-.3px;color:var(--sx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-ins__val{font:800 13px/1.2 var(--sx-fb);color:var(--sx-green-ink);background:rgba(0,255,133,.18);display:inline-block;width:max-content;max-width:100%;padding:4px 8px;border-radius:6px}
.sx-ins__meta{font:600 11px/1.2 var(--sx-fb);color:var(--sx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Attacking output ─────────────────────────────────────────────────── */
.sx-att{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.sx-att__row{display:grid;grid-template-columns:200px 1fr 48px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--sx-line-2)}
.sx-att__bars{display:flex;flex-direction:column;gap:4px}
.sx-att__g,.sx-att__a{display:flex;align-items:center;gap:8px;height:12px}
.sx-att__g i,.sx-att__a i{display:block;height:100%;border-radius:3px;width:calc(var(--v,0) / var(--max,1) * 100%);min-width:2px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.sx-att__g i{background:var(--sx-navy)}.sx-att__a i{background:var(--sx-green-2)}
.sx-att__g b,.sx-att__a b{font:800 11px/1 var(--sx-fb);color:var(--sx-mute);font-variant-numeric:tabular-nums}
.sx-att__tot{text-align:right;font:800 20px/1 var(--sx-fh);letter-spacing:-.5px;color:var(--sx-ink)}
.sx-att__tot small{display:block;font:700 9px/1 var(--sx-fb);letter-spacing:1.2px;color:var(--sx-mute-2);margin-top:3px}

/* ── Differentials band ───────────────────────────────────────────────── */
.sx-sec--band{background:var(--sx-off);margin:0 calc(-1 * var(--sx-gut));padding-left:var(--sx-gut);padding-right:var(--sx-gut);border-radius:18px;border-bottom:0}
.sx-diffs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sx-diff{background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}
.sx-diff:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,20,40,.08);border-color:#d3d7de}
.sx-diff__own b{font:800 34px/1 var(--sx-fh);letter-spacing:-1.5px;color:var(--sx-ink)}
.sx-diff__own b i{font-style:normal;font-size:16px;color:var(--sx-mute);letter-spacing:0;margin-left:1px}
.sx-diff__own span{display:block;font:800 10px/1 var(--sx-fb);letter-spacing:1.6px;text-transform:uppercase;color:var(--sx-green-2);margin-top:4px}
.sx-diff__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--sx-line-2)}
.sx-diff__stats span{font:700 10px/1 var(--sx-fb);letter-spacing:.8px;text-transform:uppercase;color:var(--sx-mute)}
.sx-diff__stats b{display:block;font:800 17px/1 var(--sx-fh);letter-spacing:-.3px;color:var(--sx-ink);margin-bottom:4px;font-variant-numeric:tabular-nums}

/* ── Explorer ─────────────────────────────────────────────────────────── */
.sx-ex__bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:14px 0 16px;border-top:1px solid var(--sx-line);border-bottom:1px solid var(--sx-line);margin-bottom:6px}
.sx-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.sx-field>span{font:800 10px/1 var(--sx-fb);letter-spacing:1.6px;text-transform:uppercase;color:var(--sx-mute)}
.sx-field input,.sx-field select{height:38px;border:1.5px solid var(--sx-line);border-radius:9px;background:#fff;color:var(--sx-ink);font:600 13px/1 var(--sx-fb);padding:0 11px;min-width:0}
.sx-field input:focus,.sx-field select:focus{border-color:var(--sx-ink);outline:0}
.sx-field--search{flex:1 1 220px}
.sx-field--search input{width:100%}
.sx-field--check{align-self:center;margin-left:4px;padding-bottom:2px}
.sx-ex__tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sx-table{width:100%;border-collapse:collapse;font-family:var(--sx-fb)}
.sx-table th{text-align:left;font:800 10px/1 var(--sx-fb);letter-spacing:1.6px;text-transform:uppercase;color:var(--sx-mute);padding:10px 10px;border-bottom:2px solid var(--sx-ink);white-space:nowrap;user-select:none}
.sx-table th[data-k]{cursor:pointer}
.sx-table th[data-k]:hover{color:var(--sx-ink)}
.sx-table th.is-sorted{color:var(--sx-ink)}
.sx-table th.is-sorted::after{content:"▾";margin-left:4px;color:var(--sx-green-2)}
.sx-table th.is-sorted.is-asc::after{content:"▴"}
.sx-table td{padding:8px 10px;border-bottom:1px solid var(--sx-line-2);font-size:13px;color:var(--sx-ink-2);vertical-align:middle;white-space:nowrap}
.sx-table tbody tr{transition:background .12s}
.sx-table tbody tr:hover{background:var(--sx-off)}
.sx-th--num,.sx-td--num{text-align:right;font-variant-numeric:tabular-nums}
.sx-td--key{font:800 15px/1 var(--sx-fh);color:var(--sx-ink)}
.sx-td--rank{color:var(--sx-mute-2);font-weight:800;width:34px}
.sx-th--id{min-width:220px}
.sx-ex__foot{display:flex;align-items:center;gap:14px;margin-top:6px}
.sx-ex__foot .sx-more{margin-top:8px}
.sx-ex__foot .sx-more::after{content:"+"}

/* ── Teams ────────────────────────────────────────────────────────────── */
.sx-teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px 56px;align-items:start}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 4px}
.sx-chips li{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--sx-line);border-radius:999px;padding:6px 12px 6px 7px;font:700 12px/1 var(--sx-fb);color:var(--sx-ink)}
.sx-chips img{width:20px;height:20px;object-fit:contain}
.sx-tablewrap{overflow-x:auto}
.sx-table--league td{padding:7px 10px}
.sx-table--league .sx-id__t b{font-size:13px}
.sx-table--league .sx-badge{width:22px;height:22px}
.sx-form{display:inline-flex;gap:3px}
.sx-form i{font-style:normal;width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font:900 10px/1 var(--sx-fb);color:#fff}
.sx-form--W{background:var(--sx-green-2);color:var(--sx-green-ink)}.sx-form--D{background:#94a3b8}.sx-form--L{background:#ef4444}.sx-form--none{background:var(--sx-off);color:var(--sx-mute-2)}

/* ── Editorial / SEO band ─────────────────────────────────────────────── */
.sx-edu{background:var(--sx-off);border-top:1px solid var(--sx-line);padding:48px 0 56px}
.sx-edu__hd{margin-bottom:26px}
.sx-edu__hd h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-top:10px}
.sx-edu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
.sx-edu h3{font-size:15px;font-weight:800;margin-bottom:8px}
.sx-edu p{font-size:13.5px;line-height:1.65;color:var(--sx-ink-2)}
.sx-edu a{color:var(--sx-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--sx-green-2);text-underline-offset:3px}

/* ── Season memory (knowledge layer) ───────────────────────────────── */
.sx-mem__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px}
.sx-mem__empty{font-size:12.5px;line-height:1.55;color:var(--sx-mute);padding:10px 0 4px}
.sx-mem__list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sx-line-2)}
.sx-mem__val{font:800 13px/1.2 var(--sx-fh);color:var(--sx-ink);text-align:right;white-space:nowrap}
.sx-mem__val small{display:block;font:600 10.5px/1.2 var(--sx-fb);color:var(--sx-mute);white-space:normal}
.sx-mem__val.is-up{color:#15803d}.sx-mem__val.is-down{color:#b91c1c}
.sx-spark{display:inline-flex;gap:4px}
.sx-spark i{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:34px;padding:4px 5px;border-radius:6px;background:var(--sx-off);font-style:normal}
.sx-spark i.is-ret{background:rgba(2,215,106,.18)}
.sx-spark b{font:800 13px/1 var(--sx-fh)}.sx-spark small{font:700 8.5px/1 var(--sx-fb);color:var(--sx-mute);margin-top:3px}
@media(max-width:1000px){.sx-mem__grid{grid-template-columns:1fr}}

/* ── Motion ───────────────────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){.sx *{transition:none !important;animation:none !important}}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media(max-width:1180px){
  .sx-mast__metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .sx-m:nth-child(3){border-right:0}
  .sx-insights__items{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .sx-ins:nth-child(4){border-left:0;padding-left:0}
  .sx-diffs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .sx-duo{grid-template-columns:1fr}
  .sx-duo>.sx-sec+.sx-sec{border-left:0;padding-left:0;padding-top:0}
  .sx-att{grid-template-columns:1fr}
  .sx-teams{grid-template-columns:1fr}
  .sx-row{grid-template-columns:24px 200px 1fr 54px}
  .sx-insights{grid-template-columns:1fr;gap:16px}
  .sx-insights__lab br{display:none}
}
@media(max-width:760px){
  .sx{--sx-gut:18px}
  .sx-mast{padding:30px 0 20px}
  .sx-mast__row{flex-direction:column;align-items:flex-start;gap:14px}
  .sx-mast__gw{text-align:left;display:flex;align-items:baseline;gap:10px}
  .sx-mast__gw b{font-size:44px;letter-spacing:-2px;margin:0}
  .sx-mast__title{font-size:34px;letter-spacing:-1px}
  .sx-mast__deck{font-size:14px}
  .sx-mast__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;margin-top:24px;padding-top:18px}
  .sx-m{border-right:0;margin-right:0;padding-right:10px}
  .sx-m dd b{font-size:28px}
  .sx-bar__in{height:auto;flex-direction:column;align-items:stretch;gap:0;padding:0}
  .sx-bar .sx-wrap{padding:0}
  .sx-nav{padding:0 14px}
  .sx-nav a{height:44px;padding:0 10px;font-size:12px}
  .sx-seg{margin:0 14px 10px;justify-content:space-between;display:flex}
  .sx-seg button{flex:1;padding:8px 6px}
  .sx-sec{padding:30px 0 26px;scroll-margin-top:calc(var(--sx-sticky,0px) + 100px)}
  .sx-sec--band{padding-left:var(--sx-gut);padding-right:var(--sx-gut);border-radius:0}
  .sx-sec__hd{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}
  .sx-sec__meta{align-items:flex-start;text-align:left}
  .sx-sec__t{font-size:22px}
  .sx-row{grid-template-columns:18px minmax(0,1fr) 46px;grid-template-areas:"rank id val" "rank bar val";row-gap:5px;column-gap:10px;padding:8px 2px}
  .sx-row__rank{grid-area:rank}.sx-row .sx-id{grid-area:id}.sx-row__bar{grid-area:bar;height:8px}.sx-row__val{grid-area:val;font-size:18px}
  .sx-rank--sm .sx-row{grid-template-columns:18px minmax(0,1fr) 40px}
  .sx-chart--value{height:340px}.sx-chart--template{height:360px}
  .sx-legend__hint{margin-left:0;width:100%}
  .sx-donut{flex-direction:column;align-items:flex-start;gap:18px}
  .sx-chart--donut{width:200px;height:200px;align-self:center}
  .sx-donut__legend{width:100%}
  .sx-insights{margin-top:26px;padding:20px 0}
  .sx-insights__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .sx-ins{padding:0;border-left:0}
  .sx-ins__who b{font-size:16px}
  .sx-att__row{grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"id tot" "bars tot";row-gap:6px}
  .sx-att__row .sx-id{grid-area:id}.sx-att__bars{grid-area:bars}.sx-att__tot{grid-area:tot}
  .sx-diffs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sx-diff{padding:12px 12px 10px;gap:10px}
  .sx-diff__own b{font-size:28px}
  .sx-diff__stats b{font-size:15px}
  .sx-ex__bar{gap:10px 8px}
  .sx-field{flex:1 1 calc(50% - 8px)}
  .sx-field--search{flex-basis:100%}
  .sx-field--check{flex-basis:auto}
  /* adaptive explorer rows: identity + key metrics grid, no 12-col table */
  .sx-ex__tablewrap{overflow:visible}
  #sx-ex-table,#sx-ex-table tbody,#sx-ex-table tr,#sx-ex-table td{display:block}
  #sx-ex-table thead{display:none}
  #sx-ex-table tr{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid var(--sx-line-2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px}
  #sx-ex-table td{border:0;padding:0;white-space:normal;text-align:left;font-size:12px}
  #sx-ex-table td.sx-td--rank{position:absolute;left:0;top:12px;width:auto;font-size:12px}
  #sx-ex-table td.sx-td--id{grid-column:1 / -1;margin-bottom:2px}
  #sx-ex-table td.sx-td--opt{display:none}
  #sx-ex-table td[data-l="Price"]{display:none}
  #sx-ex-table td[data-l]::before{content:attr(data-l);display:block;font:800 9px/1 var(--sx-fb);letter-spacing:1.4px;text-transform:uppercase;color:var(--sx-mute-2);margin-bottom:3px}
  #sx-ex-table td.sx-td--key{font-size:15px}
  .sx-edu__grid{grid-template-columns:1fr;gap:20px}
  .sx-table--league th.sx-th--opt,.sx-table--league td.sx-td--opt{display:none}
}
@media(max-width:400px){
  .sx-m dd b{font-size:25px}
  .sx-diffs{grid-template-columns:1fr 1fr}
  .sx-diff__own b{font-size:25px}
  .sx-seg button{font-size:11px;padding:8px 4px}
}

.sx-insights__lab small{display:block;margin-top:8px;font:600 10px/1.3 var(--sx-fb);letter-spacing:0;text-transform:none;color:var(--sx-mute)}
.sx-dep{font-style:normal;font:800 9px/1 var(--sx-fb);letter-spacing:.8px;text-transform:uppercase;color:var(--sx-mute2);border:1px solid var(--sx-line);border-radius:4px;padding:2px 5px;margin-left:6px;vertical-align:middle}
tr.is-departed td{color:var(--sx-mute2)}