/**
 * Stylesheet for Distraction Tables Plugin
 * Version: 2.5.1 (Fix: Consistent font sizes for time columns)
 */
 
 /* Rubik Light (300) */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin-300.woff2') format('woff2');
}

/* Rubik Regular (400) */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin-regular.woff2') format('woff2');
}

/* Rubik Medium (500) */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin-500.woff2') format('woff2');
}

/* =========== Basis-Styling für CSV/Manuelle Tabellen ([distraction_table]) =========== */
.distraction-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0;
    padding-bottom: 5px; /* Platz für Scrollbar */
}

.distraction-table-wrapper .distraction-table {
    font-family: 'Rubik', sans-serif;
    color: #fff; /* Helle Schriftfarbe */
    margin: 0 auto;
    width: 100%;
    max-width: 950px; /* Maximale Breite begrenzen */
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto; /* Automatische Spaltenbreite */
    font-size: 15px; /* Basis-Schriftgröße */
    border: none !important; /* Theme-Rahmen überschreiben */
}

/* KORREKTUR: Regel verallgemeinert, damit sie AUCH den Track-Limits-Kasten trifft */
.dt-stewards-room-wrapper .dt-incident-detail-item {
    background-color: #2a2a34;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 8px;
    border-left: 4px solid #DD163B; /* Standard-Farbe (rot) */
}


/* Einheitliche Zellenhöhe und Padding */
.distraction-table-wrapper .distraction-table th,
.distraction-table-wrapper .distraction-table td {
    padding: 0 12px; /* Horizontaler Abstand */
    height: 46px; /* Feste Höhe */
    line-height: 1.4; /* Zeilenhöhe */
    vertical-align: middle; /* Vertikale Ausrichtung */
    white-space: nowrap; /* Kein Zeilenumbruch standardmäßig */
    text-align: left; /* Standard: Linksbündig */
    border: none !important; /* Theme-Rahmen überschreiben */
    box-shadow: none;
}

/* Tabellenkopf */
.distraction-table thead tr {
    background-color: #20202A; /* Dunklerer Kopf */
    color: #eee;
    text-transform: uppercase;
}

.distraction-table thead th {
    font-weight: 500; /* Einheitliche Stärke (halbfett) */
    font-size: 0.85rem; /* Einheitliche Größe */
}


/* Zebra-Streifen für Zeilen */
.distraction-table tbody tr:nth-child(odd) {
    background-color: #2A2A34;
}
.distraction-table tbody tr:nth-child(even) {
    background-color: #32323E;
}

/* Bilder (Logos) in Zellen */
.distraction-table td img {
    max-width: 30px;
    max-height: 30px;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 0;
}

/* ========================================================================= */
/* NEU V2.5: Spezifische Spalten-Styles für CSV-Tabellen (basierend auf Header) */
/* ========================================================================= */

/* 1. Zentrierte Spalten (Kopf und Daten) */
.csv-table th.col-pos, .csv-table td.col-pos,
.csv-table th.col-stops, .csv-table td.col-stops,
.csv-table th.col-laps, .csv-table td.col-laps,
.csv-table th.col-best-lap, .csv-table td.col-best-lap,
.csv-table th.col-logo, .csv-table td.col-logo,
.csv-table th.col-pkt, .csv-table td.col-pkt {
    text-align: center;
}

/* 2. Kompakte Spalten */
.csv-table th.col-pos, .csv-table td.col-pos { width: 1px; padding-left: 8px; padding-right: 8px; } /* Nimmt nur so viel Platz wie nötig */
.csv-table th.col-grid, .csv-table td.col-grid { width: 1px; }
.csv-table th.col-stopps, .csv-table td.col-stopps { width: 1px; }
.csv-table th.col-logo, .csv-table td.col-logo { width: 45px; padding: 0; text-align: center; }

