/* Editorial news: a lead photograph paired with four compact stories. */
html #news-grid {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  grid-template-rows:repeat(4,minmax(124px,auto));
  gap:20px 32px!important;
  align-items:stretch;
}
html #news-grid .news-card {
  display:grid;grid-template-columns:156px minmax(0,1fr);gap:20px;
  min-width:0;overflow:hidden;border:0!important;border-radius:0;
  background:transparent!important;box-shadow:none!important;
  transform:none!important;
}
html #news-grid .news-cover {
  height:100%;min-height:124px;aspect-ratio:auto;border-radius:12px;overflow:hidden;
}
html #news-grid .news-img {width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
html #news-grid .news-badge {display:none}
html #news-grid .news-body {
  display:flex;flex-direction:column;justify-content:center;
  padding:8px 0 16px;min-width:0;border-bottom:1px solid var(--preview-line);
}
html #news-grid .news-date{margin-bottom:8px}
html #news-grid .news-body h3 {font-size:16px;line-height:1.45;margin:0}
html #news-grid .news-more {margin-top:10px}
html #news-grid .news-card:first-child {
  grid-column:1;grid-row:1 / span 4;
  display:block;position:relative;isolation:isolate;min-height:556px;
  border-radius:20px;background:#152334!important;
}
html #news-grid .news-card:first-child .news-cover {
  position:absolute;inset:0;width:100%;height:100%;border-radius:0;
}
html #news-grid .news-card:first-child .news-cover::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,24,41,.05) 25%,rgba(9,24,41,.55) 57%,rgba(9,24,41,.97) 100%);
}
html #news-grid .news-card:first-child .news-body {
  position:absolute;left:32px;right:32px;bottom:32px;padding:0;border:0;
}
html #news-grid .news-card:first-child .news-date {color:#d0dfed}
html #news-grid .news-card:first-child h3 {font-size:clamp(24px,2vw,32px);line-height:1.25;color:#fff}
html #news-grid .news-card:first-child .news-more {color:#fff;margin-top:20px;align-self:flex-start}
html #news-grid .news-card:first-child .news-badge {
  display:inline-flex;top:24px;left:24px;background:rgba(13,35,55,.8);color:white;z-index:1;
}
html #news-grid .news-more:focus-visible {outline:2px solid currentColor;outline-offset:5px;border-radius:3px}
@media(hover:hover) and (pointer:fine) {
  html #news-grid .news-card:hover .news-img {transform:scale(1.045)}
  html #news-grid .news-more:hover{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:1100px) and (min-width:761px) {
  html #news-grid{grid-template-columns:1fr 1fr;gap:16px 24px!important}
  html #news-grid .news-card{grid-template-columns:110px minmax(0,1fr);gap:14px}
  html #news-grid .news-body h3{font-size:14px}
  html #news-grid .news-card:first-child .news-body{left:24px;right:24px;bottom:24px}
}
@media(max-width:760px) {
  html #news-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:16px!important}
  html #news-grid .news-card{grid-template-columns:108px minmax(0,1fr);gap:16px}
  html #news-grid .news-card:first-child{grid-column:auto;grid-row:auto;min-height:370px}
  html #news-grid .news-card:first-child .news-body{left:20px;right:20px;bottom:24px}
  html #news-grid .news-card:first-child h3{font-size:24px}
  html #news-grid .news-card:first-child .news-badge{top:20px;left:20px}
  html #news-grid .news-body h3{font-size:14px}
  html #news-grid .news-card:first-child .news-cover{min-height:0}
}
@media(prefers-reduced-motion:reduce) {
  html #news-grid .news-img{transition:none!important;transform:none!important}
}

html #news-grid .news-title-link{color:inherit;text-decoration:none}
html #news-grid .news-title-link:hover{text-decoration:underline;text-underline-offset:4px}
html #news-grid .news-title-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html #news-grid .news-cover{display:block;background:#263e52}
html #news-grid .news-cover:focus-visible{outline:3px solid var(--action);outline-offset:-4px}
html #news-grid .news-feed-status{grid-column:1/-1}
html .news-source{margin:16px 0 0;text-align:right;font-size:12px;color:var(--ink-3)}
html .news-source a{color:inherit}

html #news-grid .news-img.is-fallback{object-fit:contain;padding:24px;box-sizing:border-box;transform:none!important}