/* WordPress-specific additions. The original design lives in site.css. */

/* Admin bar: keep the sticky header below it when logged in. */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }




/* ---------- News ---------- */
.news-hero { padding-bottom: 32px; }
.news-hero .eyebrow a { color: inherit; text-decoration: none; }
.news-list { padding: 24px 0 96px; }
.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 32px;
}
.news-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--brand-radius);
  background: var(--paper);
}
.news-card__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 40%; border-radius: var(--brand-radius); }
.news-card__meta { margin: 0; color: var(--muted-text); font-size: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; }
.news-card__title { margin: 0; font-size: 1.5rem; line-height: 1.2; }
.news-card__title a { color: var(--ink); text-decoration: none; }
.news-card__title a:hover { color: var(--accent); }
.news-card__excerpt { margin: 0; color: var(--muted-text); flex-grow: 1; }
.news-pagination { margin-top: 48px; display: flex; gap: 16px; flex-wrap: wrap; }
.news-pagination .page-numbers { color: var(--ink); text-decoration: none; font-weight: 600; }
.news-pagination .current { color: var(--accent); }

.news-article__media { max-width: 720px; margin: 48px auto 0; }
.news-article__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 40%; border-radius: var(--brand-radius); }
.news-article__body { max-width: 720px; margin: 48px auto 0; font-size: 1.125rem; line-height: 1.7; }
.news-article__body > * + *, .news-article__body > div > * + * { margin-top: 1.2em; }
.news-article__body h2, .news-article__body h3 { margin-top: 1.8em; line-height: 1.2; }
.news-article__body img { max-width: 100%; height: auto; border-radius: var(--brand-radius); }
.news-article__body a { color: var(--accent); }
.news-article__body blockquote { margin-left: 0; padding-left: 20px; border-left: 4px solid var(--primary); }
.news-article__back { max-width: 720px; margin: 48px auto 96px; }

/* Admin bar: sticky bars under the header also shift down when logged in. */
body.admin-bar .anchor-rail,
body.admin-bar .method-anchor-rail { top: calc(var(--header-height) + 32px); }
body.admin-bar .privacy-index { top: calc(var(--header-height) + 62px); }
@media (max-width: 782px) {
  body.admin-bar .anchor-rail,
  body.admin-bar .method-anchor-rail { top: calc(var(--header-height) + 46px); }
  body.admin-bar .privacy-index { top: calc(var(--header-height) + 76px); }
}
@media (max-width: 600px) {
  /* WordPress un-pins the admin bar on phones. */
  body.admin-bar .site-header { top: 0; }
  body.admin-bar .anchor-rail,
  body.admin-bar .method-anchor-rail { top: var(--header-height); }
  body.admin-bar .privacy-index { top: calc(var(--header-height) + 30px); }
}

/* Block editor trims the trailing space of "Coordinated " (Methodology core). */
.os-core__qualifier::after { content: " "; }
