#lvside, #lvside *{ box-sizing:border-box !important; text-align:left !important; }
#lvside{ font-family:'Plus Jakarta Sans', system-ui, sans-serif; position:sticky; top:100px; width:100%; display:flex; flex-direction:column; gap:16px; margin:0; }

#lvside .lvs-card{ background:#fff; border:1px solid rgba(15,22,33,.10); border-radius:16px; }
#lvside .lvs-toc{ padding:14px 6px 10px; }
#lvside .lvs-head{ display:flex; align-items:center; gap:9px; padding:0 14px 12px; }
#lvside .lvs-bar{ width:3px; height:11px; flex:none; background:#169A47; }
#lvside .lvs-head-t{ font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#12833D; }

#lvside .lvs-list{ list-style:none; margin:0; padding:0; max-height:calc(100vh - 300px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(108,192,139,.45) transparent; }
#lvside .lvs-list::-webkit-scrollbar{ width:5px; }
#lvside .lvs-list::-webkit-scrollbar-thumb{ background:rgba(108,192,139,.35); border-radius:99px; }
#lvside .lvs-list li{ margin:0; padding:0; }
#lvside .lvs-list a{ display:flex; align-items:center; gap:10px; padding:7px 14px; border-radius:9px; font-size:13.5px; font-weight:500; color:#4A5563; text-decoration:none; transition:background .15s,color .15s; }
#lvside .lvs-list a:hover{ background:#F9FBFA; color:#0F1621; }
#lvside .lvs-tick{ width:6px; height:6px; flex:none; border-radius:999px; background:rgba(15,22,33,.18); transition:background .15s; }
#lvside .lvs-list a.active{ color:#12833D; font-weight:700; background:rgba(22,154,71,.08); }
#lvside .lvs-list a.active .lvs-tick{ background:#169A47; }
#lvside .lvs-toc[hidden]{ display:none !important; }
#lvside .lvs-list a:focus-visible{ outline:2px solid #169A47; outline-offset:-2px; }
#lvside .lvs-list a span:last-child{ min-width:0; }

/* Stand */
#lvside .cst{ padding:14px 0 0; overflow:hidden; }
#lvside .cst[hidden],#lvside .cnx[hidden],#lvside .cnx.cnx-off{ display:none !important; }
#lvside .cst-hd{ display:flex; align-items:center; justify-content:space-between !important; gap:10px; padding:0 14px 10px; }
#lvside .cst-hd .lvs-head{ padding:0; }
#lvside .cst-lg{ display:flex; align-items:center; gap:7px; min-width:0; font-size:12px; font-weight:600; color:#4A5560; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#lvside .cst-lg img{ width:18px; height:18px; flex:none; object-fit:contain; display:block; }
#lvside .cst-th,#lvside .cst-r{ position:relative; display:flex; align-items:center; gap:10px; padding:0 14px; }
#lvside .cst-th{ height:26px; font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#7A8792; border-top:1px solid rgba(15,22,33,.07); }
#lvside .cst-r{ height:36px; border-top:1px solid rgba(15,22,33,.06); font-size:13.5px; color:#0F1621; }
#lvside .cst-r.me{ background:rgba(22,154,71,.08); }
#lvside .cst-r.me .cst-n{ font-weight:700; color:#12833D; }
#lvside .cst-z{ position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:0 2px 2px 0; }
#lvside .cst-p{ width:22px; flex:none; font-family:'Poppins', sans-serif; font-weight:600; font-size:13px; color:#4A5560; font-variant-numeric:tabular-nums; }
#lvside .cst-r img{ width:20px; height:20px; flex:none; object-fit:contain; display:block; }
#lvside .cst-n{ flex:1 1 auto; min-width:0; font-family:'Poppins', sans-serif; font-weight:600; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#lvside .cst-g,#lvside .cst-pt{ flex:none; text-align:right !important; font-variant-numeric:tabular-nums; }
#lvside .cst-g{ width:24px; font-size:12.5px; color:#7A8792; }
#lvside .cst-pt{ width:30px; font-family:'Poppins', sans-serif; font-size:13.5px; font-weight:700; }
#lvside .cst-th .cst-g,#lvside .cst-th .cst-pt{ font-family:'Plus Jakarta Sans', sans-serif; font-size:10.5px; font-weight:700; color:#7A8792; }
#lvside .cst-gap{ height:12px; display:flex; align-items:center; justify-content:center !important; border-top:1px solid rgba(15,22,33,.06); color:#B5BFC6; font-size:12px; line-height:1; letter-spacing:.2em; }
#lvside .cst-ft{ padding:10px 14px 12px; border-top:1px solid rgba(15,22,33,.07); background:#FAFCFB; }
#lvside button.cst-all,#lvside a.cst-all{ display:inline-flex !important; align-items:center; gap:6px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; font-family:'Poppins', sans-serif !important; font-size:13px !important; font-weight:600 !important; line-height:1.3 !important; color:#12833D !important; text-decoration:none !important; cursor:pointer; -webkit-appearance:none; appearance:none; }
#lvside .cst-all:hover{ color:#0E6B33 !important; }
#lvside .cst-all svg{ width:13px; height:13px; display:block; transition:transform .15s ease; }
#lvside .cst-all:hover svg{ transform:translateX(3px); }

