.wide-highlights { padding-block: 46px 62px; }
.wide-highlights h2 { margin-bottom: 26px; }
.wide-highlights-grid { gap: clamp(16px, 2vw, 26px); }
.wide-highlights-grid > a {
  display: flex; flex-direction: column; gap: 0; overflow: hidden;
  background: #fff; border: 1px solid #d9e9df; border-radius: 18px;
  box-shadow: 0 12px 30px rgba(19, 67, 46, .08);
  text-decoration: none; transition: transform .2s ease, box-shadow .2s ease;
}
.wide-highlights-grid > a:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(19, 67, 46, .14); }
.wide-highlights-grid img { width:100%; aspect-ratio: 16 / 9; object-fit:cover; border-radius:0; }
.wide-highlights-grid a > span { display:grid; gap:8px; padding:21px 22px 24px; font-size:15px; line-height:1.5; }
.wide-highlights-grid strong { font-size:20px; }
@media (min-width: 641px) and (max-width: 900px) { .wide-highlights-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .wide-highlights-grid a > span { padding:16px; font-size:14px; } }
@media (max-width: 640px) { .wide-highlights-grid { grid-template-columns:1fr; gap:16px; } }
@media (prefers-reduced-motion:reduce) { .wide-highlights-grid > a { transition:none; } }