/* 3. Zeit-Spalten (Total Time, Best Lap) - Enger, rechtsbündig oder zentriert */
/* FIX V2.5.1: Schriftgrößen-Reduktion entfernt, damit es einheitlich aussieht */
.csv-table th.col-total-time, .csv-table td.col-total-time,
.csv-table th.col-zeit, .csv-table td.col-zeit {
    text-align: left;
    width: 1%; /* Trick um Spalte so klein wie möglich zu machen (wächst mit Inhalt durch nowrap) */
    white-space: nowrap;
}
.csv-table th.col-best-lap, .csv-table td.col-best-lap {
    width: 1%;
    white-space: nowrap;
}

/* 4. Hauptspalten (Name, Team) - Sollen Platz einnehmen */
.csv-table th.col-name, .csv-table td.col-name,
.csv-table th.col-fahrer, .csv-table td.col-fahrer,
.csv-table th.col-team, .csv-table td.col-team {
    width: auto; /* Nimmt restlichen Platz */
    white-space: normal; /* Erlaubt Umbruch wenn nötig, aber meistens breit genug */
}

/* 5. Punkte (fett und rechts oder mittig) */
.csv-table td.col-pkt, .csv-table td.col-punkte {
    font-weight: 500;
    width: 1px;
}


/* =========== Styling für Gruppentabellen ([distraction_group]) - Unverändert =========== */

/* Spezifische Spalten: Allgemein */
.distraction-table.merged-table th.position,
.distraction-table.merged-table td.position,
.distraction-table.merged-table td.data-pos {
    font-weight: 500;
    text-align: center;
    min-width: 40px;
    width: 7%;
}

.distraction-table.merged-table th.logo,
.distraction-table.merged-table td.logo,
.distraction-table.merged-table td.data-logo {
    text-align: center;
    width: 50px;
    min-width: 50px;
    padding: 0;
}

.distraction-table.merged-table th.pts,
.distraction-table.merged-table td.data-pts {
    font-weight: 500;
    text-align: right;
    padding-right: 15px;
    min-width: 50px;
    width: 8%;
}

/* Spezifische Spalten: Fahrerwertung */
.group-type-driver .distraction-table th.driver,
.group-type-driver .distraction-table td.data-driver {
    padding-left: 1rem;
    letter-spacing: .05rem;
}

.group-type-driver .distraction-table th.team,
.group-type-driver .distraction-table td.data-team {
    color: #ffffff;
}

.group-type-driver .distraction-table th.starts,
.group-type-driver .distraction-table td.data-starts,
.group-type-driver .distraction-table th.dnf,
.group-type-driver .distraction-table td.data-dnf,
.group-type-driver .distraction-table th.fl,
.group-type-driver .distraction-table td.data-fastest-lap-count,
.group-type-driver .distraction-table th.pod,
.group-type-driver .distraction-table td.data-podiums,
.group-type-driver .distraction-table th.win,
.group-type-driver .distraction-table td.data-wins {
    text-align: center;
    min-width: 45px;
}

/* Spezifische Spalten: Konstrukteurswertung */
.group-type-constructor .distraction-table {
    table-layout: fixed;
}

.group-type-constructor .distraction-table th.team,
.group-type-constructor .distraction-table td.data-team-name {
    padding-left: 1rem;
    font-size: 1em;
    letter-spacing: .05rem;
    width: 28%;
}

.group-type-constructor .distraction-table th.drivers,
.group-type-constructor .distraction-table td.data-driver-list {
    white-space: normal;
    vertical-align: middle;
    text-align: left;
    color: #ffffff;
    width: 45%;
}

.group-type-constructor .distraction-table th.logo,
.group-type-constructor .distraction-table td.data-logo {
    width: 8%;
}
.group-type-constructor .distraction-table th.pts,
.group-type-constructor .distraction-table td.data-pts {
    width: 10%;
}

