body.global-latest-popup-open { overflow: hidden; }
.global-latest-popup-backdrop { position: fixed; inset: 0; z-index: 130; display: flex; align-items: center; justify-content: center; padding: 24px; background: #02060ecc; }
.global-latest-popup { width: min(1100px,100%); max-height: calc(100dvh - 48px); overflow-y: auto; overscroll-behavior: contain; background: hsl(var(--background)); color: hsl(var(--foreground)); border: 1px solid hsl(var(--border)); border-radius: 24px; box-shadow: 0 36px 120px #0008; animation: latest-popup-in .28s ease-out both; }
.global-latest-popup-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 28px; background: hsl(var(--background)/.98); border-bottom: 1px solid hsl(var(--border)); }
.global-latest-popup-header h2 { margin-top: 8px; font-family: Fraunces,Georgia,serif; font-size: clamp(1.8rem,3.6vw,3rem); line-height: 1.08; letter-spacing: -.035em; }
.global-latest-popup-header button { width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; border: 1px solid hsl(var(--border)); border-radius: 12px; background: hsl(var(--card)); }
.global-latest-popup-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 24px 28px; }
.global-latest-popup-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid hsl(var(--border)); border-radius: 16px; overflow: hidden; background: hsl(var(--card)); transition: border-color .2s,transform .2s; }
.global-latest-popup-card:hover { border-color: hsl(var(--ember)); transform: translateY(-2px); }
.global-latest-popup-card img { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: cover; }
.global-latest-popup-card > div { padding: 16px; display: flex; flex: 1; flex-direction: column; gap: 12px; }
.global-latest-popup-card h3 { font-family: Fraunces,Georgia,serif; font-size: 1.45rem; line-height: 1.17; letter-spacing: -.015em; }
.global-latest-popup-card .global-latest-byline { padding-top: 0; }
.global-latest-popup-footer { padding: 0 28px 24px; display: flex; justify-content: center; }
.global-latest-popup-footer a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 24px; border: 1px solid hsl(var(--ember)); border-radius: 12px; color: hsl(var(--ember)); font-size: 14px; }
.global-latest-popup :is(a,button):focus-visible { outline: 2px solid hsl(var(--ember)); outline-offset: -3px; }
@keyframes latest-popup-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 640px) and (max-width: 1000px) {
  .global-latest-popup { max-width: 740px; }
  .global-latest-popup-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .global-latest-popup-card img { aspect-ratio: 2.2; }
}
@media (max-width: 639px) {
  .global-latest-popup-backdrop { padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)); }
  .global-latest-popup { max-height: calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); border-radius: 20px; }
  .global-latest-popup-header { padding: 18px 16px; gap: 12px; }
  .global-latest-popup-header h2 { font-size: 1.85rem; }
  .global-latest-popup-grid { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  .global-latest-popup-card { display: grid; grid-template-columns: 88px minmax(0,1fr); }
  .global-latest-popup-card img { height: 100%; min-height: 140px; aspect-ratio: auto; }
  .global-latest-popup-card > div { padding: 14px; gap: 8px; }
  .global-latest-popup-card h3 { font-size: 1.18rem; line-height: 1.2; }
  .global-latest-popup-card .global-latest-kicker { font-size: 12px; }
  .global-latest-popup-footer { padding: 0 16px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .global-latest-popup { animation: none; }
  .global-latest-popup-card { transition: none; }
  .global-latest-popup-card:hover { transform: none; }
}