/* SDG native article channels */
.sdg-articles-hero,
.sdg-article-hero {
  background: var(--sdg-navy);
  color: rgba(255,255,255,.84);
  padding: clamp(54px, 7vw, 92px) 0;
}
.sdg-articles-hero h1,
.sdg-article-hero h1 { color:#fff; max-width:900px; }
.sdg-articles-hero .sdg-lede { color:rgba(255,255,255,.78); max-width:780px; }
.sdg-articles-hero .sdg-eyebrow,
.sdg-article-hero .sdg-eyebrow { color:var(--sdg-gold-2); }
.sdg-article-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.sdg-article-card {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--sdg-line);
  border-radius:var(--sdg-radius-lg);
  background:var(--sdg-paper);
  box-shadow:0 12px 34px rgba(20,40,70,.08);
}
.sdg-article-card__media {
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--sdg-ivory-2);
}
.sdg-article-card__image { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.sdg-article-card__media:hover .sdg-article-card__image { transform:scale(1.025); }
.sdg-article-card__body { display:flex; flex:1; flex-direction:column; padding:clamp(24px,3vw,34px); }
.sdg-article-card h2 { font-size:clamp(1.75rem,2.5vw,2.35rem); line-height:1.05; }
.sdg-article-card h2 a { text-decoration:none; }
.sdg-article-card__date,
.sdg-article-meta { color:var(--sdg-muted); font-size:.92rem; }
.sdg-article-card .sdg-text-link { margin-top:auto; color:var(--sdg-burgundy); font-weight:800; text-decoration:none; }
.sdg-article-empty,
.sdg-article-document {
  border:1px solid var(--sdg-line);
  border-radius:var(--sdg-radius-lg);
  background:var(--sdg-paper);
  padding:clamp(28px,5vw,58px);
}
.sdg-article-empty { text-align:center; }
.sdg-article-meta { display:flex; flex-wrap:wrap; gap:9px; margin:0; }
.sdg-article-featured { margin:0 0 clamp(30px,5vw,54px); overflow:hidden; border-radius:var(--sdg-radius-xl); box-shadow:var(--sdg-shadow-soft); }
.sdg-article-featured img { display:block; width:100%; height:auto; }
.sdg-article-document { font-size:1.08rem; }
.sdg-article-document > :where(p,ul,ol,blockquote) { max-width:70ch; }
.sdg-article-document h2 { margin-top:1.5em; }
.sdg-article-document h3 { margin-top:1.4em; }
.sdg-article-document blockquote { border-left:4px solid var(--sdg-gold); padding-left:1em; }
.sdg-article-document--password input[type="password"] {
  width:min(100%,420px);
  min-height:48px;
  border:1px solid var(--sdg-line);
  border-radius:10px;
  padding:10px 12px;
}
.sdg-article-document--password input[type="submit"] {
  min-height:48px;
  border:0;
  border-radius:999px;
  padding:13px 22px;
  background:var(--sdg-burgundy);
  color:#fff;
  font-weight:800;
}
.sdg-article-return { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.sdg-pagination { margin-top:42px; }
.sdg-pagination .page-numbers { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:0; list-style:none; }
.sdg-pagination a,
.sdg-pagination span {
  display:grid; place-items:center; min-width:44px; min-height:44px;
  border:1px solid var(--sdg-line); border-radius:999px; text-decoration:none;
}
.sdg-pagination .current { background:var(--sdg-navy); color:#fff; }
@media (max-width:900px) { .sdg-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) {
  .sdg-article-grid { grid-template-columns:1fr; }
  .sdg-articles-hero,.sdg-article-hero { padding:44px 0; }
}