/* Figures clarify the argument; motion remains reader-controlled. */
.essay .compact-figure { max-width: 640px; margin-left: auto; margin-right: auto; }
.original-figure picture { display: block; }
.original-figure img { display: block; width: 100%; height: auto; }
.original-figure figcaption a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.motion-figure img { max-width: 467px; margin: auto; }
.motion-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
.motion-controls span { font-size: 13px; color: var(--muted); }
.motion-controls button { border-radius: 5px; }
.research-vision { display: grid; grid-template-columns: 1.25fr 1fr; gap: 48px; align-items: center; margin: 46px 0 58px; padding: 38px 44px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.vision-copy h2 { font: 400 43px/1.16 var(--serif); margin: 20px 0; }
.vision-copy h2 a:hover { color: var(--blue); }
.vision-copy p { color: var(--muted); line-height: 1.8; }
.vision-copy > a { font-size: 14px; }
.vision-image { display: block; max-width: 355px; justify-self: center; border-radius: 9px; overflow: hidden; }
.vision-image img { display: block; width: 100%; height: auto; }
.news-record { padding-bottom: 23px; }
.news-record + .news-record { border-top: 1px solid var(--line); padding-top: 23px; }
.news-record .news-row { padding-bottom: 0; }
.news-context { display: inline-block; color: var(--blue); font-size: 13px; margin-top: 13px; border-bottom: 1px solid var(--line-strong); }
@media (min-width: 701px) {
 .research-series .writing-teasers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
 .research-vision { grid-template-columns: 1fr; padding: 25px; gap: 25px; margin: 30px 0 38px; }
 .vision-copy h2 { font-size: 35px; }
 .vision-image { max-width: 270px; }
 .motion-controls { justify-content: flex-start; gap: 10px; }
}