/* Visual edition 0.6. Reading surfaces stay stable; controls own translucency. */
:root {
  --un-max-width:1480px;
  --un-section-space:clamp(48px,6vw,88px);
  --un-editorial-gap:clamp(22px,3vw,44px);
  --un-photo-radius:22px;
  --un-surface-soft:#f0f0ec;
  --un-shadow-soft:0 10px 30px rgba(32,33,37,.055);
  --un-control:180ms;
  --un-motion:260ms;
  --un-ease:cubic-bezier(.2,.7,.2,1);
}
.un-main,.un-main > *,.un-article > * { min-width:0; }
.un-editorial-home > .usm-ticker { margin-block:32px 0; }
.un-ed-section-head h2 { text-wrap:balance; letter-spacing:-.035em; }
.un-ed-title,.un-archive-entry h2,.un-article-title { text-wrap:pretty; }
.un-ed-placeholder-label { font-size:10px; letter-spacing:.035em; }
.un-ed-category { font-size:11px; }
.un-ed-excerpt { font-size:14px; line-height:1.65; }
.un-main :is(a,p,h1,h2,h3,dd) { overflow-wrap:anywhere; }

/* A magazine opening for existing articles; the DOM remains title, image, body. */
.un-article { max-width:1280px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.un-article:has(> .un-article-image img) { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); column-gap:clamp(24px,4vw,64px); }
.un-article > :is(.un-kicker,.un-article-title,.un-article-deck,.un-article-meta,.un-sample-note) { margin-inline:0; }
.un-article > .un-sample-note { grid-column:1/-1; grid-row:1; margin:0 0 26px; width:fit-content; max-width:100%; border-radius:8px; }
.un-article > .un-kicker { grid-column:1; grid-row:2; margin:0 0 16px; align-self:end; }
.un-article > .un-article-title { grid-column:1; grid-row:3; font-size:clamp(36px,3.8vw,57px); font-weight:560; line-height:1.06; letter-spacing:-.04em; margin:0 0 20px; max-width:22ch; }
.un-article > .un-article-context { grid-column:1; grid-row:4; margin:0; padding:0; max-width:100%; }
.un-article > .un-article-deck { grid-column:1; grid-row:5; font-size:18px; line-height:1.6; color:var(--un-muted); margin:0 0 22px; max-width:54ch; }
.un-article > .un-article-meta { grid-column:1; grid-row:6; align-self:start; margin:0 0 24px; padding-top:16px; border-top:1px solid var(--un-line); font-size:12px; }
.un-article > .un-article-image { grid-column:2; grid-row:2/7; margin:0; width:100%; border-radius:24px; align-self:stretch; }
.un-article > .un-article-image img { width:100%; height:100%; min-height:360px; max-height:700px; aspect-ratio:4/5; object-fit:cover; border-radius:24px; }
.un-article-image.has-image-viewer .un-image-enlarge { position:absolute; bottom:16px; right:16px; margin:0; }
.un-article > :is(.un-article-content,.un-reading-index,.un-evidence,.un-opportunity-facts,.un-related-coverage,.un-article-end) { grid-column:1/-1; }
.un-article > .un-article-content { width:100%; max-width:760px; padding:42px 20px 20px; margin:0 auto; font-size:19px; line-height:1.85; background:transparent; }
.un-article-content :is(h2,h3) { margin-top:1.6em; }
.un-article-content h2 { font-size:clamp(28px,2.5vw,36px); line-height:1.18; }
.un-article-content blockquote { margin:32px 0; padding:8px 0 8px 24px; border-left:3px solid var(--un-red); font:500 clamp(24px,2.5vw,32px)/1.4 var(--un-serif); color:var(--un-ink); }
.un-article-content .wp-block-image { margin-block:32px; }
.un-article-content .wp-block-image img { border-radius:16px; }
.un-article-content figcaption { font:12px/1.6 var(--un-sans); color:var(--un-muted); margin-top:10px; }
.un-article > .un-reading-index { margin:32px auto 0!important; }
.un-article > .un-evidence { width:100%; max-width:720px; padding:24px; border-top:1px solid var(--un-line); margin:12px auto 32px; }

/* Archives share the photo / quiet paper composition of the homepage. */
.un-archive-heading { padding:12px 0 26px; margin-bottom:28px; }
.un-archive-heading h1 { font-size:clamp(40px,5.2vw,70px); font-weight:550; letter-spacing:-.045em; }
.un-archive-entry.is-lead { border-radius:24px; background:var(--un-paper); box-shadow:var(--un-shadow-soft); }
.un-archive-entry.is-lead .un-archive-entry-media img { border-radius:22px; }
.un-archive-entry.is-lead .un-archive-entry-body { padding:clamp(18px,2.5vw,36px); }
.un-archive-entry.is-lead h2 { font-size:clamp(29px,3.5vw,46px); line-height:1.1; }
.un-archive-timeline .un-archive-entry h2 { font-size:clamp(23px,2.1vw,30px); }

/* Preserve the approved lower signature while giving the ending more space. */
.un-footer { margin-top:12px; padding-block:54px 22px; border-top:1px solid #cfd0cb; background:var(--un-paper); }
.un-footer-inner { grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.1fr); gap:32px; }
.un-footer .un-wordmark { display:inline-block; font-size:clamp(26px,2.3vw,34px); line-height:1.1; }
.un-footer-brand > p { margin-top:17px; font-size:13px; line-height:1.7; }
.un-footer-nav { gap:1px; }
.un-footer-nav a { min-height:42px; }
.un-footer-topics { margin-top:38px; padding-block:16px; border-block:1px solid var(--un-line); }
.un-footer-topics a { font-size:13px; }
.un-footer .un-footer-bottom { border:0; margin-top:16px; }
@media(max-width:1000px) {
  .un-footer-inner { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .un-footer-institution { grid-column:1/-1; }
  .un-article > .un-article-title { font-size:clamp(32px,4.5vw,46px); }
}
@media(max-width:760px) {
  .un-article:has(> .un-article-image img) { display:block; }
  .un-article > .un-article-title { font-size:clamp(34px,7.8vw,49px); max-width:25ch; }
  .un-article > .un-article-image { margin-top:22px; }
  .un-article > .un-article-image img { aspect-ratio:1.35!important; height:auto; min-height:0; max-height:none; border-radius:20px; }
  .un-article > .un-article-content { padding:30px 0 12px; font-size:18px; line-height:1.8; }
  .un-article > .un-article-deck { font-size:17px; }
  .un-article > .un-reading-index { width:100%; }
  .un-footer-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .un-footer-inner .un-footer-brand,.un-footer-institution { grid-column:1/-1; }
}
@media(max-width:380px) {
  .un-article > .un-article-title { font-size:33px; }
  .un-article-image.has-image-viewer .un-image-enlarge { bottom:10px; right:10px; font-size:11px; padding:8px 12px; }
}
@media(prefers-contrast:more) {
  .un-archive-entry.is-lead { border:1px solid currentColor; }
}
@media print {
  .un-article:has(> .un-article-image img) { display:block; }
  .un-article > .un-article-image img { height:auto; min-height:0; }
}
