/* ==========================================================================
   Matches page (Matches.dc.html 1:1) + MatchQuickView modal + shared FAQ block.
   Breakpoints from the prototype: wide = vw>=1000, mid = vw>=760, tabs = vw>=1280.
   ========================================================================== */

.sl-matches__main{padding-top:18px;padding-bottom:64px}

/* breadcrumb (page variant: body font) */
.sl-matches__crumbs{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--faint)}
.sl-matches__crumbs a{color:#555;transition:color var(--dur) var(--ease)}
.sl-matches__crumbs a:hover{color:#111}
.sl-matches__crumb-sep{display:flex;color:#bbb}
.sl-matches__crumbs [aria-current]{color:#111;font-weight:600}

/* title row */
.sl-matches__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:14px 0 16px}
.sl-matches__title-l{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;min-width:0}
.sl-matches__title{display:flex;align-items:center;gap:14px}
.sl-matches__bar{width:5px;height:40px;background:var(--accent);border-radius:2px;flex-shrink:0}
.sl-matches__title 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-matches__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-matches__pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}
.sl-matches__stats{display:flex;align-items:center;font-family:var(--font-body);font-weight:500;font-size:var(--text-nav);color:#333}
.sl-matches__stats > span{padding:0 14px;border-left:1px solid var(--line-strong);white-space:nowrap}
.sl-matches__stats b{font-family:var(--font-data);font-weight:600;color:#111}
.sl-matches__stats b.is-live{color:var(--accent)}
.sl-matches__ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto}

/* day switcher */
.sl-days{display:flex;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}
.sl-days__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:44px;padding:0 14px;border:0;border-right:1px solid var(--line-strong);cursor:pointer;background:#fff;color:#111;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-days__btn:last-child{border-right-color:transparent}
.sl-days__btn.is-active{background:#0d0d0d;color:#fff}
.sl-days__btn:active{background:#000;color:#fff}
.sl-days__date{font-family:var(--font-data);font-weight:500;font-size:10px;letter-spacing:0;opacity:0.65;text-transform:none}

/* search */
.sl-msearch{display:flex;align-items:center;gap:10px;height:44px;flex:0 0 auto;min-width:300px;margin:0;padding:0 14px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-msearch:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,0.06)}
.sl-msearch__icon{color:#777;flex-shrink:0;transition:color var(--dur) var(--ease)}
.sl-msearch:focus-within .sl-msearch__icon{color:#111}
.sl-msearch__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-msearch__input::-webkit-search-cancel-button{-webkit-appearance:none}
.sl-msearch__clear{display:flex;border:0;background:none;padding:0;cursor:pointer;color:#767676;transition:color var(--dur) var(--ease)}
.sl-msearch__clear:hover{color:#111}
.sl-msearch__clear[hidden]{display:none}

/* sport switcher */
.sl-sports{position:relative;z-index:6}
.sl-sports__bar{display:flex;align-items:stretch;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sl-sports__tabs{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}
.sl-sports__tab{flex:1 1 0;justify-content:center;display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;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.08em;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-sports__tab .sl-mask{color:#555;transform:scale(1);transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-sports__tab.is-active{background:var(--accent);color:#fff}
.sl-sports__tab.is-active .sl-mask{color:#fff}
.sl-sports__more{flex-shrink:0;margin-left:6px;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:0;cursor:pointer;box-shadow:inset 1px 0 0 var(--line);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.08em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-sports__more svg{transform:rotate(0);transition:transform var(--dur) var(--ease)}
.sl-sports__more:active{transform:scale(0.97)}
.sl-sports__more[aria-expanded="true"]{background:#111;color:#fff}
.sl-sports__more[aria-expanded="true"] svg{transform:rotate(180deg)}
.sl-sports__more.is-active{background:var(--accent);color:#fff}
.sl-sports__menu{position:absolute;right:0;top:calc(100% + 6px);width:min(720px,100%);z-index:20;padding:8px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 18px 40px rgba(0,0,0,0.14);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.sl-sports__menu[hidden]{display:none}
.sl-sports__mitem{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 8px;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;color:#222;box-shadow:inset 0 0 0 1px transparent;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.04em;white-space:nowrap;text-align:left;transform:translateY(0);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-sports__mitem:active{transform:scale(0.98)}
.sl-sports__micon{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-xs);background:#f0f0ee;transition:background var(--dur) var(--ease)}
.sl-sports__micon .sl-mask{color:#555;transition:background-color var(--dur) var(--ease)}
.sl-sports__mlabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sl-sports__mcount{min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:var(--r-xs);background:#f0f0ee;font-family:var(--font-data);font-weight:600;font-size:var(--text-xs);color:var(--faint);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-sports__mchev{display:flex;color:#c8c8c8;transform:translateX(0);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-sports__mitem.is-active{background:#0d0d0d;color:#fff;box-shadow:inset 0 0 0 1px #0d0d0d}
.sl-sports__mitem.is-active .sl-sports__micon{background:var(--accent)}
.sl-sports__mitem.is-active .sl-sports__micon .sl-mask,.sl-sports__mitem.is-active .sl-sports__mcount,.sl-sports__mitem.is-active .sl-sports__mchev{color:#fff}
.sl-sports__mitem.is-active .sl-sports__mcount{background:rgba(255,255,255,0.14)}

/* live strip */
.sl-lstrip{display:flex;align-items:stretch;height:50px;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.sl-lstrip[hidden]{display:none}
.sl-lstrip__head{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 16px 0 14px;border-left:4px solid var(--accent);border-right:1px solid var(--line);white-space:nowrap}
.sl-lstrip__label{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:var(--text-ui);letter-spacing:0.08em;text-transform:uppercase;color:var(--accent)}
.sl-lstrip__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}
.sl-lstrip__sub{font-family:var(--font-body);font-size:10px;color:var(--faint)}
.sl-lstrip__scroll{display:flex;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth}
.sl-lstrip__item{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--text-ui);color:#111;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-lstrip__item:active{background:#000;color:#fff}
.sl-lstrip__icon{color:#999}
.sl-lstrip__score{font-family:var(--font-data);font-weight:600;color:var(--accent)}
.sl-lstrip__period{font-family:var(--font-data);font-weight:600;font-size:var(--text-xs);color:var(--accent)}
.sl-lstrip__next{display:grid;place-items:center;width:44px;flex-shrink:0;border:0;border-left:1px solid var(--line);background:transparent;cursor:pointer;color:#555;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}

/* participant badge (prototype badgeOf): 24 round / 22×15 flag; small 18 / 18×12 */
.sl-pb{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;font-family:var(--font-display);font-weight:700;font-size:9px;color:#555}
.sl-pb--init{background-color:#e9e9e6}
.sl-pb--flag{width:22px;height:15px;border-radius:2px}
.sl-pb--sm{width:18px;height:18px;font-size:8px}
.sl-pb--sm.sl-pb--flag{width:18px;height:12px}

/* layout */
.sl-matches__layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:24px;margin-top:20px;align-items:start}
.sl-matches__ftoggle{display:none;grid-column:1 / -1}
.sl-matches__fbtn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line-strong);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.08em;text-transform:uppercase;color:#111;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.sl-matches__fbtn:active,.sl-matches__fbtn[aria-expanded="true"]{background:#111;color:#fff;border-color:#111}
.sl-matches__fcount{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--font-data);font-size:var(--text-xs)}
.sl-matches__fcount[hidden]{display:none}

/* sidebar */
.sl-mside{display:flex;flex-direction:column;gap:16px;min-width:0;padding-right:6px;margin-right:-6px}
.sl-mside__box{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.sl-mside__sec{padding:14px 14px 12px;border-bottom:1px solid var(--line)}
.sl-mside__sec--status{padding-bottom:10px}
.sl-mside__sec--last{border-bottom:0}
.sl-mside__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.sl-mside__title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:var(--text-nav);letter-spacing:0.08em;text-transform:uppercase}
.sl-mside__sec--status > .sl-mside__title{margin-bottom:8px}
.sl-mside__sec--last > .sl-mside__title{margin-bottom:10px}
.sl-mside__bar{width:3px;height:16px;background:var(--accent)}
.sl-mside__clear{border:0;background:none;padding:0;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);transition:color var(--dur) var(--ease)}
.sl-mside__clear:hover{color:#111}
.sl-mside__clear[hidden]{display:none}
.sl-mside__search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin-bottom:6px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;color:#6b6b6b;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-mside__search:hover{border-color:#111}
.sl-mside__search:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,0.06)}
.sl-mside__search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0;font-family:var(--font-body);font-size:var(--text-sm);color:#111}
.sl-mside__search input::-webkit-search-cancel-button{-webkit-appearance:none}
.sl-mside__list{display:flex;flex-direction:column;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c8c4 transparent}
.sl-mside__list.is-scroll{overflow-y:auto;padding-right:4px;margin-right:-4px}
[data-m="comp-list"].is-scroll{max-height:264px}
[data-m="country-list"].is-scroll{max-height:232px}
.sl-mside__item{display:flex;align-items:center;gap:10px;height:32px;flex-shrink:0;padding:0 6px;border:0;border-radius:var(--r-xs);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:var(--text-ui);font-weight:400;color:#222;text-align:left;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-mside__item:active{background:#e8e8e5}
.sl-mside__item--radio.is-on{color:#111;font-weight:600}
.sl-mside__box-check{width:16px;height:16px;flex-shrink:0;border-radius:3px;border:1.5px solid #c8c8c4;background:#fff;display:grid;place-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-mside__box-check svg{opacity:0;stroke:#fff;stroke-width:3.5}
.sl-mside__item.is-on .sl-mside__box-check{background:var(--accent);border-color:var(--accent)}
.sl-mside__item.is-on .sl-mside__box-check svg{opacity:1}
.sl-mside__radio{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:1.5px solid #c8c8c4;background:#fff;display:grid;place-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-mside__radio > span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0}
.sl-mside__item.is-on .sl-mside__radio{background:var(--accent);border-color:var(--accent)}
.sl-mside__item.is-on .sl-mside__radio > span{opacity:1}
.sl-mside__flag{display:block;width:18px;height:12px;flex-shrink:0;border-radius:2px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08)}
.sl-mside__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mside__n{font-family:var(--font-data);font-size:var(--text-xs);color:var(--faint)}
.sl-mside__more{display:flex;align-items:center;gap:6px;height:30px;padding:0 6px;border:0;background:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.06em;text-transform:uppercase;color:#555;transition:color var(--dur) var(--ease)}
.sl-mside__more[hidden]{display:none}
.sl-mside__more svg{transform:rotate(0);transition:transform var(--dur) var(--ease)}
.sl-mside__more.is-open svg{transform:rotate(180deg)}
.sl-mside__more:hover{color:var(--accent)}

/* promo */
.sl-mpromo{position:relative;overflow:hidden;border-radius:var(--r-md);background:#0d0d0d;color:#fff;padding:22px 18px 20px;display:flex;flex-direction:column;gap:10px}
.sl-mpromo__img{position:absolute;inset:0;background-size:cover;background-position:50% 40%;opacity:0.45}
.sl-mpromo__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,13,0.2) 0%,rgba(13,13,13,0.92) 100%)}
.sl-mpromo__title{position:relative;font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;text-transform:uppercase;margin-top:56px}
.sl-mpromo__text{position:relative;font-family:var(--font-body);font-size:var(--text-ui);line-height:1.5;color:#d6d6d6}
.sl-mpromo__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:42px;margin-top:6px;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.08em;text-transform:uppercase;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-mpromo__btn:active{transform:translateY(0)}
.sl-mpromo__arrow{display:flex;transform:translateX(0);transition:transform var(--dur) var(--ease)}

/* main column */
.sl-matches__col{display:flex;flex-direction:column;gap:26px;min-width:0}

/* featured live */
.sl-feat{display:flex;flex-direction:column;gap:12px}
.sl-feat__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sl-feat__title{margin:0;display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:0;text-transform:uppercase;line-height:1}
.sl-feat__bar{width:4px;height:22px;background:var(--accent);border-radius:2px}
.sl-feat__all{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;color:#444;text-align:left;transition:color var(--dur) var(--ease)}
.sl-feat__arrow{display:flex;transform:translateX(0);transition:transform var(--dur) var(--ease)}
.sl-feat__grid{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:14px}
.sl-feat__card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transform:translateY(0);box-shadow:var(--shadow-sm);cursor:pointer;min-width:0;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-feat__card:active{transform:translateY(0) scale(0.99)}
.sl-feat__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sl-feat__sport{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:var(--text-ui);letter-spacing:0.08em;text-transform:uppercase}
.sl-feat__sport .sl-mask{color:#111}
.sl-feat__live{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent)}
.sl-feat__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sl-feat__comp{font-family:var(--font-body);font-size:var(--text-sm);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-feat__side{display:flex;align-items:center;gap:10px;min-width:0}
.sl-feat__name{flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:16px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-feat__score{font-family:var(--font-data);font-weight:600;font-size:18px;color:var(--accent);white-space:nowrap}
.sl-feat__period{font-family:var(--font-data);font-weight:600;font-size:var(--text-sm);color:var(--accent);padding-top:4px;border-top:1px solid var(--line)}

/* group */
.sl-mgroup{display:flex;flex-direction:column;gap:10px;min-width:0}
.sl-mgroup__head{display:flex;align-items:center;gap:12px;min-height:40px;padding-left:14px;border-left:4px solid var(--accent)}
.sl-mgroup__icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--line-strong);background:#fff}
.sl-mgroup__icon .sl-mask{color:#111}
.sl-mgroup__flag{display:block;width:24px;height:16px;flex-shrink:0;border-radius:2px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}
.sl-mgroup__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:0;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sl-mgroup__title a{transition:color var(--dur) var(--ease)}
.sl-mgroup__title a:hover{color:var(--accent)}
.sl-mgroup__count{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--faint);white-space:nowrap}
.sl-mgroup__view{margin-left:auto;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:0;cursor:pointer;border-radius:var(--r-xs);background:transparent;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.sl-mgroup__view:active{background:#000;color:#fff}
.sl-mgroup__arrow{display:flex;transform:translateX(0);transition:transform var(--dur) var(--ease)}
.sl-mgroup__list{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}

/* match row */
.sl-mrow{position:relative;display:grid;grid-template-columns:56px 150px minmax(0,1fr) auto minmax(0,1fr) 92px 18px;align-items:center;gap:0 12px;min-height:46px;padding:6px 14px 6px 12px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer;transition:background var(--dur) var(--ease)}
.sl-mrow--race{grid-template-columns:56px 150px minmax(0,1fr) 18px}
.sl-mrow:active{background:#ececea}
.sl-mrow__edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity var(--dur) var(--ease)}
.sl-mrow__badge{display:flex;align-items:center;justify-content:center;gap:6px;height:24px;min-width:56px;padding:0 8px;border-radius:var(--r-xs);background:#eeeeeb;color:#111;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums}
.sl-mrow--live .sl-mrow__badge{background:var(--accent);color:#fff}
.sl-mrow--fin .sl-mrow__badge{background:#2b2b2b;color:#fff}
.sl-mrow__dot{display:block;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.9}
.sl-mrow__comp{display:flex;align-items:center;min-width:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mrow__comp a{overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-mrow__comp a:hover{color:var(--accent)}
.sl-mrow__home{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.sl-mrow__away{display:flex;align-items:center;gap:8px;min-width:0}
.sl-mrow__name{font-family:var(--font-display);font-weight:600;font-size:15px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mrow__home .sl-mrow__name{text-align:right}
.sl-mrow__name.is-lost{font-weight:500;color:#6b6b6b}
a.sl-mrow__name{transition:color var(--dur) var(--ease)}
a.sl-mrow__name:hover{color:var(--accent)}
.sl-mrow__sets{display:grid;grid-template-columns:repeat(3,16px);gap:1px 6px;justify-content:center;font-family:var(--font-data);font-weight:600;font-size:var(--text-sm);line-height:1.25;font-variant-numeric:tabular-nums}
.sl-mrow__set{text-align:center;color:#6b6b6b}
.sl-mrow__set.is-won{color:#111}
.sl-mrow__set.is-cur{color:var(--accent)}
.sl-mrow__score{display:flex;align-items:center;justify-content:center;min-width:64px;height:26px;padding:0 10px;border-radius:var(--r-xs);background:#f3f3f1;color:#666;font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);white-space:nowrap}
.sl-mrow--live .sl-mrow__score{background:var(--accent);color:#fff}
.sl-mrow--fin .sl-mrow__score{background:#111;color:#fff}
.sl-mrow__race{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0}
.sl-mrow__rname{font-family:var(--font-display);font-weight:700;font-size:15px;color:#111;white-space:nowrap}
.sl-mrow__prog{font-family:var(--font-data);font-weight:600;font-size:var(--text-sm);color:#6b6b6b;white-space:nowrap}
.sl-mrow--live .sl-mrow__prog{color:var(--accent)}
.sl-mrow__podium{display:flex;flex-wrap:wrap;gap:6px}
.sl-mrow__pod{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px 0 4px;border-radius:var(--r-xs);background:#f3f3f1;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:#222;white-space:nowrap}
.sl-mrow__pos{display:grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#fff;color:#111;font-family:var(--font-data);font-weight:600;font-size:10px}
.sl-mrow__pos.is-first{background:var(--accent);color:#fff}
.sl-mrow__pimg{display:block;width:16px;height:16px;border-radius:2px;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-mrow__pimg--flag{height:11px}
.sl-mrow__pval{font-family:var(--font-data);font-weight:600;color:#555}
.sl-mrow__period{display:flex;justify-content:flex-end;font-family:var(--font-data);font-weight:600;font-size:var(--text-sm);color:#6b6b6b;white-space:nowrap}
.sl-mrow--live .sl-mrow__period{color:var(--accent)}
.sl-mrow--race .sl-mrow__period{display:none}
.sl-mrow__chev{display:flex;justify-content:flex-end;padding:0;border:0;background:transparent;cursor:pointer;color:#bbb;transform:translateX(0);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-mrow__chev:focus-visible{color:#111}

/* empty + load more */
.sl-mempty{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-mempty__title{font-family:var(--font-display);font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}
.sl-mempty__text{font-family:var(--font-body);font-size:var(--text-body);color:var(--muted)}
.sl-mempty__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-mempty__btn:hover{background:var(--accent)}
.sl-mmore{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}
.sl-mmore__btn{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;min-width:300px;padding:0 36px;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-nav);letter-spacing:0.08em;text-transform:uppercase;transform:translateY(0);box-shadow:var(--shadow-sm);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-mmore__btn:active{transform:translateY(0) scale(0.98)}
.sl-mmore__label{font-family:var(--font-data);font-size:var(--text-xs);color:var(--faint)}

/* hover states (prototype hover via JS → CSS) */
@media (hover:hover) and (pointer:fine){
  .sl-days__btn:not(.is-active):hover{background:#111;color:#fff}
  .sl-sports__tab:not(.is-active):hover{background:#111;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,0.18)}
  .sl-sports__tab.is-active:hover{background:#c40500;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,0.18)}
  .sl-sports__tab:hover .sl-mask{color:#fff;transform:scale(1.15)}
  .sl-sports__more:not(.is-active):not([aria-expanded="true"]):hover{background:#f0f0ee;color:#111}
  .sl-sports__mitem:not(.is-active):hover{background:#f4f4f2;color:#000;box-shadow:inset 0 0 0 1px var(--line-strong);transform:translateY(-1px)}
  .sl-sports__mitem:not(.is-active):hover .sl-sports__micon{background:#111}
  .sl-sports__mitem:not(.is-active):hover .sl-sports__micon .sl-mask{color:#fff}
  .sl-sports__mitem:not(.is-active):hover .sl-sports__mcount{background:#111;color:#fff}
  .sl-sports__mitem:not(.is-active):hover .sl-sports__mchev{color:#111}
  .sl-sports__mitem:hover .sl-sports__mchev{transform:translateX(3px)}
  .sl-lstrip__item:hover{background:#111;color:#fff}
  .sl-lstrip__next:hover{background:#111;color:#fff}
  .sl-matches__fbtn:hover{background:#111;color:#fff;border-color:#111}
  .sl-mside__item:hover{background:#f3f3f1;color:#000}
  .sl-mside__item:hover .sl-mside__box-check,.sl-mside__item:hover .sl-mside__radio{border-color:#111;transform:scale(1.08)}
  .sl-mside__item.is-on:hover .sl-mside__box-check,.sl-mside__item.is-on:hover .sl-mside__radio{border-color:var(--accent)}
  .sl-mpromo__btn:hover{background:#ff1a14;transform:translateY(-1px)}
  .sl-mpromo__btn:hover .sl-mpromo__arrow{transform:translateX(3px)}
  .sl-feat__all:hover{color:var(--accent)}
  .sl-feat__all:hover .sl-feat__arrow{transform:translateX(3px)}
  .sl-feat__card:hover{border-color:#111;transform:translateY(-2px);box-shadow:var(--shadow-md)}
  .sl-mgroup__view:hover{background:#111;color:#fff}
  .sl-mgroup__view:hover .sl-mgroup__arrow{transform:translateX(3px)}
  .sl-mrow:hover{background:#f7f7f5}
  .sl-mrow:hover .sl-mrow__edge{opacity:1}
  .sl-mrow:hover .sl-mrow__chev{color:#111;transform:translateX(3px)}
  .sl-mmore__btn:hover{background:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}
}

/* responsive (prototype: tabs vw>=1280, wide vw>=1000, mid vw>=760) */
@media (max-width:1279px){
  .sl-sports__tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .sl-sports__tab{flex:0 0 auto;padding:0 14px}
}
@media (max-width:999px){
  .sl-matches__layout{grid-template-columns:minmax(0,1fr)}
  .sl-matches__ftoggle{display:block}
  .sl-mside{display:none;padding-right:0;margin-right:0}
  .sl-mside.is-open{display:flex}
  .sl-sports__menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sl-mrow{grid-template-columns:56px minmax(0,1fr) auto minmax(0,1fr) 84px 18px}
  .sl-mrow--race{grid-template-columns:52px minmax(0,1fr) 18px}
  .sl-mrow__comp{display:none}
  .sl-feat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:759px){
  .sl-matches__ctl{flex:1 1 100%}
  .sl-msearch{flex:1 1 100%;min-width:0}
  .sl-sports__menu{grid-template-columns:minmax(0,1fr)}
  .sl-mrow{grid-template-columns:52px minmax(0,1fr) auto minmax(0,1fr) 18px}
  .sl-mrow__period{display:none}
  .sl-feat__grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------- MatchQuickView modal (SLQuickView in matches.js, on top of .sl-modal) ---------- */
.sl-modal.sl-qv{padding:clamp(12px,3vw,40px);align-items:center}
.sl-modal.sl-qv .sl-modal__backdrop{background:rgba(0,0,0,0.7);backdrop-filter:blur(3px)}
.sl-modal.sl-qv .sl-modal__box{max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,0.5)}
.sl-qv__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px 20px;background:#0d0d0d;color:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0}
.sl-qv__hl{display:flex;flex-direction:column;gap:4px;min-width:0}
.sl-qv__kicker{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6)}
.sl-qv__comp{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:19px;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-qv__comp a{transition:color var(--dur) var(--ease)}
.sl-qv__comp a:hover{color:var(--accent)}
.sl-qv__flag{display:block;width:18px;height:12px;flex-shrink:0;border-radius:2px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15)}
.sl-qv__close{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:0;cursor:pointer;border-radius:var(--r-sm);background:rgba(255,255,255,0.1);color:#fff;transition:background var(--dur) var(--ease)}
.sl-qv__close:hover{background:var(--accent)}
.sl-qv__body{padding:20px;display:flex;flex-direction:column;gap:18px}
.sl-qv__status{display:flex;align-items:center;justify-content:center;gap:8px}
.sl-qv__badge{display:flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:13px;background:#eeeeeb;color:#111;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase}
.sl-qv__badge--live{background:var(--accent);color:#fff}
.sl-qv__badge--fin{background:#2b2b2b;color:#fff}
.sl-qv__dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.sl-qv__period{font-family:var(--font-data);font-weight:500;font-size:var(--text-ui);color:var(--faint)}
.sl-qv__duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.sl-qv__side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#111}
a.sl-qv__side .sl-qv__name{transition:color var(--dur) var(--ease)}
a.sl-qv__side:hover .sl-qv__name{color:var(--accent)}
.sl-qv__logo{width:52px;height:52px;display:grid;place-items:center;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:16px;color:#555}
.sl-qv__logo--init{background-color:#e9e9e6}
.sl-qv__logo--flag{width:52px;height:36px;border-radius:3px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}
.sl-qv__name{font-family:var(--font-display);font-weight:700;font-size:16px;text-align:center;line-height:1.1;color:#111}
.sl-qv__score{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-data);font-weight:600;font-size:28px;color:#111;white-space:nowrap}
.sl-qv__sets{font-size:13px;font-weight:500;color:var(--faint);letter-spacing:0.02em}
.sl-qv__race{display:flex;flex-direction:column;gap:8px}
.sl-qv__rname{font-family:var(--font-display);font-weight:800;font-size:20px;text-transform:uppercase;text-align:center}
.sl-qv__pod{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;background:#fafaf8;border-radius:var(--r-sm)}
.sl-qv__pos{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e8e8e5;color:#111;font-family:var(--font-display);font-weight:700;font-size:11px}
.sl-qv__pos.is-first{background:var(--accent);color:#fff}
.sl-qv__pname{font-family:var(--font-display);font-weight:700;font-size:15px;color:#111}
.sl-qv__pval{font-family:var(--font-data);font-size:13px;color:#666}
.sl-qv__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sl-qv__cell{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#fafaf8;border:1px solid var(--line);border-radius:var(--r-sm);min-width:0}
.sl-qv__l{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint)}
.sl-qv__v{font-family:var(--font-body);font-weight:600;font-size:14px;color:#111;overflow:hidden;text-overflow:ellipsis}
.sl-qv__actions{display:flex;flex-wrap:wrap;gap:10px}
.sl-qv__btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:var(--r-sm);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-qv__btn--dark{background:#0d0d0d;color:#fff}
.sl-qv__btn--dark:hover{background:var(--accent);color:#fff}
.sl-qv__btn--outline{box-shadow:inset 0 0 0 1px var(--line-strong);color:#111}
.sl-qv__btn--outline:hover{background:#f2f2ef}

/* ---------- FAQ block (Matches / Live) ---------- */

/* per-sport counts on the main tabs (same look as the More menu) */
.sl-sports__tcount{min-width:20px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:var(--r-xs);background:#f0f0ee;font-family:var(--font-data);font-weight:600;font-size:11px;letter-spacing:0;color:var(--faint)}
.sl-sports__tcount.is-zero{opacity:0.55}
.sl-sports__tab.is-active .sl-sports__tcount{background:rgba(0,0,0,0.28);color:#fff}
@media (max-width:767px){.sl-sports__tcount{display:none}}
.sl-sports__more[hidden]{display:none}
.sl-sports__mitem.is-empty{opacity:0.55}.sl-sports__mitem.is-empty:hover{opacity:1}