/* Blog — NUR additiv zu Pages.css/Site-Bundle. Seiten-Gerüst (.page, .page__eyebrow,
   .page h1/h2, .page__lead, .mix-grid, .mix-card) kommt aus Pages.css. Hier nur, was
   Artikel zusätzlich brauchen. Keine Fonts, keine Tokens, kein Header/Footer. */

/* Breadcrumb (über dem Eyebrow) */
.bcrumb { font-size: .78rem; color: #7e909c; letter-spacing: .04em; margin: 0 0 .9rem; }
.bcrumb a { color: #7e909c; }
.bcrumb a:hover { color: #dca85d; }
.bcrumb span { opacity: .55; margin: 0 5px; }

/* Artikel */
.bart-date { display: block; color: #64c6c2; font-size: .78rem; letter-spacing: .06em;
  text-transform: uppercase; margin: .2rem 0 1.6rem; }
.bart-cover { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px;
  margin: 0 0 2.2rem; box-shadow: 0 24px 70px rgba(0,0,0,.45); }
.bart-body { font-size: 1.08rem; }
.bart-body p { margin: 0 0 1.2em; }
.bart-body ul, .bart-body ol { color: #cdd9e1; margin: 0 0 1.2em; padding-left: 1.3em; display: grid; gap: .55em; }
.bart-body img { max-width: 100%; height: auto; border-radius: 14px; margin: 1.7em 0;
  box-shadow: 0 16px 50px rgba(0,0,0,.4); }
.bart-body blockquote { margin: 1.6em 0; padding: .3em 0 .3em 1.1em; border-left: 3px solid #dca85d;
  color: #9fb2bd; font-style: italic; }
.bart-body hr { border: 0; border-top: 1px solid rgba(220,168,93,.25); margin: 2.2em 0; }

/* Related */
.brelated { margin-top: 3.4rem; border-top: 1px solid rgba(220,168,93,.2); padding-top: 2rem; }

/* Karten-Fallback ohne Cover (Mixes-Karten haben sonst immer ein Bild) */
.bcard-img--empty { width: 100%; aspect-ratio: 16 / 9; background: linear-gradient(135deg,#0b2030,#05121c); }