/* === Verlinkung in Gruppentabellen === */
.merged-table-wrapper .distraction-table.merged-table td.data-driver a,
.merged-table-wrapper .distraction-table.merged-table td.data-team-name a {
  color: #ffffff !important;
  text-decoration: none;
}
.merged-table-wrapper .distraction-table.merged-table td.data-driver a:hover,
.merged-table-wrapper .distraction-table.merged-table td.data-team-name a:hover {
  color: #cccccc !important;
  text-decoration: underline;
}
.merged-table-wrapper .distraction-table.merged-table.group-type-driver td.data-team a {
  color: #ffffff !important;
  text-decoration: none;
}
.merged-table-wrapper .distraction-table.merged-table.group-type-driver td.data-team a:hover {
  color: #cccccc !important;
  text-decoration: underline;
}
.merged-table-wrapper .distraction-table.merged-table.group-type-constructor td.data-driver-list a {
  color: #ffffff !important;
  text-decoration: none;
}
.merged-table-wrapper .distraction-table.merged-table.group-type-constructor td.data-driver-list a:hover {
  color: #cccccc !important;
  text-decoration: underline;
}


/* =========== Styling für Statistik-Widgets ([driver_stats], [constructor_stats]) - ÜBERARBEITET =========== */
.driver-stats-widget, .constructor-stats-widget {
  background-color: #121416; /* Angepasst an Player-Card */
  color: #e0e0e0;
  border-radius: 12px; /* Angepasst an Player-Card */
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: none; /* Entfernt */
}

.driver-stats-widget h3,
.constructor-stats-widget h3,
.stats-section h5,
.stats-legend h5,
.stats-charts-container h4 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #2D3138; /* Angepasst an Player-Card */
  padding-bottom: 8px;
}

.driver-stats-table,
.constructor-stats-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  background-color: #1A1D21; /* Angepasst an Player-Card */
  border: 1px solid #2D3138; /* Angepasst an Player-Card */
  border-radius: 8px;
  overflow: hidden;
}

.driver-stats-table td,
.constructor-stats-table td {
  padding: 10px 12px;
  border: none; /* Individuelle Ränder entfernt */
  border-bottom: 1px solid #2D3138; /* Trennlinie zwischen Zeilen */
  vertical-align: middle;
  line-height: 1.4;
  white-space: normal;
}

.driver-stats-table tr:last-child td,
.constructor-stats-table tr:last-child td {
    border-bottom: none; /* Entfernt die untere Linie bei der letzten Zeile */
}

.driver-stats-widget .stat-value a,
.constructor-stats-widget .stat-value a {
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
}

.driver-stats-widget .stat-value a:hover,
.constructor-stats-widget .stat-value a:hover {
    color: #dddddd !important;
    text-decoration: underline;
}

.stat-label {
  font-weight: 600;
  color: #cccccc;
  width: 45%;
}

.stat-value {
  text-align: right;
  color: #ffffff;
  width: 55%;
}

.driver-stats-table tr:hover,
.constructor-stats-table tr:hover {
  background-color: #2C2F33; /* Hellerer Hover-Effekt */
}

.stats-section {
  margin-bottom: 25px;
}

