/* ============================================================
   BKS24 Redesign — Single News Post (content-single.php)
   Blauer page-hero (Kategorie · Titel · Datum · Lesezeit), Beitragsbild,
   zentrierte .prose-Spalte. Nutzt Bestands-Tokens + .page-hero/.prose/.section.
   ALLE Regeln unter .bks-rd.post-single gescoped.
   ============================================================ */

/* ---------- Hero ---------- */
.bks-rd.post-single .post-hero .crumb a { color: rgba(255,255,255,.72); text-decoration: none; }
.bks-rd.post-single .post-hero .crumb a:hover { color: #fff; text-decoration: underline; }

.bks-rd.post-single .post-hero__title { max-width: 26ch; margin-top: 6px; }

.bks-rd.post-single .post-hero__meta {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(255,255,255,.7);
  display: flex;
  gap: 10px;
  align-items: center;
}
.bks-rd.post-single .post-hero__meta time { font-weight: 600; color: rgba(255,255,255,.85); }

/* ---------- Split-Hero: Text links, Beitragsbild rechts ----------
   Quadratischer Rahmen, der Quer- und Hochformat gleichermaßen füllt
   (object-fit: cover, oben verankert → Titel von Hochkant-Covern bleibt sichtbar). */
.bks-rd.post-single .post-hero__media { margin-top: 28px; }
.bks-rd.post-single .post-hero__media img {
  width: 100%; max-width: 320px; display: block;
  aspect-ratio: 1 / 1; object-fit: cover; object-position: center top;
  border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.28);
}

@media (min-width: 900px) {
  .bks-rd.post-single .post-hero--split .post-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 56px;
    align-items: center;
  }
  .bks-rd.post-single .post-hero--split .post-hero__title { max-width: 22ch; }
  .bks-rd.post-single .post-hero--split .post-hero__media { margin-top: 0; }
  .bks-rd.post-single .post-hero--split .post-hero__media img { max-width: 100%; }
}

/* ---------- Textspalte zentriert ---------- */
.bks-rd.post-single .post-single__body { margin-left: auto; margin-right: auto; }

/* Bilder / Embeds im Fließtext */
.bks-rd.post-single .post-single__body figure { margin: 32px 0; }
.bks-rd.post-single .post-single__body figure.wp-block-image img {
  width: 100%; height: auto; display: block; border-radius: 10px;
}
.bks-rd.post-single .post-single__body figcaption { margin-top: 10px; font-size: 13px; color: #6c7a85; }

/* Links im Fließtext */
.bks-rd.post-single .post-single__body a { color: var(--bks-blue); text-underline-offset: 2px; }

/* Blockquote */
.bks-rd.post-single .post-single__body blockquote {
  margin: 32px 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--bks-blue);
  font-size: 19px; line-height: 1.5; color: var(--ink);
}

/* ---------- Zurück-Link (Pfeil nach links) ---------- */
.bks-rd.post-single .post-single__back {
  max-width: 720px; margin: 48px auto 0; padding-top: 24px; border-top: 1px solid var(--hairline);
}
.bks-rd.post-single .post-single__back .arrow-link--back {
  font-weight: 600; color: var(--bks-blue); text-decoration: none;
}
.bks-rd.post-single .post-single__back .arrow-link--back::after { content: none; }
.bks-rd.post-single .post-single__back .arrow-link--back::before {
  content: "\2190"; margin-right: 8px; display: inline-block; transition: transform .18s ease;
}
.bks-rd.post-single .post-single__back .arrow-link--back:hover::before { transform: translateX(-4px); }
.bks-rd.post-single .post-single__back .arrow-link--back:hover { text-decoration: underline; }

@media (max-width: 600px) {
  .bks-rd.post-single .post-single__feature { margin-bottom: 28px; }
}