/* Shared stream of canonical articles across all sections. */
.all-articles { display: grid; gap: 1.25rem; margin: 2rem 0; }
.md-typeset .article-row { display: grid; grid-template-columns: minmax(11rem, 30%) minmax(0, 1fr); gap: 1.5rem; padding: 1.25rem; border: 1px solid rgba(127,127,127,.18); border-radius: 1rem; background: var(--md-code-bg-color, #fff); }
.article-row__image { align-self: start; display: block; overflow: hidden; border-radius: .6rem; background: #15171b; }
.article-row__image img { display: block; width: 100%; aspect-ratio: 1.6; object-fit: contain; }
.md-typeset .article-row__meta { color: var(--md-default-fg-color--light); font-size: .68rem; margin: 0 0 .5rem; }
.article-row__meta span { color: var(--fpv-orange); font-weight: 750; }
.md-typeset .article-row h2 { margin: 0 0 .5rem; font-size: 1.2rem; line-height: 1.25; }
.md-typeset .article-row h2 a { color: var(--md-default-fg-color); }
.md-typeset .article-row__copy > p:not(.article-row__meta) { margin: 0 0 .8rem; color: var(--md-default-fg-color--light); font-size: .78rem; line-height: 1.6; }
.article-row__link { font-size: .72rem; font-weight: 750; }
.md-typeset .article-dates { color: var(--md-default-fg-color--light); font-size: .7rem; margin: -.6rem 0 1.5rem; }
.article-changes { border-top: 1px solid rgba(127,127,127,.18); margin-top: 2rem; padding-top: 1rem; }
.article-row a:focus-visible { outline: 3px solid var(--fpv-orange); outline-offset: 4px; }
@media (max-width: 650px) {
  .md-typeset .article-row { grid-template-columns: 1fr; gap: 1rem; padding: 1rem; }
  .article-row__image img { max-height: 14rem; }
}