.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; z-index: 100; top: 12px; left: 12px; width: auto; height: auto; margin: 0; padding: 10px 16px; clip: auto; background: #fff; color: #111; }
.main-nav .menu { display: flex; align-items: stretch; gap: inherit; padding: 0; margin: 0; }
.main-nav li { list-style: none; display: flex; }
.main-nav .current-menu-item > a { color: var(--ink); border-color: var(--accent); }
.scores-empty { align-self: center; margin: 0; color: var(--muted); font-size: 13px; }
.image-placeholder { display: grid; place-items: center; width: 100%; min-height: 113px; border-radius: 10px; background: var(--soft); color: var(--accent); }
.image-placeholder .ph { font-size: 32px; }
.hero-lead > .image-placeholder { height: 412px; }
.side-feature > .image-placeholder, .trend-first > .image-placeholder { height: 155px; }
.story-image > .image-placeholder { height: 255px; }
.compact-story > .image-placeholder { width: 112px; height: 95px; min-height: 0; }
.latest-item > .image-placeholder { width: 172px; height: 113px; }
.related-grid .image-placeholder { height: 180px; margin-bottom: 11px; }
.latest-item h2 { font: 700 20px/1.25 var(--heading); letter-spacing: -.026em; margin: 6px 0; }
.latest-item:hover h2 { color: var(--accent); }
.archive-content > .section-head h1 { font: 800 32px/1.2 var(--heading); margin: 5px 0 0; }
.archive-content .content-layout { margin-top: 26px; }
.page-numbers { flex-wrap: wrap; }
.page-numbers .page-numbers { display: inline-flex; }
.page-numbers > span, .page-numbers > a { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; background: var(--soft); font-size: 12px; }
.page-numbers > .current { background: var(--ink); color: #fff; }
.article-reading { margin-top: 32px; }
.article-prose img, .article-prose video { max-width: 100%; height: auto; border-radius: 10px; }
.article-prose a { color: var(--accent); text-decoration: underline; }
.article-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .85em; }
.article-prose th, .article-prose td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.article-prose ul, .article-prose ol { padding-left: 24px; }
@media (max-width: 840px) { .hero-lead > .image-placeholder { height: 330px; } }
@media (max-width: 610px) {
  .hero-lead > .image-placeholder { height: 260px; }
  .side-feature > .image-placeholder { width: 105px; height: 80px; }
  .latest-item > .image-placeholder { width: 98px; height: 80px; }
  .related-grid .image-placeholder { width: 110px; height: 84px; min-height: 0; margin: 0; grid-row: span 2; }
  .archive-content > .section-head h1 { font-size: 26px; }
  .latest-item h2 { font-size: 15px; }
  .scores-empty { margin-top: 10px; }
}