/* Desktop companion to the mobile LIVE cards. Data and refresh remain unchanged. */
@media(min-width:1025px){
  #mobileLiveResults{
    --live-bg:#070a08;--live-surface:#111713;--live-row:#111a14;--live-row-alt:#152019;
    --live-ink:#f4f8f5;--live-muted:#a5b2aa;--live-line:#2d3d32;
    --live-green:#32d66b;--live-accent:#28d263;--live-soft:#152d1d;
    --bg:var(--live-bg);--card:var(--live-surface);--txt:var(--live-ink);--muted:var(--live-muted);
    --line:var(--live-line);--chip:var(--live-bg);--chip-border:var(--live-line);--soft:var(--live-bg);
    background:var(--live-bg)!important;color:var(--live-ink);
  }
  html.light #mobileLiveResults{
    --live-bg:#f2f6f3;--live-surface:#fff;--live-row:#fff;--live-row-alt:#f5f8f6;
    --live-ink:#101a13;--live-muted:#637068;--live-line:#dde6e0;
    --live-green:#117a39;--live-soft:#e6f9ec;
  }
  #mobileLiveResults .wrap{width:100%!important;max-width:1560px!important;padding-inline:28px!important}
  #mobileLiveResults .header{background:var(--live-surface)!important;border-color:var(--live-line)!important;box-shadow:none!important;backdrop-filter:none}
  #mobileLiveResults .header>.wrap{padding-block:14px!important}
  #mobileLiveResults .header .brand{gap:14px}
  #mobileLiveResults .header .logo{width:46px;height:46px;object-fit:contain;border-radius:12px}
  #mobileLiveResults #raceTitle{color:var(--live-green)!important;font-size:.875rem!important;line-height:1.4;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere}
  #mobileLiveResults #hdrInfo{display:block;color:var(--live-ink)!important;font-size:1.375rem!important;line-height:1.3;font-weight:850;margin-top:3px}
  #mobileLiveResults .header-tools{flex-shrink:0}
  #mobileLiveResults :is(#themeSeg,#liveLangSelect){background:var(--live-bg)!important;color:var(--live-ink)!important;border-color:var(--live-line)!important;box-shadow:none!important}
  #mobileLiveResults #themeSeg button{min-height:34px;color:var(--live-muted)!important;box-shadow:none!important}
  #mobileLiveResults #themeSeg button.seg-active{background:var(--live-soft)!important;border-color:var(--live-line)!important;color:var(--live-green)!important}
  #mobileLiveResults .nav-row{justify-content:flex-start;margin-top:12px;gap:6px}
  #mobileLiveResults .header .nav-row .navbtn{min-height:38px;padding:8px 18px;border:1px solid var(--live-line)!important;border-radius:999px;background:var(--live-bg)!important;color:var(--live-muted)!important;font-size:.8125rem;box-shadow:none!important;transform:none!important}
  #mobileLiveResults .header .nav-row .navbtn[aria-current="page"]{background:var(--live-accent)!important;border-color:var(--live-accent)!important;color:#07170c!important;box-shadow:none!important}
  #mobileLiveResults main.wrap{padding-block:18px!important;gap:14px}
  #mobileLiveResults main>.card{background:var(--live-surface)!important;border-color:var(--live-line)!important;border-radius:18px!important;box-shadow:none!important;padding:16px 18px}
  #mobileLiveResults .filters{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);gap:10px 24px;align-items:start}
  #mobileLiveResults .filters>.filter-block:first-child{grid-column:auto}
  #mobileLiveResults .controls-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.5fr);gap:16px;align-items:end}
  #mobileLiveResults .controls-grid>.filter-block:first-child{grid-column:auto}
  #mobileLiveResults .search-controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  #mobileLiveResults .filters .label{font-size:.6875rem!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--live-muted)!important;line-height:1.3;margin:0}
  #mobileLiveResults .filters :is(.select,.input){min-height:44px;padding:10px 13px;border-radius:12px;border:1px solid var(--live-line)!important;background-color:var(--live-bg)!important;color:var(--live-ink)!important;font-size:.875rem;box-shadow:none!important}
  #mobileLiveResults .filters select.select{padding-right:34px}
  #mobileLiveResults .filters #eventSeg{padding:0;gap:6px}
  #mobileLiveResults #eventSeg .seg-btn{min-height:44px;padding:10px 15px;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--live-line)!important;border-radius:12px;background:var(--live-bg)!important;color:var(--live-muted)!important;font-size:.875rem;box-shadow:none!important;transform:none!important}
  #mobileLiveResults #eventSeg .seg-active{background:var(--live-soft)!important;color:var(--live-green)!important;border-color:var(--live-green)!important}
  #mobileLiveResults .filters #btnSearchRunner{background:var(--live-accent)!important;border-color:var(--live-accent)!important;color:#07170c!important;display:flex;align-items:center;gap:10px}
  #mobileLiveResults #btnSearchRunner::before{content:'';width:20px;height:20px;flex-shrink:0;background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2307170c' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E")}
  #mobileLiveResults .filters #btnClear{background:var(--live-soft)!important;color:var(--live-green)!important;border-color:var(--live-line)!important;font-size:.8125rem}
  #mobileLiveResults .filters :is(#filterInfo,.status-line){grid-column:1/-1;font-size:.75rem!important;color:var(--live-muted)!important;margin:0!important;min-height:0}
  #mobileLiveResults .filters :is(#filterInfo,#statusMeta):empty{display:none}
  #mobileLiveResults #leadersFilterHelp{font-size:.75rem;color:var(--live-muted)!important;line-height:1.4}
  #mobileLiveResults .leaders-filter-form{gap:8px}
  #mobileLiveResults .leaders-custom-filter{padding-top:8px;border-top:1px solid var(--live-line)}
  #mobileLiveResults .leaders-custom-filter:not([hidden]){flex-wrap:nowrap}
  #mobileLiveResults .leaders-custom-filter>.inline-field{flex:1 1 0;width:auto;min-width:0}
  #mobileLiveResults #btnApplyFilter{flex:0 0 auto;width:auto!important;min-width:132px;background:var(--live-soft)!important;color:var(--live-green)!important}
  #mobileLiveResults :is(button,a,input,select):focus-visible{outline:3px solid var(--live-accent);outline-offset:3px}
  /* One compact card per participant, with the same columns in header and rows. */
  #mobileLiveResults :is(#metaResultsCard,#leadersCard){border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
  #mobileLiveResults :is(#metaResultsCard,#leadersCard) .table-wrap{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;border:0!important;background:transparent!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>:is(thead,tbody){display:block;width:100%}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>thead>tr,
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>tbody>tr:not(.details-row){
    display:grid!important;grid-template-columns:52px 88px minmax(0,2fr) minmax(0,1.4fr) minmax(90px,.65fr) minmax(130px,max-content);
    align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:8px 14px!important;
  }
  #mobileLiveResults .meta-table>:is(thead,tbody)>tr:not(.details-row){grid-template-columns:52px 24px 88px minmax(0,1.8fr) minmax(0,1.3fr) minmax(176px,max-content)}
  #mobileLiveResults .cl-root .cl-table>:is(thead,tbody)>tr{grid-template-columns:52px 88px minmax(0,1.8fr) minmax(0,1.2fr) minmax(80px,.6fr) minmax(120px,max-content) 88px}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>tbody>tr:not(.details-row){min-height:56px;margin-bottom:5px;background:var(--live-row)!important;color:var(--live-ink);border:1px solid var(--live-line);border-radius:12px}
  #mobileLiveResults .leaders-table>tbody>tr:nth-child(even),
  #mobileLiveResults .cl-root .cl-table>tbody>tr:nth-child(even),
  #mobileLiveResults .meta-table>tbody>tr:nth-child(4n+3){background:var(--live-row-alt)!important}
  #mobileLiveResults .meta-table>tbody>tr:not(.details-row){cursor:pointer}
  #mobileLiveResults .meta-table>tbody>tr:not(.details-row):hover{border-color:var(--live-green);background:var(--live-soft)!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>thead>tr{min-height:38px;background:transparent!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>thead>tr>th,
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>tbody>tr:not(.details-row)>td{
    display:block!important;position:static!important;width:auto!important;min-width:0!important;max-width:100%!important;
    margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;
    font-size:.875rem!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;color:inherit;
  }
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>thead>tr>th{font-size:.6875rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--live-muted)!important}
  #mobileLiveResults .meta-table>:is(thead,tbody)>tr:not(.details-row)>:nth-child(1){grid-column:2;grid-row:1;text-align:center}
  #mobileLiveResults .meta-table>:is(thead,tbody)>tr:not(.details-row)>:nth-child(2){grid-column:1;grid-row:1;text-align:center}
  #mobileLiveResults :is(.leaders-table,.cl-root .cl-table)>:is(thead,tbody)>tr>:nth-child(1){text-align:center}
  #mobileLiveResults :is(.leaders-table,.cl-root .cl-table)>tbody>tr>:nth-child(1),
  #mobileLiveResults .meta-table>tbody>tr:not(.details-row)>:nth-child(2){display:flex!important;align-items:center;justify-content:center;gap:4px;font-size:1rem!important;font-weight:850;white-space:nowrap!important}
  #mobileLiveResults .live-mobile-medal{display:inline-flex}
  #mobileLiveResults .live-mobile-medal:empty{display:none}
  #mobileLiveResults .live-mobile-medal .medal svg{width:24px;height:24px}
  #mobileLiveResults .live-mobile-table .medalwrap{display:block}
  #mobileLiveResults .live-mobile-table .medal-slot{display:none}
  #mobileLiveResults :is(.runner-name,.cl-root .cl-runner){display:block;font-size:1rem!important;font-weight:850;line-height:1.35;color:var(--live-ink);white-space:normal!important;overflow-wrap:anywhere}
  #mobileLiveResults :is(.leaders-table,.cl-root .cl-table)>tbody>tr>:nth-child(2),
  #mobileLiveResults .meta-table>tbody>tr:not(.details-row)>:nth-child(3){justify-self:start;padding:4px 9px!important;border-radius:8px;background:var(--live-bg)!important;color:var(--live-muted)!important;font-size:.8125rem!important;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap!important}
  #mobileLiveResults :is(.leaders-table,.cl-root .cl-table)>tbody>tr>:nth-child(4),
  #mobileLiveResults .meta-table>tbody>tr:not(.details-row)>:nth-child(5){font-size:.8125rem!important;font-weight:600;color:var(--live-muted)!important}
  #mobileLiveResults :is(.leaders-table,.cl-root .cl-table)>tbody>tr>:nth-child(5){font-size:.75rem!important;font-weight:750;color:var(--live-green)!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>:is(thead,tbody)>tr:not(.details-row)>:nth-child(6){text-align:right!important}
  #mobileLiveResults :where(.live-mobile-table,.cl-root .cl-table)>tbody>tr:not(.details-row)>:nth-child(6){font-size:1.375rem!important;font-weight:850;color:var(--live-green)!important;font-variant-numeric:tabular-nums;white-space:nowrap!important;letter-spacing:-.35px}
  #mobileLiveResults .cl-root .cl-table>:is(thead,tbody)>tr>:nth-child(7){text-align:right;color:var(--live-muted)}
  #mobileLiveResults .meta-table .caret{width:24px;height:36px;display:grid;place-items:center;padding:0;background:transparent;border:0;font-size:0;color:var(--live-green);transform:none!important}
  #mobileLiveResults .meta-table .caret::before{content:'';width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
  #mobileLiveResults .meta-table .caret.open::before{transform:rotate(225deg) translate(-2px,-2px)}
  #mobileLiveResults .meta-table .details-row:not([style*="none"]){display:block!important;margin:-1px 0 8px;border:1px solid var(--live-green);border-radius:12px;background:var(--live-soft)!important}
  #mobileLiveResults .meta-table .details-row>td{display:block;width:100%;padding:16px!important;border:0}
  #mobileLiveResults .details-row .details-box{display:flex;flex-wrap:wrap;gap:16px 32px;padding:0;border:0;background:transparent!important;color:var(--live-ink)}
  #mobileLiveResults .details-row .badge{background:var(--live-surface)!important;border-color:var(--live-line)!important;color:var(--live-muted)!important;margin-right:7px}
  #mobileLiveResults #metaPagination{font-size:.8125rem;color:var(--live-muted);padding:14px!important;background:var(--live-surface);border:1px solid var(--live-line);border-radius:14px}
  #mobileLiveResults #metaPagination button{width:auto;min-height:40px;border-color:var(--live-line);border-radius:999px;background:var(--live-soft);color:var(--live-green);font-weight:750}
  #mobileLiveResults :is(.runner-modal-card,.runner-modal-head,.cl-dialog,.cl-dialog-head){background:var(--live-surface)!important;color:var(--live-ink);border-color:var(--live-line)}
  #mobileLiveResults .runner-modal-title{font-size:1.5rem}
  #mobileLiveResults :is(.runner-modal-sub,.runner-search-item small){color:var(--live-muted)}
  #mobileLiveResults .runner-search-panel{background:var(--live-bg)!important;border-color:var(--live-line)!important}
  #mobileLiveResults :is(.runner-modal-close,.cl-close){background:var(--live-soft);color:var(--live-green);border-color:var(--live-line);border-radius:999px}
  #mobileLiveResults .runner-search-item{background:var(--live-row);color:var(--live-ink);border-color:var(--live-line);box-shadow:none;transform:none}
  #mobileLiveResults .runner-search-item:hover{border-color:var(--live-green)}
  #mobileLiveResults .runner-chip{background:var(--live-soft)!important;border-color:var(--live-line)}
  #mobileLiveResults .runner-chip-k{color:var(--live-green)}
  #mobileLiveResults .runner-chip-v{color:var(--live-ink)}
  #mobileLiveResults .cl-root{color:var(--live-ink)}
  #mobileLiveResults .cl-root .cl-table-wrap{overflow:visible}
  #mobileLiveResults .cl-controls :is(select,.cl-button){background:var(--live-bg);color:var(--live-ink);border-color:var(--live-line);min-height:44px;border-radius:12px}
  #mobileLiveResults .cl-controls #clSearch{background:var(--live-accent)!important;color:#07170c!important}
}
