#nvx,#nvx *{box-sizing:border-box!important}
#nvx{display:flex;align-items:flex-start;gap:44px;width:100%;margin:0;padding:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621;text-align:left!important;-webkit-font-smoothing:antialiased}
#nvx .nvx-text{flex:0 0 clamp(280px,34%,420px);min-width:0;text-align:left!important}
#nvx .nvx-media{flex:1 1 0;min-width:0}

/* Sectiekop */
#nvx .nvx-eb{display:flex;align-items:center;justify-content:flex-start!important;gap:8px;margin:0 0 8px!important;padding:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#12833D!important}
#nvx .nvx-tick{width:3px;height:13px;flex:none;border-radius:2px;background:#169A47}
#nvx h2.nvx-h2{display:block;margin:0!important;padding:0!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#0F1621!important;text-transform:none!important;text-align:left!important;text-wrap:balance}
#nvx p.nvx-p{display:block;max-width:760px;margin:10px 0 0!important;padding:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:15.5px!important;font-weight:400!important;line-height:1.7!important;color:#4A5A52!important;text-align:left!important}
#nvx p.nvx-p strong{font-weight:600!important;color:#0F1621!important}
@media(max-width:900px){
  #nvx{flex-direction:column;gap:20px}
  #nvx .nvx-text,#nvx .nvx-media{flex:1 1 auto;width:100%}
}
@media(max-width:600px){
  #nvx h2.nvx-h2{font-size:22px!important}
  #nvx p.nvx-p{font-size:15px!important}
}

/* Kaart */
#nvw{width:100%;container-type:inline-size}
#nvw .nvw-card{background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:18px;overflow:hidden}
#nvw .nvw-head{display:flex;align-items:center;justify-content:space-between;gap:6px 16px;min-height:46px;padding:12px 22px;background:#F7FAF8;border-bottom:1px solid rgba(15,22,33,.08)}
#nvw .nvw-kick{display:flex;align-items:center;gap:10px;min-width:0}
#nvw .nvw-bar{width:3px;height:13px;flex:none;background:#169A47;border-radius:2px}
#nvw .nvw-comp{font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#nvw .nvw-round{font-size:12px;color:#7A8792;white-space:nowrap;flex:none}
#nvw .nvw-when{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#0F1621;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
#nvw .nvw-live{display:inline-flex;align-items:center;gap:6px;flex:none;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#12833D;background:#EAF6EE;border:1px solid rgba(22,154,71,.35);border-radius:999px;padding:3px 10px;white-space:nowrap}
#nvw .nvw-live i{width:6px;height:6px;border-radius:50%;background:#169A47;animation:nvw-bl 1.2s ease-in-out infinite}
@keyframes nvw-bl{0%,100%{opacity:1}50%{opacity:.25}}

#nvw .nvw-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;padding:22px}
#nvw .nvw-teams{display:flex;align-items:center;gap:18px;min-width:0}
#nvw .nvw-team{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;flex:0 1 auto}
#nvw .nvw-tx{display:flex;flex-direction:column;min-width:0}
#nvw .nvw-tile{width:44px;height:44px;flex:none;border-radius:12px;background:#F7FAF8;border:1px solid rgba(15,22,33,.10);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#5C6873}
#nvw .nvw-tile img{width:30px;height:30px;object-fit:contain;display:block}
#nvw .nvw-tname{display:block;font-family:'Poppins',sans-serif;font-size:19px;font-weight:600;color:#0F1621;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nvw .nvw-tnote{display:block;font-size:12px;line-height:1.4;color:#7A8792;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nvw .nvw-vs{font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9AA3AD;flex:none}
#nvw .nvw-cd{display:flex;flex-direction:column;align-items:flex-end;flex:none;min-width:0}
#nvw .nvw-cdlabel{font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#7A8792;text-align:right!important}
#nvw .nvw-cdrow{display:flex;align-items:baseline;gap:10px;margin-top:8px;min-height:26px}
#nvw .nvw-cdunit{display:flex;align-items:baseline;gap:2px}
#nvw .nvw-cdval{font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;line-height:1.15;color:#0F1621;font-variant-numeric:tabular-nums}
#nvw .nvw-cdu{font-size:12px;color:#7A8792}
#nvw .nvw-cdtxt{font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;line-height:1.7;color:#0F1621}
#nvw .nvw-score{font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;line-height:1;color:#0F1621;font-variant-numeric:tabular-nums}