/* Volgende wedstrijd */
#lvside .cnx{ background:#101821; border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:14px 16px; color:#F2F6F4; }
#lvside .cnx-eb{ display:flex; align-items:center; justify-content:space-between !important; gap:10px; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#6CC08B; }
#lvside .cnx-eb span:last-child{ font-size:11.5px; font-weight:600; letter-spacing:0; text-transform:none; color:#8A97A2; white-space:nowrap; }
#lvside .cnx-t{ display:block; margin-top:10px; font-family:'Poppins', sans-serif; font-size:15px; font-weight:600; line-height:1.35; color:#F2F6F4; }
#lvside .cnx-c{ display:block; margin-top:3px; font-size:12.5px; line-height:1.4; color:#8A97A2; }
#lvside .cnx-o{ display:flex; gap:6px; margin-top:12px; }
#lvside a.cnx-odd,#lvside span.cnx-odd{ flex:1 1 0; min-width:0; display:block !important; margin:0 !important; padding:8px 4px !important; background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:10px !important; box-shadow:none !important; text-align:center !important; text-decoration:none !important; color:#F2F6F4 !important; transition:background-color .15s ease,border-color .15s ease; }
#lvside a.cnx-odd:hover{ background:rgba(22,154,71,.16) !important; border-color:rgba(108,192,139,.55) !important; }
#lvside .cnx-k{ display:block; font-size:10.5px; font-weight:700; color:#8A97A2; text-align:center !important; }
#lvside .cnx-v{ display:block; margin-top:4px; font-family:'Poppins', sans-serif; font-size:16px; font-weight:700; line-height:1; color:#F2F6F4; font-variant-numeric:tabular-nums; text-align:center !important; }
#lvside .cnx-b{ display:block; margin-top:4px; font-size:10.5px; line-height:1.2; color:#9FDDB4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center !important; }
#lvside span.cnx-odd .cnx-v{ color:#5B6872; }
#lvside a.cnx-go{ display:inline-flex !important; align-items:center; gap:6px; margin:12px 0 0 !important; padding:0 !important; background:none !important; border:0 !important; font-family:'Poppins', sans-serif !important; font-size:13px !important; font-weight:600 !important; line-height:1.3 !important; color:#6CC08B !important; text-decoration:none !important; }
#lvside a.cnx-go:hover{ color:#9FDDB4 !important; }
#lvside a.cnx-go svg{ width:13px; height:13px; display:block; transition:transform .15s ease; }
#lvside a.cnx-go:hover svg{ transform:translateX(3px); }
#lvside a.lvs-btn{ display:flex !important; align-items:center; justify-content:center; gap:8px; width:100%; margin:14px 0 0 !important; padding:12px 16px !important; background:#169A47 !important; background-image:none !important; border:0 !important; border-radius:999px !important; box-shadow:none !important; font-family:'Poppins', sans-serif !important; font-size:14px !important; font-weight:600 !important; line-height:1.2 !important; color:#fff !important; text-decoration:none !important; text-align:center !important; transition:background-color .15s ease; }
#lvside a.lvs-btn:hover{ background:#12833D !important; }
#lvside a.lvs-btn svg{ width:15px; height:15px; display:block; flex:none; transition:transform .15s ease; }
#lvside a.lvs-btn:hover svg{ transform:translateX(3px); }
#lvside a:focus-visible,#lvside button:focus-visible{ outline:2px solid #6CC08B !important; outline-offset:2px; }

/* Laden */
#lvside .cst-sk{ display:block; height:12px; border-radius:5px; background:linear-gradient(90deg,#EEF2F0 25%,#F7FAF8 50%,#EEF2F0 75%); background-size:200% 100%; animation:cstSk 1.3s ease-in-out infinite; }
@keyframes cstSk{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }

@media(max-width:960px){
  #lvside{ position:static; top:auto; }
  #lvside .lvs-list{ max-height:none; }
  /* Op telefoon en tablet staat de inhoudsopgave in de balk bovenaan */
  #lvside .lvs-toc{ display:none !important; }
}
@media(prefers-reduced-motion:reduce){ #lvside *{ transition:none !important; animation:none !important; } }