/* --- Shortlinks: kompakte, gut lesbare Tabelle --- */
#shortlinks-table .md-typeset__table {
  max-width: 64rem;           /* begrenzt die Tabellenbreite */
}

#shortlinks-table table {
  width: 100%;
  table-layout: fixed;        /* wichtig: feste Spalten + Ellipsis */
}

/* Spaltenbreiten (Material nutzt th/td, daher beide) */
#shortlinks-table th:nth-child(1),
#shortlinks-table td:nth-child(1) { width: 11rem; }  /* Slug */

#shortlinks-table th:nth-child(2),
#shortlinks-table td:nth-child(2) { width: 16rem; }  /* Kurzlink */

#shortlinks-table th:nth-child(4),
#shortlinks-table td:nth-child(4) { width: 8.5rem; } /* Läuft ab */

/* Ziel-Spalte nimmt den Rest */
#shortlinks-table th:nth-child(3),
#shortlinks-table td:nth-child(3) { width: auto; }

/* Links/Zellen: nicht umbrechen, sondern kürzen */
#shortlinks-table td,
#shortlinks-table th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Code/Slug darf umbrechen, wenn’s nötig ist (optional) */
#shortlinks-table td:nth-child(1) code {
  white-space: normal;
  word-break: break-word;
}

/* Links in Ziel/Kurzlink als Inline-Block, damit Ellipsis greift */
#shortlinks-table td:nth-child(2) a,
#shortlinks-table td:nth-child(3) a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

/* Auf mobilen Geräten: Tabelle darf voller werden */
@media screen and (max-width: 76.1875em) {
  #shortlinks-table .md-typeset__table {
    max-width: 100%;
  }
}