/* Ranking articles reuse the existing site palette, typography and components. */
.ranking-article { padding-bottom: 4rem; }
.ranking-article h2 { margin-top: 2.4rem; }
.ranking-article h3 { margin-top: 2rem; }
.ranking-article p, .ranking-article li { color: var(--text-soft); }
.ranking-article ul, .ranking-article ol { padding-left: 1.2rem; }
.ranking-article li + li { margin-top: 0.4rem; }
.ranking-article .direct-answer { margin-top: 1rem; }
.ranking-entry { border-top: 1px solid var(--border); margin-top: 2.4rem; }
.ranking-article figure { margin: 2rem 0; }
.ranking-article figure img { display: block; max-width: 100%; height: auto; }
.ranking-article figcaption, .ranking-article caption { color: var(--text-soft); font-size: 0.86rem; }
.ranking-article caption { padding: 0.75rem 1rem; text-align: left; background: var(--surface); }
.ranking-embed pre { overflow-x: auto; padding: 1rem; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--bg-soft); }
.ranking-embed code { white-space: pre; }
.ranking-embed [role="status"] { display: block; color: var(--text-soft); }
.ranking-article .table-wrap { max-width: 100%; }
.ranking-article .btn { white-space: normal; }