.gt-table-wrap{
   /* Hintergrund der Seite – nötig, damit die sticky Spalte deckt */
   --tbl-bg:     #fff;
   --tbl-border: #e0e0e0;          /* identisch zur Liste            */
   --tbl-accent: #e91e8c;          /* magenta wie li::before         */
   --tbl-pad-y:  0.5rem;
   --tbl-pad-x:  1rem;

   overflow-x:auto;
   -webkit-overflow-scrolling:touch;
}

.gt-table{
   border-collapse:collapse;
   width:100%;
   min-width:780px;                 /* erzwingt Scroll auf schmalen Screens */
   font-family:var(--body-font), sans-serif;
   font-size:1rem;
   line-height:1.5;
   letter-spacing:1px;
   font-weight:400;
   color:var(--text-color);
}

/* Überschrift mit magenta Quadrat – greift li::before auf */
.gt-table caption{
   display:flex;
   align-items:center;
   text-align:left;
   font-weight:400;
   padding:var(--tbl-pad-y) 0;
}
.gt-table caption::before{
   content:'';
   display:inline-block;
   width:10px;
   height:10px;
   background-color:var(--tbl-accent);
   margin-right:1em;
   flex-shrink:0;
}

.gt-table th,
.gt-table td{
   padding:var(--tbl-pad-y) var(--tbl-pad-x);
   border-top:1px solid var(--tbl-border);
   text-align:left;
   vertical-align:middle;
   white-space:nowrap;
}

/* Kopfzeile: kein Flächen-Fill, dafür magenta Linie zur Datentrennung */
.gt-table thead th{
   font-weight:600;
   border-top:none;
}
.gt-table thead tr:last-child th,
.gt-table thead th[rowspan]{
   border-bottom:2px solid var(--tbl-accent);
}
/* untere Header-Zeile (von/bis) leiser */
.gt-table thead tr:last-child th{
   font-weight:400;
}

/* Numerische Spalten rechtsbündig, gleichbreite Ziffern */
.gt-table .num{
   text-align:right;
   font-variant-numeric:tabular-nums;
}

/* Erste Spalte (Maschinentyp) bleibt beim Horizontal-Scroll stehen */
.gt-table thead th.sticky-col{
   position:sticky; left:0; z-index:3;
   background:var(--tbl-bg);
}
.gt-table tbody th.sticky-col{
   position:sticky; left:0; z-index:2;
   background:var(--tbl-bg);
   font-weight:400;
   text-align:left;
   white-space:normal;              /* langer Typ darf umbrechen */
   min-width:200px;
}

/* Schmale Screens: synchron zur ul.workpiece */
@media screen and (max-width:768px){
   .gt-table{ font-size:0.8rem; line-height:1.15rem; }
   .gt-table-wrap{ --tbl-pad-y:0.4rem; --tbl-pad-x:0.7rem; }
   .gt-table tbody th.sticky-col{ min-width:150px; }
}