/* Newsroom grid — was inline in clarity HTML */

/* from: blog-posts/index.html, newsroom/index.html */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  .news-card { background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-soft); display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .18s ease; }
  .news-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-card); }
  .news-card .thumb { aspect-ratio:16/9; overflow:hidden; }
  .news-card .thumb img { width:100%; height:100%; object-fit:cover; }
  .news-card .body { padding:24px 26px 28px; display:flex; flex-direction:column; gap:10px; flex:1; }
  .news-card h3 { font-size:18.5px; line-height:1.3; flex:1; }
  .spot .photo.cover-full {
    aspect-ratio: 556 / 673 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    align-self: start !important;
    overflow: visible !important;
    background: transparent;
  }
  .spot .photo.cover-full img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    display: block !important;
  }
  .spot:has(.photo.cover-full) {
    align-items: start !important;
    overflow: visible !important;
  }
  @media (max-width:1020px){ .news-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:640px){ .news-grid{ grid-template-columns:1fr; } }