/* Site-level additions that the design system's bundle.css does not cover.
   Keep this file small; anything reusable belongs in the design system. */

/* List pages reuse ArticleHeader for their title. */
.brg-list-header { border-bottom: 0; margin-bottom: 0; }

/* After the article body: the profile card. */
.brg-article-end { margin-top: var(--space-5); }

/* Old posts use a fourth heading level; set it like body text at heading weight. */
.brg-prose h4 { margin: var(--space-4) 0 0; font-size: 16px; line-height: 30px; font-weight: 600; color: var(--ink-strong); }
.brg-prose h4 + * { margin-top: var(--space-2); }
.brg-prose:lang(en) h4 { font-family: var(--font-display); font-size: 17px; line-height: 28px; }

/* Embedded slides and video keep a 16:9 frame. */
.brg-prose iframe.brg-embed { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--radius-md); background: var(--surface-subtle); }

/* bundle.css does not reset the <dl> margin; inside the header's flex gap it doubles the space. */
.brg-dates { margin: 0; }