#nvw .nvw-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 22px 22px}
#nvw .nvw-pick{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:96px;padding:12px 10px!important;border-radius:14px!important;background:#F7FAF8!important;border:1px solid rgba(15,22,33,.10)!important;text-decoration:none!important;box-shadow:none!important;transition:background-color .15s,border-color .15s}
#nvw a.nvw-pick{background:#F2F7F4!important;border-color:rgba(22,154,71,.30)!important}
#nvw a.nvw-pick:hover{background:#fff!important;border-color:#169A47!important}
#nvw a.nvw-pick:focus-visible{outline:2px solid #169A47;outline-offset:2px}
#nvw .nvw-pick>span{flex:none}
#nvw .nvw-plabel{display:block;max-width:100%;font-size:11px;font-weight:700;line-height:14px;letter-spacing:.05em;text-transform:uppercase;color:#5C6873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center!important}
#nvw .nvw-podd{display:block;font-family:'Poppins',sans-serif;font-size:23px;font-weight:700;line-height:1;color:#12833D;font-variant-numeric:tabular-nums;text-align:center!important}
#nvw .nvw-pick.is-empty .nvw-podd{color:#9AA3AD}
#nvw .nvw-pbook{display:flex;align-items:center;justify-content:center;height:16px;max-width:100%}
#nvw .nvw-pbook img{height:15px;width:auto;max-width:72px;object-fit:contain;display:block}
#nvw .nvw-pbook span{font-size:12px;font-weight:600;color:#5C6873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nvw .nvw-note{grid-column:1/-1;display:flex;align-items:center;min-height:96px;padding:0 18px;border-radius:14px;background:#F7FAF8;border:1px dashed rgba(15,22,33,.14);font-size:14px;line-height:1.5;color:#5C6873}
#nvw .nvw-msg{padding:26px 22px;font-size:14.5px;line-height:1.6;color:#5C6873}

#nvw .nvw-sk{display:block;border-radius:8px;background:linear-gradient(90deg,#EEF2EF 25%,#E3E9E5 50%,#EEF2EF 75%);background-size:200% 100%;animation:nvw-sh 1.3s ease-in-out infinite}
#nvw .nvw-tile.nvw-sk,#nvw .nvw-pick.nvw-sk{border-color:transparent!important;background:linear-gradient(90deg,#EEF2EF 25%,#E3E9E5 50%,#EEF2EF 75%)!important;background-size:200% 100%!important}
@keyframes nvw-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Smalle kaart (naast de tekst of op tablet): aftellen onder de teams */
@container (max-width:600px){
  #nvw .nvw-body{grid-template-columns:minmax(0,1fr)}
  #nvw .nvw-cd{align-items:flex-start}
  #nvw .nvw-cdlabel{text-align:left!important}
}
/* Telefoon: teams onder elkaar */
@container (max-width:460px){
  #nvw .nvw-head,#nvw .nvw-body,#nvw .nvw-odds{padding-left:16px;padding-right:16px}
  #nvw .nvw-head{flex-wrap:wrap}
  #nvw .nvw-body{padding-top:18px;padding-bottom:18px}
  #nvw .nvw-teams{flex-direction:column;align-items:stretch;gap:12px}
  #nvw .nvw-vs{display:none}
  #nvw .nvw-tname{font-size:16.5px}
  #nvw .nvw-team{min-height:42px}
  #nvw .nvw-tile{width:38px;height:38px}
  #nvw .nvw-tile img{width:26px;height:26px}
  #nvw .nvw-cdval{font-size:20px}
  #nvw .nvw-odds{gap:8px;padding-bottom:16px}
  #nvw .nvw-pick{min-height:86px;padding:10px 6px!important;border-radius:12px!important;gap:6px}
  #nvw .nvw-plabel{font-size:10px;letter-spacing:.03em}
  #nvw .nvw-podd{font-size:20px}
  #nvw .nvw-pbook img{height:13px;max-width:58px}
  #nvw .nvw-note{min-height:86px;padding:0 14px;font-size:13.5px}
}
/* Zelfde regels voor browsers zonder container queries */
@supports not (container-type:inline-size){
  @media(max-width:600px){
    #nvw .nvw-body{grid-template-columns:minmax(0,1fr)}
    #nvw .nvw-cd{align-items:flex-start}
    #nvw .nvw-head,#nvw .nvw-body,#nvw .nvw-odds{padding-left:16px;padding-right:16px}
    #nvw .nvw-head{flex-wrap:wrap}
    #nvw .nvw-teams{flex-direction:column;align-items:stretch;gap:12px}
    #nvw .nvw-vs{display:none}
    #nvw .nvw-tname{font-size:16.5px}
    #nvw .nvw-odds{gap:8px}
    #nvw .nvw-pick{min-height:86px;padding:10px 6px!important}
    #nvw .nvw-plabel{font-size:10px}
    #nvw .nvw-podd{font-size:20px}
  }
}
@media(prefers-reduced-motion:reduce){#nvw .nvw-sk,#nvw .nvw-live i{animation:none}}
