/* =========================================
   Linux-Seiten: die Kompass-Seite und ihre Unterseiten
   Gestaltet sind die Seiten mit den Kadence-Blöcken und Klassen der Website (hero-glow,
   eyebrow-pill, card-hover …). Hier steht nur, was die nicht abdecken. Die Body-Klasse
   .bmlk-seite setzt das Plugin, siehe bmlk_linux_seite().
   ========================================= */

/* Der feste Header deckt sonst die Überschrift ab, die ein Link wie #stream-deck anspringt. */
.bmlk-seite .entry-content [id] {
  scroll-margin-top: 110px;
}

/* Core-Tabellen im Stil der Preistabelle auf /bytemate/ (.bytemate-table). */
.bmlk-seite .wp-block-table {
  margin: 1.5rem 0 2rem;
  overflow-x: auto;
}

.bmlk-seite .wp-block-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
}

.bmlk-seite .wp-block-table thead {
  border-bottom: 0;
}

.bmlk-seite .wp-block-table th,
.bmlk-seite .wp-block-table td {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.5;
}

.bmlk-seite .wp-block-table th {
  background: rgba(255, 255, 255, 0.05);
  color: var(--global-palette3, #f0f4fa);
  font-weight: 600;
}

.bmlk-seite .wp-block-table td {
  color: var(--global-palette4, #c4cad6);
}

.bmlk-seite .wp-block-table tbody tr:last-child td {
  border-bottom: 0;
}

.bmlk-seite .wp-block-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* Breite Tabellen (Distributionen-Übersicht) auf dem Handy seitlich scrollen statt jede Spalte zu quetschen. */
.bmlk-seite .wp-block-table table:has(th:nth-child(4)) {
  min-width: 640px;
}