/* ==========================================================================
   Tables section: /tables/ (page-tables.php) + /tables/{sport}/{competition}/ (single-sl_competition-table.php)
   + the shared standings card (template-parts/blocks/standings-card.php).
   Values copied 1:1 from Tables.dc.html / FullTable.dc.html (inline styles + vw breakpoints in the dc-script).
   ========================================================================== */

/* ---------- Standings card (.sl-stand) ---------- */
.sl-stand{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.sl-stand[hidden]{display:none}
.sl-stand__head{display:flex;align-items:center;gap:14px;padding:14px 16px 14px 14px;border-bottom:1px solid var(--line)}
.sl-stand__logo-box{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm)}
.sl-stand__logo{width:34px;height:34px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stand__title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.sl-stand__name{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stand__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:var(--faint)}
.sl-stand__season{font-family:var(--font-data);font-weight:500;letter-spacing:0;color:#6b6b6b}
.sl-stand__table{display:flex;flex-direction:column}
.sl-stand__hrow{display:grid;grid-template-columns:var(--g-wide);align-items:center;gap:0 6px;height:32px;padding:0 10px 0 0;background:#f6f6f4;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#666}
.sl-stand__hc--pos,.sl-stand__hc--num,.sl-stand__hc--form{text-align:center}
.sl-stand__hc.is-bold{color:#111}
.sl-stand__row{position:relative;display:grid;grid-template-columns:var(--g-wide);align-items:center;gap:0 6px;height:46px;padding:0 10px 0 0;background:#fff;border-bottom:1px solid #ececea;transition:background var(--dur) var(--ease)}
.sl-stand__edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.sl-stand__row--q .sl-stand__edge{background:#1f9d55}
.sl-stand__row--e .sl-stand__edge{background:#2f6fed}
.sl-stand__row--c .sl-stand__edge{background:#d97706}
.sl-stand__row--r .sl-stand__edge{background:var(--accent)}
.sl-stand__pos{font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);color:#555;text-align:center;transition:color var(--dur) var(--ease)}
.sl-stand__crest{width:28px;height:28px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.12));transition:transform var(--dur) var(--ease)}
.sl-stand__flag{width:26px;height:18px;display:block;border-radius:2px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12)}
.sl-stand__init{width:28px;height:28px;font-size:9px}
.sl-stand__team{display:flex;flex-direction:column;gap:1px;min-width:0}
.sl-stand__tname{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-stand__sub{font-family:var(--font-body);font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stand__cell{font-family:var(--font-data);font-weight:500;font-size:var(--text-ui);color:#555;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.sl-stand__cell.is-bold{font-weight:600;color:#111}
.sl-stand__form{display:flex;justify-content:center;gap:2px}
.sl-stand__fb{width:16px;height:16px;display:grid;place-items:center;border-radius:3px;background:#757575;color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px}
.sl-stand__fb--W{background:#157a42}
.sl-stand__fb--L{background:var(--accent)}
.sl-stand__full{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:44px;padding:0 16px;background:#fafaf8;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:#333;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-stand__full-arrow{display:flex;transition:transform var(--dur) var(--ease)}
.sl-stand__row.is-hit{background:#f7f7f5}
@media (hover:hover) and (pointer:fine){
  .sl-stand__row:hover{background:#f7f7f5}
  .sl-stand__row:hover .sl-stand__pos,.sl-stand__row:hover .sl-stand__tname{color:var(--accent)}
  .sl-stand__row:hover .sl-stand__crest{transform:scale(1.1)}
  .sl-stand__full:hover{background:#111;color:#fff}
  .sl-stand__full:hover .sl-stand__full-arrow{transform:translateX(4px)}
}
@media (max-width:1299px){
  .sl-stand__hrow,.sl-stand__row{grid-template-columns:var(--g-narrow)}
}
@media (max-width:619px){
  .sl-stand__hrow,.sl-stand__row{grid-template-columns:var(--g-tiny)}
  .sl-stand__hc--form,.sl-stand__form{display:none}
}

/* ---------- /tables/ page ---------- */
.sl-tables__main{padding-top:18px;padding-bottom:56px}
.sl-tables__crumbs{margin:0}
.sl-tables__title-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin:14px 0 18px}
.sl-tables__title-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.sl-tables__title-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.sl-tables__h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(34px,3.4vw,46px);line-height:1;letter-spacing:-0.01em;text-transform:uppercase}
.sl-tables__h1-sep{color:#767676;font-weight:700}
.sl-tables__live{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:var(--text-nav);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent)}
.sl-tables__live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}
.sl-tables__intro{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;color:#333;max-width:720px;text-wrap:pretty}
.sl-tables__intro p{margin:0}
.sl-tables__intro p+p{margin-top:8px}
.sl-tables__search{display:flex;align-items:center;gap:10px;height:44px;flex:0 0 auto;min-width:320px;max-width:360px;padding:0 14px;margin:0;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-tables__search:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,0.06)}
.sl-tables__search-icon{color:#777;flex-shrink:0;transition:color var(--dur) var(--ease)}
.sl-tables__search:focus-within .sl-tables__search-icon{color:#111}
.sl-tables__search-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-family:var(--font-body);font-size:var(--text-ui);color:#111;padding:0}
.sl-tables__search-input::-webkit-search-cancel-button{-webkit-appearance:none}
.sl-tables__search-clear{display:flex;padding:0;border:0;background:none;cursor:pointer;color:#999;transition:color var(--dur) var(--ease)}
.sl-tables__search-clear[hidden]{display:none}
.sl-tables__search-clear:hover{color:#111}

.sl-tables__switcher{position:relative;z-index:6;margin-bottom:12px}
.sl-tables__switcher-bar{display:flex;align-items:stretch;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sl-tables__tabs{display:flex;align-items:stretch;gap:4px;flex:1;min-width:0;overflow:hidden}
.sl-tables__tab[hidden]{display:none}
.sl-tables__more-btn[hidden],.sl-tables__more-item[hidden]{display:none}
.sl-tables__tab{flex:1 0 auto;justify-content:center;display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;border-radius:var(--r-sm);background:transparent;color:#222;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transform:translateY(0);box-shadow:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-tables__tab-icon{color:#555;transform:scale(1);transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-tables__tab.is-active{background:var(--accent);color:#fff}
.sl-tables__tab.is-active .sl-tables__tab-icon{color:#fff}
.sl-tables__more-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin-left:4px;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;color:#222;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-tables__more-chev{transform:rotate(0);transition:transform var(--dur) var(--ease)}
.sl-tables__more-btn.is-open{background:#111;color:#fff}
.sl-tables__more-btn.is-open .sl-tables__more-chev{transform:rotate(180deg)}
.sl-tables__more-btn.is-active{background:var(--accent);color:#fff}
.sl-tables__more{position:absolute;right:0;top:calc(100% + 6px);width:min(560px,92vw);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 18px 40px rgba(0,0,0,0.14);padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}
.sl-tables__more[hidden]{display:none}
.sl-tables__more-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:var(--r-sm);background:transparent;color:#111;font-family:var(--font-display);font-weight:600;font-size:var(--text-nav);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-tables__more-item.is-active{background:var(--accent);color:#fff}
.sl-tables__more-count{margin-left:auto;font-family:var(--font-data);font-size:var(--text-xs);opacity:0.6}
@media (hover:hover) and (pointer:fine){
  .sl-tables__tab:hover{background:#111;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,0.18)}
  .sl-tables__tab.is-active:hover{background:#c40500}
  .sl-tables__tab:hover .sl-tables__tab-icon{color:#fff;transform:scale(1.15)}
  .sl-tables__more-btn:hover{background:#111;color:#fff}
  .sl-tables__more-item:hover{background:#111;color:#fff}
}

.sl-tables__filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.sl-tables__sel{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:0}
.sl-tables__sel select{appearance:none;-webkit-appearance:none;width:100%;height:40px;padding:0 34px 0 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;font-family:var(--font-body);font-weight:500;font-size:var(--text-ui);color:#111;cursor:pointer;transition:border-color var(--dur) var(--ease)}
.sl-tables__sel select:hover,.sl-tables__sel.is-active select{border-color:#111}
.sl-tables__sel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sl-tables__sel svg{position:absolute;right:12px;pointer-events:none;color:#111}
.sl-tables__reset{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);transition:background var(--dur) var(--ease)}
.sl-tables__reset[hidden]{display:none}
.sl-tables__reset:hover{background:#fff}
.sl-tables__count{margin-left:auto;font-family:var(--font-data);font-weight:500;font-size:var(--text-sm);color:var(--faint);white-space:nowrap}

.sl-tables__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.sl-tables__content{min-width:0}
.sl-tables__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sl-tables__grid[hidden]{display:none}
.sl-tables__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--r-md)}
.sl-tables__empty[hidden]{display:none}
.sl-tables__empty-title{font-family:var(--font-display);font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}
.sl-tables__empty-text{font-family:var(--font-body);font-size:var(--text-body);color:var(--muted);max-width:420px;text-wrap:pretty}
.sl-tables__empty-btn{display:flex;align-items:center;height:42px;padding:0 18px;margin-top:8px;border:0;cursor:pointer;border-radius:var(--r-sm);background:#0d0d0d;color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;transition:background var(--dur) var(--ease)}
.sl-tables__empty-btn:hover{background:var(--accent)}

.sl-tables__side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;align-items:start}
.sl-tables__box{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.sl-tables__box[hidden]{display:none}
.sl-tables__box-head{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 12px 0 14px;border-bottom:1px solid var(--line)}
.sl-tables__box-title{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:0.02em;text-transform:uppercase}
.sl-tables__box-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.sl-tables__box-all{display:flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);transition:color var(--dur) var(--ease)}
.sl-tables__box-all:hover{color:#111}
.sl-tables__hl{display:flex;flex-direction:column;gap:6px;padding:8px}
.sl-tables__hl-item{display:flex;align-items:center;gap:12px;height:48px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:#fafaf8;border:1px solid var(--line);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.sl-tables__hl-item[hidden]{display:none}
.sl-tables__hl-logo-box{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center}
.sl-tables__hl-logo{width:28px;height:28px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-tables__hl-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sl-tables__hl-name{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tables__hl-country{font-family:var(--font-body);font-size:10px;color:var(--faint)}
.sl-tables__hl-chev{display:flex;color:#9a9a9a;transform:translateX(0);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-tables__sc-head,.sl-tables__mv-head{display:grid;grid-template-columns:26px minmax(0,1fr) 72px 44px;align-items:center;gap:0 8px;height:30px;padding:0 14px 0 12px;background:#f6f6f4;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#666}
.sl-tables__mv-head{grid-template-columns:26px minmax(0,1fr) 60px 40px}
.sl-tables__sc-head .is-right,.sl-tables__mv-head .is-right{text-align:right}
.sl-tables__mv-head .is-center{text-align:center}
.sl-tables__sc-row{display:grid;grid-template-columns:26px minmax(0,1fr) 72px 44px;align-items:center;gap:0 8px;height:44px;padding:0 14px 0 12px;background:#fff;border-bottom:1px solid #ececea;transition:background var(--dur) var(--ease)}
.sl-tables__mv-row{display:grid;grid-template-columns:26px minmax(0,1fr) 60px 40px;align-items:center;gap:0 8px;height:42px;padding:0 14px 0 12px;background:#fff;border-bottom:1px solid #ececea;transition:background var(--dur) var(--ease)}
.sl-tables__sc-row[hidden],.sl-tables__mv-row[hidden]{display:none}
.sl-tables__sc-pos,.sl-tables__mv-pos{font-family:var(--font-data);font-weight:600;font-size:var(--text-sm);color:#555}
.sl-tables__sc-player,.sl-tables__mv-team{display:flex;align-items:center;gap:9px;min-width:0}
.sl-tables__sc-avatar{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#0d0d0d;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:11px}
.sl-tables__sc-avatar--photo{background-color:#ddd;background-size:cover;background-position:50% 20%}
.sl-tables__sc-name,.sl-tables__mv-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-tables__sc-team{font-family:var(--font-body);font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tables__sc-val,.sl-tables__mv-pts{font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);text-align:right}
.sl-tables__mv-logo{width:24px;height:24px;flex-shrink:0;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-tables__mv-change{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-data);font-weight:600;font-size:var(--text-sm)}
.sl-tables__mv-change.is-up{color:#157a42}
.sl-tables__mv-change.is-down{color:var(--accent)}
.sl-tables__mv-change.is-down svg{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){
  .sl-tables__hl-item:hover{background:#f7f7f5;border-color:#111}
  .sl-tables__hl-item:hover .sl-tables__hl-chev{color:#111;transform:translateX(3px)}
  .sl-tables__sc-row:hover,.sl-tables__mv-row:hover{background:#f7f7f5}
  .sl-tables__sc-row:hover .sl-tables__sc-name,.sl-tables__mv-row:hover .sl-tables__mv-name{color:var(--accent)}
}

.sl-tables__cta{position:relative;overflow:hidden;margin-top:24px;background:#0d0d0d;color:#fff;border-radius:var(--r-lg);border:1px solid #1c1c1c}
.sl-tables__cta-img{position:absolute;top:0;bottom:0;right:0;width:58%;background-size:cover;background-position:60% 40%;opacity:0.55}
.sl-tables__cta-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0d 40%,rgba(13,13,13,0.7) 62%,rgba(13,13,13,0.35) 100%)}
.sl-tables__cta-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:26px clamp(18px,2.4vw,32px)}
.sl-tables__cta-text{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:640px}
.sl-tables__cta-kicker{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.16em;text-transform:uppercase;color:var(--accent)}
.sl-tables__cta-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(26px,2.8vw,40px);line-height:0.95;letter-spacing:-0.01em;text-transform:uppercase;text-wrap:balance}
.sl-tables__cta-desc{font-family:var(--font-body);font-size:var(--text-nav);line-height:1.5;color:#c9c9c9;text-wrap:pretty}
.sl-tables__cta-btn{flex-shrink:0;display:flex;align-items:center;gap:12px;height:48px;padding:0 22px;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-nav);letter-spacing:0.06em;text-transform:uppercase;transform:translateY(0);box-shadow:none;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-tables__cta-arrow{display:flex;transition:transform var(--dur) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .sl-tables__cta-btn:hover{background:#c40500;transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--accent-rgb),0.35)}
  .sl-tables__cta-btn:hover .sl-tables__cta-arrow{transform:translateX(4px)}
}


@media (max-width:1199px){
  .sl-tables__tab{flex:0 0 auto}
  .sl-tables__layout{grid-template-columns:minmax(0,1fr)}
  .sl-tables__side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:999px){
  .sl-tables__search{flex:1 1 100%;min-width:0;max-width:100%}
  .sl-tables__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:899px){
  .sl-tables__sel{flex:1 1 45%}
  .sl-tables__side{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Full table page (.sl-ftable) ---------- */
.sl-ftable__band{background:#fff;border-bottom:1px solid var(--line)}
.sl-ftable__band-inner{padding-top:18px;padding-bottom:22px;display:flex;flex-direction:column;gap:18px}
.sl-ftable__crumbs{margin:0}
.sl-ftable__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.sl-ftable__id{display:flex;align-items:center;gap:18px;min-width:0}
.sl-ftable__logo-box{width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sl-ftable__logo{width:52px;height:52px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-ftable__titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.sl-ftable__title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sl-ftable__h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.2vw,44px);line-height:0.92;letter-spacing:-0.01em;text-transform:uppercase}
.sl-ftable__live{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.sl-ftable__live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}
.sl-ftable__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:var(--text-ui);letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap}
.sl-ftable__country{display:flex;align-items:center;gap:8px}
.sl-ftable__flag{display:block;width:18px;height:12px;border-radius:2px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12)}
.sl-ftable__sep{width:1px;height:12px;background:var(--line-strong)}
.sl-ftable__season{font-family:var(--font-data);font-weight:500;letter-spacing:0;color:#6b6b6b}
.sl-ftable__countlbl{letter-spacing:0.06em}
.sl-ftable__ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.sl-ftable__season-lbl{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:210px}
.sl-ftable__season-txt{position:absolute;left:14px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);pointer-events:none}
.sl-ftable__season-sel{appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:0 38px 0 82px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);color:#111;cursor:pointer;transition:border-color var(--dur) var(--ease)}
.sl-ftable__season-sel:hover{border-color:#111}
.sl-ftable__season-sel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sl-ftable__season-chev{position:absolute;right:14px;pointer-events:none;color:#111}
.sl-ftable__all{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:var(--r-sm);background:#fff;color:#111;box-shadow:inset 0 0 0 1px #111;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-ftable__all:hover{background:#111;color:#fff}

.sl-ftable__main{padding-top:20px;padding-bottom:56px;display:flex;flex-direction:column;gap:18px}
.sl-ftable__block[hidden]{display:none}
.sl-ftable__block{display:flex;flex-direction:column;gap:18px}
.sl-ftable__tabs-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sl-ftable__tabs{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sl-ftable__tab{display:flex;align-items:center;height:38px;padding:0 18px;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;color:#333;font-family:var(--font-display);font-weight:700;font-size:var(--text-nav);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-ftable__tab:hover{background:#f0f0ee}
.sl-ftable__tab.is-active,.sl-ftable__tab.is-active:hover{background:var(--accent);color:#fff}
.sl-ftable__hint{font-family:var(--font-body);font-size:var(--text-ui);color:var(--muted)}
.sl-ftable__hint[hidden]{display:none}

.sl-ftable__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.sl-ftable__view[hidden]{display:none}
.sl-ftable__table{display:flex;flex-direction:column;--pad-r:14px;--chip:18px;--row-h:50px;--g:var(--g-desktop)}
.sl-ftable__hrow{display:grid;grid-template-columns:var(--g);align-items:center;gap:0 8px;height:38px;padding:0 var(--pad-r) 0 0;background:#f6f6f4;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:#666}
.sl-ftable__hc{text-align:center}
.sl-ftable__hc--name{text-align:left}
.sl-ftable__hc.is-bold{color:#111}
.sl-ftable__row{position:relative;display:grid;grid-template-columns:var(--g);align-items:center;gap:0 8px;height:var(--row-h);padding:0 var(--pad-r) 0 0;background:#fff;border-bottom:1px solid #ececea;transition:background var(--dur) var(--ease)}
.sl-ftable__edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.sl-ftable__row--q .sl-ftable__edge{background:#1f9d55}
.sl-ftable__row--e .sl-ftable__edge{background:#1d4ed8}
.sl-ftable__row--c .sl-ftable__edge{background:#d97706}
.sl-ftable__row--r .sl-ftable__edge{background:var(--accent)}
.sl-ftable__pos{font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);color:#555;text-align:center;transition:color var(--dur) var(--ease)}
.sl-ftable__crest{width:30px;height:30px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.12));transform:scale(1);transition:transform var(--dur) var(--ease)}
.sl-ftable__rflag{width:26px;height:18px;display:block;border-radius:2px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12)}
.sl-ftable__init{width:30px;height:30px;font-size:9px}
.sl-ftable__team{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-ftable__tname{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-ftable__sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-ftable__cell{font-family:var(--font-data);font-weight:500;font-size:var(--text-ui);color:#555;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.sl-ftable__cell.is-bold{font-weight:600;color:#111}
.sl-ftable__form{display:flex;justify-content:center;gap:3px}
.sl-ftable__fb{width:var(--chip);height:var(--chip);display:grid;place-items:center;border-radius:3px;background:#757575;color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px}
.sl-ftable__fb--W{background:#157a42}
.sl-ftable__fb--L{background:var(--accent)}
.sl-ftable__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:12px 16px;background:#fafaf8}
.sl-ftable__legend-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.sl-ftable__zone{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-sm);color:#444}
.sl-ftable__zone-sw{width:10px;height:10px;border-radius:2px;background:#9a9a9a}
.sl-ftable__zone--q .sl-ftable__zone-sw{background:#1f9d55}
.sl-ftable__zone--e .sl-ftable__zone-sw{background:#1d4ed8}
.sl-ftable__zone--c .sl-ftable__zone-sw{background:#d97706}
.sl-ftable__zone--r .sl-ftable__zone-sw{background:var(--accent)}
.sl-ftable__note{font-family:var(--font-body);font-size:var(--text-sm);color:var(--faint)}
.sl-ftable__stamp{font-family:var(--font-data);font-weight:500;font-size:var(--text-xs);color:#717171;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  .sl-ftable__row:hover{background:#f7f7f5}
  .sl-ftable__row:hover .sl-ftable__pos,.sl-ftable__row:hover .sl-ftable__tname{color:var(--accent)}
  .sl-ftable__row:hover .sl-ftable__crest{transform:scale(1.1)}
}

.sl-ftable__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--r-md)}
.sl-ftable__empty-title{font-family:var(--font-display);font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}
.sl-ftable__empty-text{font-family:var(--font-body);font-size:var(--text-body);color:var(--muted);max-width:420px;text-wrap:pretty}
.sl-ftable__empty-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}

.sl-ftable__related{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.sl-ftable__related-title{margin:0;display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:0.01em;text-transform:uppercase}
.sl-ftable__related-bar{width:4px;height:20px;background:var(--accent);border-radius:2px}
.sl-ftable__related-list{display:flex;flex-wrap:wrap;gap:8px}
.sl-ftable__rel{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);transform:translateY(0);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-ftable__rel-logo-box{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-xs);background:#f6f6f4;flex-shrink:0}
.sl-ftable__rel-logo{width:22px;height:22px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-ftable__rel-text{display:flex;flex-direction:column;gap:1px}
.sl-ftable__rel-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-nav);line-height:1.1;color:#111;white-space:nowrap;transition:color var(--dur) var(--ease)}
.sl-ftable__rel-meta{font-family:var(--font-body);font-size:10px;color:var(--faint);white-space:nowrap}
.sl-ftable__rel-arrow{display:flex;color:#9a9a9a;transform:translateX(0);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .sl-ftable__rel:hover{border-color:#111;transform:translateY(-1px);box-shadow:var(--shadow-md)}
  .sl-ftable__rel:hover .sl-ftable__rel-name{color:var(--accent)}
  .sl-ftable__rel:hover .sl-ftable__rel-arrow{color:#111;transform:translateX(3px)}
}

/* full table responsive: tablet <1000 (hide GF/GA, 48px cells), mobile <640 (mobile columns, 40px cells), tiny <560 (2 stat cols, no form) */
@media (max-width:999px){
  .sl-ftable__table{--g:var(--g-tablet)}
  .sl-ftable__table .is-tablet-hide{display:none}
}
@media (max-width:759px){
  .sl-ftable__ctl,.sl-ftable__season-lbl{flex:1 1 100%}
  .sl-ftable__season-lbl{min-width:0}
}
@media (max-width:639px){
  .sl-ftable__table{--g:var(--g-mobile);--pad-r:8px;--chip:16px;--row-h:46px}
  .sl-ftable__table .is-tablet-hide{display:revert}
  .sl-ftable__table .is-mobile-hide{display:none}
  .sl-ftable__tab{padding:0 12px}
  .sl-ftable__hc--form .is-long{display:none}
}
@media (max-width:559px){
  .sl-ftable__table{--g:var(--g-tiny)}
  .sl-ftable__table .is-tiny-hide{display:none}
  .sl-ftable__hc--form,.sl-ftable__form{display:none}
}
@media (min-width:640px){
  .sl-ftable__hc--form .is-short{display:none}
}