/* blog-kin.css – Kin-Seiten (blog/kin/<n>.html): „Die nächsten drei Termine dieses Kin“ mit .ics-Download.
   Die Zeilen stehen schon im HTML (tools/blog_kin.py, Stand des Builds); js/blog-kin.js setzt nur Datum, NS und Datei neu ein –
   feste Zeilenhöhe und reservierte Spalten, damit dabei nichts springt (CLS). */
.b-knext{margin-top:26px;max-width:760px}
.b-knext h2{margin:0 0 10px;font:600 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.b-knext ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b-knext li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:58px;padding:9px 10px 9px 16px;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.025)}
.b-knext .kn-d{min-width:0;line-height:1.35}
.b-knext .kn-d b{display:block;font-weight:600;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-knext .kn-d small{display:block;min-height:1.35em;color:var(--faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-knext a.kn-ics{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;
  color:var(--gold);font:600 12.5px/1 var(--font);letter-spacing:.04em;text-decoration:none;white-space:nowrap}
.b-knext a.kn-ics:hover,.b-knext a.kn-ics:focus-visible{border-color:var(--gold);background:rgba(227,191,110,.08)}
.b-knext a.kn-ics svg{width:16px;height:16px;flex:none}
.b-knext .kn-note{margin:8px 0 0;font-size:12px;color:var(--faint)}
@media (max-width:420px){.b-knext li{padding-left:12px}.b-knext a.kn-ics{padding:0 11px}.b-knext .kn-d b{font-size:14px}}
/* Paket 2: „Onde está este Kin?“ (js/kin-zyklen.js über js/blog-kin.js) – Platz vorab reserviert (kein Layoutsprung) */
.b-kzyk:empty{min-height:318px;margin-top:18px}
@media (max-width:640px){.b-kzyk:empty{min-height:600px}}
.b-kzyk .kz-h{font-size:18px}