/* [ssg_ehrentafel] — Ehrentafel der Rekordinhaber. Tabellen-Optik erbt .ssg-rekorde-block .ssg-rek-table
   (frontend.css, Navy-Kopf). Farben blau/weiß/grau, kein Gold. */

.ssg-ehrentafel__hero {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
  margin-bottom: 24px;
}
.ssg-ehrentafel__hero > :only-child { grid-column: 1 / -1; }
@media (max-width: 640px) {
  .ssg-ehrentafel__hero { grid-template-columns: minmax(0, 1fr); }
}
.ssg-ehrentafel__top {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  margin: 0; min-width: 0; padding: 24px 20px;
  background: linear-gradient(160deg, #1684c8, #0870b0 55%, #055e92);
  color: #fff; border-radius: var(--ssg-radius-md, 10px); text-align: center;
}
.ssg-ehrentafel__top-titel {
  align-self: flex-start; display: inline-block; margin-bottom: 4px; padding: 3px 10px;
  border-radius: 4px; background: rgba(255, 255, 255, .18); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase;
}
.ssg-ehrentafel__top-kicker {
  font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; opacity: .92;
}
.ssg-ehrentafel__top-name { font-size: clamp(22px, 3vw, 32px); font-weight: 800; line-height: 1.15; }
.ssg-ehrentafel__top-name a,
.ssg-ehrentafel__top-name a:hover,
.ssg-ehrentafel__top-name a:focus { color: #fff !important; text-decoration: none !important; }
.ssg-ehrentafel__top-zeit {
  font-size: clamp(30px, 5vw, 48px); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.1;
}
.ssg-ehrentafel__top-meta { font-size: 15px; opacity: .92; }

/* Mobil seitlich scrollbar statt gequetscht. */
.ssg-ehrentafel__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ssg-ehrentafel__table { min-width: 640px; }
.ssg-ehrentafel__table td { white-space: nowrap; }
.ssg-ehrentafel__table td:first-child { white-space: normal; min-width: 160px; }

.ssg-ehrentafel__art {
  display: inline-block; padding: 3px 8px; border-radius: 4px;
  font-size: 12px; font-weight: 700; line-height: 1.3;
}
.ssg-ehrentafel__art--dr  { background: #0870b0; color: #fff; }
.ssg-ehrentafel__art--djr { background: #e3edf8; color: var(--ssg-navy, #1e3560); border: 1px solid var(--ssg-border-light, #d5dde9); }

@media (max-width: 1024px) {
  .ssg-ehrentafel__top { padding: 18px 14px; }
  .ssg-ehrentafel__table { font-size: 14px; }
}