/* Discord bots op maat (ontwerp A, okt 2026). Bouwt voort op home.css en hosting.css. */
.vxh > .in{min-width:0;width:100%}
.vxh .tblwrap{position:relative;max-width:100%;overflow-x:auto;border:1px solid var(--d-line);border-radius:12px;background:var(--d-card)}
.vxh .tblwrap:focus-visible{outline:2px solid var(--d-blue);outline-offset:2px}
.vxh .tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.vxh .tbl th,.vxh .tbl td{padding:13px 16px;border-bottom:1px solid var(--d-line);text-align:left}
.vxh .tbl thead th{font-family:var(--f-display);font-size:17px;color:var(--d-ink);font-weight:650}
.vxh .tbl tbody th,.vxh .tbl tfoot th{font-weight:500;color:var(--d-mut);font-size:15px}
.vxh .tbl td{color:var(--d-ink);font-variant-numeric:tabular-nums}
.vxh .tbl .ok{color:var(--ok);font-weight:700}
.vxh .tbl .no{color:var(--d-faint)}
.vxh .tbl tfoot th,.vxh .tbl tfoot td{border-bottom:0}
.vxh .tbl tfoot td{font-family:var(--f-display);font-size:19px;font-weight:650}
.vxh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vxh .core{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vxh .core div{border:1px solid var(--d-line);border-radius:10px;padding:18px;background:var(--d-card)}
.vxh .core code{font-family:var(--f-mono);font-size:13px;color:var(--d-blue);background:none;padding:0}
.vxh .core h3{margin:10px 0 6px;font-size:17px}
.vxh .core p{margin:0;color:var(--d-mut);font-size:14.5px}
.vxh .steps.s4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){
  .vxh .core{grid-template-columns:1fr}
  .vxh .steps.s4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){ .vxh .steps.s4{grid-template-columns:1fr} }
/* Eerste kolom blijft staan als je de tabel op een smal scherm opzij schuift */
.vxh .tbl tbody th,.vxh .tbl tfoot th,.vxh .tbl thead td{position:sticky;left:0;background:var(--d-card);z-index:1}
@media (max-width:560px){ .vxh .tbl tbody th,.vxh .tbl tfoot th{min-width:150px} }
