/* Editorial archive and optional context: stable surfaces and real chronology. */
.un-subtopics { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 34px; max-width:100%; }
.un-subtopics a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; padding:9px 16px; border:1px solid var(--un-line); border-radius:999px; background:var(--un-paper,#fff); font:12px/1.45 var(--un-sans,Arial,sans-serif); color:var(--un-ink,#20241f); overflow-wrap:anywhere; transition:background 180ms ease,border-color 180ms ease,color 180ms ease; }
.un-subtopics a:hover { border-color:var(--un-red); color:var(--un-red); }
.un-subtopics a[aria-current] { background:var(--un-ink,#20241f); border-color:var(--un-ink,#20241f); color:#fff; }
.un-subtopics a:active { transform:translateY(1px); }
.un-discovery-archive,.un-archive-entry,.un-archive-entry-body { min-width:0; max-width:100%; }
.un-archive-entry { padding-block:23px; }
.un-archive-entry.is-lead { padding-top:0; padding-bottom:38px; margin-bottom:22px; }
.un-archive-entry.is-lead.has-image { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(24px,3.2vw,46px); align-items:center; }
.un-archive-entry-media { min-width:0; border-radius:14px; }
.un-archive-entry-media img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:1.55; object-fit:cover; border-radius:inherit; }
.un-archive-entry h2 { margin:0; font-family:var(--un-serif,Georgia,serif); font-weight:550; font-size:clamp(23px,2.2vw,30px); line-height:1.17; letter-spacing:-.02em; overflow-wrap:anywhere; text-wrap:pretty; }
.un-archive-entry.is-lead h2 { font-size:clamp(30px,3.5vw,48px); line-height:1.08; }
.un-archive-entry h2 a { color:inherit; text-decoration:none; }
.un-archive-entry h2 a:hover { color:var(--un-red); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.un-archive-entry-deck { margin:18px 0 0; font:14px/1.7 var(--un-sans,Arial,sans-serif); color:var(--un-muted); max-width:60ch; }
.un-archive-entry-meta { display:flex; flex-wrap:wrap; gap:7px 14px; align-items:baseline; margin:0 0 11px; color:var(--un-muted); font:11px/1.55 var(--un-sans,Arial,sans-serif); }
.un-archive-entry-meta .un-ed-placeholder-label { margin:0; }
.un-archive-entry-topics { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 0; font:11px/1.6 var(--un-sans,Arial,sans-serif); color:var(--un-muted); }
.un-archive-entry-topics a { display:inline-flex; align-items:center; min-height:30px; color:var(--un-red); }
.un-archive-entry-topics a:hover { text-decoration:underline; text-underline-offset:3px; }
.un-archive-feed-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:12px 24px; border-top:1px solid #bfc0bb; padding-top:17px; margin-bottom:10px; }
.un-archive-feed-heading h2 { margin:0; font:550 27px/1.2 var(--un-serif,Georgia,serif); }
.un-archive-feed-heading > span { font:11px/1.5 var(--un-sans,Arial,sans-serif); color:var(--un-muted); }
.un-archive-timeline { list-style:none; padding:0; margin:0; }
.un-archive-timeline > li { margin:0; padding:0; border-bottom:1px solid var(--un-line); }
.un-archive-timeline .un-archive-entry-body { display:grid; grid-template-columns:160px minmax(0,1fr); gap:0 28px; align-items:baseline; }
.un-archive-timeline .un-archive-entry-meta { grid-column:1; grid-row:1 / span 2; margin:0; display:flex; flex-direction:column; gap:7px; }
.un-archive-timeline h2,.un-archive-timeline .un-archive-entry-topics { grid-column:2; }
.un-discovery-archive .pagination { margin-top:30px; }
.un-discovery-archive .nav-links { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.un-discovery-archive .page-numbers { display:inline-flex; justify-content:center; align-items:center; min-width:44px; min-height:44px; padding:8px 14px; border:1px solid var(--un-line); border-radius:999px; font:12px/1.5 var(--un-sans,Arial,sans-serif); }
.un-discovery-archive .page-numbers.current { color:#fff; background:var(--un-ink,#20241f); border-color:var(--un-ink,#20241f); }
.un-discovery-archive a.page-numbers:hover { border-color:var(--un-red); color:var(--un-red); }
.un-article-context { width:100%; max-width:760px; margin:23px auto; padding-inline:24px; overflow-wrap:anywhere; }
.un-discovery-labels { display:flex; flex-wrap:wrap; gap:10px 16px; margin:0 0 18px; font:11px/1.6 var(--un-sans,Arial,sans-serif); }
.un-format-label { color:var(--un-muted); }
.un-update-label { color:var(--un-red); }
.un-why-it-matters { padding:22px 0 22px 22px; border-left:2px solid var(--un-red); }
.un-why-it-matters h2 { margin:0 0 10px; font:700 12px/1.5 var(--un-sans,Arial,sans-serif); }
.un-why-it-matters p { margin:0; font:15px/1.75 var(--un-sans,Arial,sans-serif); }
@media (max-width:760px) {
  .un-archive-entry.is-lead.has-image { grid-template-columns:minmax(0,1fr); gap:24px; }
  .un-archive-entry.is-lead { padding-bottom:28px; }
  .un-archive-entry-media img { aspect-ratio:1.8; }
  .un-archive-timeline .un-archive-entry-body { grid-template-columns:105px minmax(0,1fr); gap:0 20px; }
  .un-archive-entry.is-lead h2 { font-size:clamp(30px,5.8vw,42px); }
}
@media (max-width:480px) {
  .un-subtopics { margin:18px 0 26px; gap:7px; }
  .un-subtopics a { padding-inline:13px; font-size:11px; }
  .un-archive-timeline .un-archive-entry-body { display:block; }
  .un-archive-timeline .un-archive-entry-meta { flex-direction:row; gap:7px 12px; margin-bottom:10px; }
  .un-archive-entry { padding-block:20px; }
  .un-archive-entry h2 { font-size:25px; }
  .un-archive-entry-deck { font-size:13px; }
  .un-article-context { padding-inline:20px; }
  .un-why-it-matters { padding-left:16px; }
}
@media (prefers-reduced-motion:reduce) { .un-subtopics a { transition:none; transform:none; } }