/* assets/css/entwicklung.css — der Streifen mit den letzten drei
   ausgelieferten Fassungen (_sections/entwicklung.php).

   BEWUSST FLACHER ALS DIE KARTEN DARUEBER: keine Rahmen, keine
   Flaechen, nur eine linke Kante je Eintrag. Der Streifen soll im
   Vorbeiscrollen wirken - drei weitere Karten mitten auf der Startseite
   wuerden mit den Produkt- und Ablaufkarten um dieselbe Aufmerksamkeit
   konkurrieren und dabei beide schwaechen. Hier zaehlt nur: es gibt
   Datum, es gibt Fassung, es ist frisch. */

.entw-reihe {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 26px; margin: 30px 0 0; padding: 0; list-style: none;
}

.entw-karte {
  padding-left: 16px;
  border-left: 2px solid var(--line-strong, var(--line));
}
/* Nur die neueste Fassung traegt die Akzentkante - sie ist der Beleg,
   die beiden anderen sind der Beweis, dass es kein Einzelfall war. */
.entw-karte:first-child { border-left-color: var(--accent); }

.entw-kopf {
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  margin-bottom: 6px;
}
.entw-kopf time {
  font-family: var(--mono); font-size: 11px; letter-spacing: .05em;
  text-transform: uppercase; color: var(--ink-faint);
}
.entw-version {
  font-family: var(--mono); font-size: 11px;
  color: var(--accent-strong);
}
:root[data-theme="dark"] .entw-version { color: var(--accent); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .entw-version { color: var(--accent); }
}

.entw-karte b {
  display: block; font-size: 15.5px; font-weight: 800;
  letter-spacing: -.01em; text-wrap: balance;
}
.entw-karte p {
  margin: 6px 0 0;
  font-size: 13.5px; line-height: 1.6; color: var(--ink-muted);
}


/* Untereinander statt dreispaltig: bei drei Spalten bliebe je Eintrag
   rund 110 px, und die linke Kante - das einzige gestalterische Mittel
   hier - haette nichts mehr, woran sie entlanglaeuft. */
@media (max-width: 760px) {
  .entw-reihe { grid-template-columns: 1fr; gap: 20px; }
}