.stats-legend {
  font-size: 0.95rem;
  background-color: #2a2a2c;
  padding: 15px;
  border-left: 4px solid #888;
  border-radius: 6px;
  color: #dddddd;
  margin-bottom: 20px;
}
.stats-legend p { margin: 0; line-height: 1.6; }
.stats-legend strong { color: #ffffff; }

.stats-charts-container {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #555;
}
.stats-chart-wrapper {
    margin-bottom: 2em;
    max-width: 100%;
    position: relative;
    height: 250px;
}
.stats-chart-wrapper canvas {
    max-width: 100%;
}

.constructor-stats-widget .stat-value a {
  color: white;
}

.dt-constructor-career-summary {
    margin-bottom: 1.5em;
}

.dt-constructor-career-summary p a {
    color: #a0a7ab !important;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.dt-constructor-career-summary p a:hover {
    color: #dddddd !important;
    text-decoration: underline;
}

.dt-tournament-infobox {
  background-color: #1f2633;
  border: 1px solid #3a3a3c;
  padding: 20px 25px;
  margin-bottom: 2em;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  position: relative;
}
.dt-tournament-list-entry:hover .dt-tournament-infobox,
a > .dt-tournament-infobox:hover {
    border-color: #555;
}
.dt-tournament-infobox ul { list-style: none; margin: 0; padding: 0; font-size: 0.96em; color: #d1d1d1; }
.dt-tournament-infobox li { margin-bottom: 10px; padding-left: 0; border-left: none; position: relative; }
.dt-tournament-infobox li strong { color: #ffffff; margin-right: 5px; font-weight: 600; }
.dt-tournament-infobox li a { color: #dd163b; text-decoration: none; transition: color 0.2s ease; position: relative; z-index: 3; }
.dt-tournament-infobox li a:hover { color: #ff4a66; text-decoration: underline; }

.dt-tournament-list-shortcode-wrapper {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.dt-tournament-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  animation: dtGridFadeIn 0.1s ease-in forwards;
  opacity: 0;
}
@keyframes dtGridFadeIn { from { opacity: 0; } to { opacity: 1; } }

.dt-tournament-grid-container > .dt-tournament-list-entry {
   height: 100%;
   display: flex;
   flex-direction: column;
   background-color: #1f2633;
   border-radius: 8px;
   overflow: hidden;
   border: 1px solid #3a3a3c;
   box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.dt-tournament-list-shortcode-wrapper h4.dt-tournament-list-title {
   color: #ffffff;
   margin-bottom: 0.5em;
   padding: 15px 15px 0 15px;
   font-size: 1.1em;
   font-weight: 600;
}
.dt-tournament-list-shortcode-wrapper h4.dt-tournament-list-title a { color: #ffffff; text-decoration: none; }
.dt-tournament-list-shortcode-wrapper h4.dt-tournament-list-title a:hover { color: #cccccc; text-decoration: underline; }

.dt-tournament-list-entry > .dt-tournament-infobox {
    flex-grow: 1;
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0 25px 20px 25px;
    border-radius: 0;
}
.dt-tournament-list-item-simple {
    padding: 15px; display: flex; flex-direction: column;
    justify-content: space-between; flex-grow: 1;
}
.dt-tournament-list-item-simple h4 a { color: #ffffff; text-decoration: none; }
.dt-tournament-list-item-simple h4 a:hover { color: #cccccc; text-decoration: underline; }
.dt-tournament-list-item-simple p { margin-top: auto; color: #ccc; font-size: 0.9em; text-align: right; }

body.post-type-archive-dt_driver .nk-post-by,
body.post-type-archive-dt_constructor .nk-post-by,
body.post-type-archive-dt_tournament .nk-post-by,
body.tax-dt_game .nk-post-by,
body.tax-dt_platform .nk-post-by {
    display: none !important; visibility: hidden !important; height: 0 !important;
    overflow: hidden !important; margin: 0 !important; padding: 0 !important;
}
body.post-type-archive-dt_driver .nk-post-img,
body.post-type-archive-dt_constructor .nk-post-img,
body.post-type-archive-dt_tournament .nk-post-img,
body.tax-dt_game .nk-post-img,
body.tax-dt_platform .nk-post-img {
    display: none !important;
}
body.post-type-archive-dt_driver .nk-post-img + .nk-gap,
body.post-type-archive-dt_constructor .nk-post-img + .nk-gap,
body.post-type-archive-dt_tournament .nk-post-img + .nk-gap,
body.tax-dt_game .nk-post-img + .nk-gap,
body.tax-dt_platform .nk-post-img + .nk-gap {
    display: none !important;
}
body.post-type-archive-dt_driver .entry-content.nk-post-text,
body.post-type-archive-dt_constructor .entry-content.nk-post-text,
body.post-type-archive-dt_tournament .entry-content.nk-post-text,
body.tax-dt_game .entry-content.nk-post-text,
body.tax-dt_platform .entry-content.nk-post-text {
    display: none !important;
}

.distraction-tables-wrapper .distraction-driver-group-table,
.distraction-tables-wrapper .distraction-constructor-group-table {
    color: #ffffff !important;
}

.distraction-tables-wrapper .distraction-driver-group-table td.data-team a,
.distraction-tables-wrapper .distraction-driver-group-table td.data-team a:link,
.distraction-tables-wrapper .distraction-driver-group-table td.data-team a:visited,
.distraction-tables-wrapper .distraction-constructor-group-table td.data-driver a,
.distraction-tables-wrapper .distraction-constructor-group-table td.data-driver a:link,
.distraction-tables-wrapper .distraction-constructor-group-table td.data-driver a:visited {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: normal;
}

.distraction-tables-wrapper .distraction-driver-group-table td.data-team a:hover,
.distraction-tables-wrapper .distraction-constructor-group-table td.data-driver a:hover {
    color: #dddddd !important;
    text-decoration: underline;
}

.data-team.team a {
    color: white;
}
.data-team.team a:hover {
    color: #dddddd;
}
.data-driver-list.drivers a {
    color: white;
}
.data-driver-list.drivers a:hover {
    color: #dddddd;
}

.race-comparison-table-wrapper .race-comparison-table {
    font-size: 14px;
}
.race-comparison-table th,
.race-comparison-table td {
    padding: 6px 8px;
    height: auto;
    white-space: nowrap;
}
.race-comparison-table thead th {
    font-weight: 500;
    font-size: 0.8rem;
    white-space: nowrap;
    background-color: #20202A;
    color: #eee;
    text-transform: uppercase;
}
.race-comparison-table tbody tr {
    background-color: #2A2A34;
    transition: background-color 0.15s ease-in-out;
}
.race-comparison-table tbody tr:hover {
    background-color: #3a3e42 !important;
}
.race-comparison-table tbody tr:nth-child(odd),
.race-comparison-table tbody tr:nth-child(even) {
    background-color: #2A2A34;
}

.race-comparison-table th.position,
.race-comparison-table td.data-pos {
    text-align: center !important;
    width: 4%;
    min-width: 35px;
}
.race-comparison-table th.driver,
.race-comparison-table td.data-driver {
    text-align: left !important;
    width: auto;
    padding-left: 10px;
}
.race-comparison-table td.data-driver a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: inherit;
}
.race-comparison-table td.data-driver a:hover {
    color: #dddddd !important;
    text-decoration: underline;
}
.race-comparison-table th.constructor,
.race-comparison-table td.data-constructor {
    text-align: left !important;
    width: 10%;
    min-width: 60px;
    padding-left: 10px;
}
.race-comparison-table th.col-race,
.race-comparison-table td.data-race {
    text-align: center !important;
    width: 6%;
    min-width: 40px;
}
.race-comparison-table td.data-constructor img {
    max-height: 30px;
    max-width: 30px;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline-block;
}
.race-comparison-table td.data-race {
    font-weight: 500;
}
.race-comparison-table td.data-race.pos-1 {
    background-color: #CFB53B !important;
    color: #111 !important;
    font-weight: bold;
}
.race-comparison-table td.data-race.pos-2 {
    background-color: #C0C0C0 !important;
    color: #111 !important;
}
.race-comparison-table td.data-race.pos-3 {
    background-color: #A67D3D !important;
    color: #111 !important;
}
.race-comparison-table td.data-race.dnf {
    background-color: #6c757d !important;
    color: #fff !important;
}
.race-comparison-table td.data-race.dns,
.race-comparison-table td.data-race.dsq,
.race-comparison-table td.data-race.excluded,
.race-comparison-table td.data-race.withdrawn {
    background-color: #495057 !important;
    color: #adb5bd !important;
}
.race-comparison-table td.data-race.numeric {
   color: #fff ;
}
.race-comparison-table td.data-race:not(.numeric):not(.pos-1):not(.pos-2):not(.pos-3):not(.dnf):not(.dns):not(.dsq):not(.excluded):not(.withdrawn) {
    color: #ccc !important;
}
.distraction-table.race-comparison-table {
  border-collapse: separate;
  border-spacing: 0;
  overflow-x: auto;
}
.distraction-table.race-comparison-table th,
.distraction-table.race-comparison-table td {
  white-space: nowrap;
}
.distraction-table.race-comparison-table th.position,
.distraction-table.race-comparison-table td.position {
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 3;
}
.distraction-table.race-comparison-table th.driver,
.distraction-table.race-comparison-table td.driver {
  position: sticky;
  left: 47px;
  background: inherit;
  z-index: 3;
}
.distraction-table.race-comparison-table th.constructor,
.distraction-table.race-comparison-table td.constructor {
  position: sticky;
  left: 203px;
  background: inherit;
  z-index: 3;
}

/* === Stewards Room (Liste & Details) === */
.dt-races-incident-list {
    list-style: none;
    padding-left: 0;
}
.dt-races-incident-list li {
    background-color: #2c2c2e;
    padding: 12px 15px;
    margin-bottom: 10px; /* Etwas mehr Abstand zwischen den Listeneinträgen */
    border-radius: 6px;
    border: 1px solid #3a3a3c;
    transition: background-color 0.2s ease-in-out;
}

.dt-races-incident-list li:hover {
    background-color: #3a3a3c;
}

.dt-incident-list-item-title a { /* Styling für den Renn-Titel Link */
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.1em;
    display: block; /* Macht den Link zum Block für besseres Klicken */
    margin-bottom: 5px; /* Kleiner Abstand zur Meta-Info */
}
.dt-incident-list-item-title a:hover {
    color: #dd163b;
}

.dt-incident-count {
    font-size: 0.9em;
    color: #a0aec0;
    margin-left: 8px;
}

.dt-incident-list-item-meta {
    font-size: 0.85em;
    color: #b0b0b0;
}

.dt-incident-list-item-meta .dt-game-info,
.dt-incident-list-item-meta .dt-group-info {
    display: block; /* Jede Info in einer neuen Zeile */
    margin-bottom: 3px;
}

.dt-back-to-list-link {
    display: inline-block;
    margin-bottom: 1.5rem;
    color: #63b3ed;
    text-decoration: none;
    font-weight: 500;
}

.dt-back-to-list-link:hover {
    color: #90cdf4;
}

.dt-race-incidents-detail-list .dt-incident-detail-item {
    background-color: #2a2a34;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 8px;
    border-left: 4px solid #DD163B;
}

.dt-incident-detail-item h4 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.4em;
    color: #fff;
}

.dt-incident-key-details {
    margin-bottom: 1.5rem;
}

.dt-incident-key-details p {
    margin: 0.25rem 0;
    color: #c0c0c0;
}
.dt-incident-key-details p strong {
    color: #fff;
}

.dt-incident-section {
    margin-top: 1.5rem;
}

.dt-incident-section h5 {
    margin-bottom: 0.5rem;
    color: #a0aec0;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 600;
    border-bottom: 1px solid #4a5568;
    padding-bottom: 0.5rem;
}

.dt-incident-section .content,
.dt-involved-parties-list-detail {
    color: #e0e0e0;
    line-height: 1.6;
}

.dt-involved-parties-list-detail {
    list-style: none;
    padding-left: 0;
}

.dt-involved-parties-list-detail li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #3a3e42;
}

.dt-involved-parties-list-detail li:last-child {
    border-bottom: none;
}

.dt-involved-parties-list-detail strong {
    color: #fff;
    margin-right: 0.5em;
}

.dt-party-consequence-text {
    margin-top: 0.5em;
    padding-left: 1em;
    font-size: 0.95em;
    color: #ccc;
}


/* Strafenregister: Fahrer-Links formatieren */
.dt-penalty-report-wrapper .penalty-report-table td a {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}

.dt-penalty-report-wrapper .penalty-report-table td a:hover {
    color: #cccccc !important;
    text-decoration: underline;
}

@media (max-width: 719px) {
    .distraction-table { font-size: 14px; }
    .distraction-table th, .distraction-table td { padding: 8px 6px; height: auto; white-space: normal; }
    .distraction-table td img { max-width: 25px; max-height: 25px; }

    .group-type-driver thead th.starts, .group-type-driver tbody td.data-starts,
    .group-type-driver thead th.logo, .group-type-driver tbody td.data-logo,
    .group-type-driver thead th.team, .group-type-driver tbody td.data-team,
    .group-type-driver thead th.dnf, .group-type-driver tbody td.data-dnf,
    .group-type-driver thead th.fl, .group-type-driver tbody td.data-fastest-lap-count,
    .group-type-driver thead th.pod, .group-type-driver tbody td.data-podiums,
    .group-type-driver thead th.win, .group-type-driver tbody td.data-wins,
    .group-type-constructor thead th.logo, .group-type-constructor tbody td.data-logo,
    .group-type-constructor thead th.drivers, .group-type-constructor tbody td.data-driver-list {
        display: none;
    }
    .distraction-table.merged-table th.position, .distraction-table.merged-table td.data-pos { width: 15%; }
    .group-type-driver th.driver, .group-type-driver td.data-driver,
    .group-type-constructor th.team, .group-type-constructor td.data-team-name { width: 55%; font-weight: 500; }
    .distraction-table.merged-table th.pts, .distraction-table.merged-table td.data-pts { width: 30%; font-weight: bold; }

    .driver-stats-table, .constructor-stats-table { font-size: 0.95rem; }
    .driver-stats-table tr, .constructor-stats-table tr { display: flex; justify-content: space-between; flex-wrap: nowrap; }
    .driver-stats-table td, .constructor-stats-table td { display: block; border: none; padding: 8px 6px; flex: 1; border-bottom: 1px solid #2D3138; }
    .driver-stats-table tr:last-child td, .constructor-stats-table tr:last-child td { border-bottom: none; }
    .stat-label { font-weight: 500; text-align: left; }
    .stat-value { text-align: right; }

    .stats-chart-wrapper { height: 280px; }

    .race-comparison-table th.constructor,
    .race-comparison-table td.data-constructor {
        display: none;
    }
    .race-comparison-table th.col-race,
    .race-comparison-table td.data-race {
        font-size: 0.9em;
        padding: 6px 4px;
        min-width: 35px;
    }
    .race-comparison-table td.data-driver {
        font-weight: 500;
    }
}

@media (min-width: 720px) and (max-width: 1024px) {
    .distraction-table { font-size: 14.5px; }
    .distraction-table th, .distraction-table td { padding: 9px 8px; }

    .group-type-driver thead th.dnf, .group-type-driver tbody td.data-dnf,
    .group-type-driver thead th.fl, .group-type-driver tbody td.data-fastest-lap-count,
    /* .group-type-driver thead th.starts, .group-type-driver tbody td.data-starts, */
    .group-type-constructor thead th.drivers, .group-type-constructor tbody td.data-driver-list {
        /* display: none; */ /* Example: if Starts should also be hidden on tablet */
    }
    /* If Starts column is visible on tablet, you might want to adjust other column widths */
    .group-type-constructor th.position, .group-type-constructor td.data-pos { width: 10%; }
    .group-type-constructor th.logo, .group-type-constructor td.data-logo { width: 10%; }
    .group-type-constructor th.team, .group-type-constructor td.data-team-name { width: 60%; font-size: 1.05em; }
    .group-type-constructor th.pts, .group-type-constructor td.data-pts { width: 20%; }

     .race-comparison-table th.constructor,
     .race-comparison-table td.data-constructor {
         width: 12%;
         min-width: 80px;
     }
      .race-comparison-table td.data-constructor img {
         max-height: 25px;
     }
     .race-comparison-table th.col-race,
     .race-comparison-table td.data-race {
         width: 5%;
         min-width: 38px;
     }
}