/* Keep the shared article frames; pair related views and preserve media ratios. */
.article-screenshot>img,.screenshot-zoom{width:min(100%,360px);margin-inline:auto}
.analysis-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin:32px 0}
.analysis-screenshots .article-screenshot{min-width:0;margin:0}
.analysis-screenshot-stack{display:grid;gap:24px;min-width:0}
.article-screenshot-wide>img,.article-screenshot-wide>.screenshot-zoom{width:100%}
.article-screenshot>video{display:block;width:100%;height:auto;border-radius:12px;background:#122d29}
.article-screenshot-portrait>video{max-width:360px;margin-inline:auto}
.screenshot-zoom{display:block;padding:0;border:0;border-radius:12px;background:none;cursor:zoom-in}
.image-zoom{width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:16px;background:#f6f7f3;color:#172b2a}
.image-zoom::backdrop{background:#122d29d9}
.image-zoom-close{display:flex;align-items:center;gap:12px;margin:0 0 16px auto;padding:8px 16px;border:1px solid #172b2a30;border-radius:6px;background:#fff;color:inherit}
.image-zoom img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 180px);margin-inline:auto;border-radius:8px}
.image-zoom p{max-width:680px;margin:16px auto 0;font-size:12px;line-height:1.8;text-align:center}
.image-zoom-open{overflow:hidden}
@media(min-width:621px){
  .analysis-overview>.analysis-screenshot-stack{contain:size;align-self:stretch;grid-template-rows:minmax(0,1fr) auto}
  .analysis-weather{display:flex;flex-direction:column;min-height:0}
  .analysis-weather>.screenshot-zoom,.analysis-weather>img{flex:1;min-height:0;height:0;width:100%}
  .analysis-weather img{height:100%;object-fit:contain}
  .analysis-weather figcaption{flex-shrink:0}
}
@media(max-width:620px){.analysis-screenshots{grid-template-columns:1fr}}