/* almanac article — image ratio, sticky rail, CSS-counter ranking, related thumbs, button reset (no colors) */
.almanac-article__title { text-wrap: balance; }
.almanac-article__img { aspect-ratio: 16 / 9; object-fit: cover; }
@media (min-width: 1024px) { .almanac-article__rail { position: sticky; top: 1.5rem; } }
.almanac-article__ranked { counter-reset: almanac-rank; }
.almanac-article__rank { counter-increment: almanac-rank; }
.almanac-article__rank::before { content: counter(almanac-rank); flex-shrink: 0; width: 1.75rem; font-size: 1.5rem; font-weight: 800; line-height: 1; opacity: 0.35; }
.almanac-article__thumb { width: 6.5rem; height: 4.5rem; object-fit: cover; }
.almanac-article__submit { appearance: none; cursor: pointer; font: inherit; font-weight: 600; }