/* Knowledge article cards on the home page and the WordPress Query Loop page. */
.hlv2 .hlv2-insights { padding-block: 72px; }
.hlv2 .hlv2-insight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.hlv2 .hlv2-insight-card, .hl-knowledge-section .hl-knowledge-card { min-width: 0; overflow: hidden; border: 1px solid #dce1e4; border-radius: 8px; background: #fff; }
.hlv2 .hlv2-insight-image, .hl-knowledge-section .wp-block-post-featured-image { display: block; margin: 0; }
.hlv2 .hlv2-insight-image img, .hl-knowledge-section .wp-block-post-featured-image img { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; }
.hlv2 .hlv2-insight-body, .hl-knowledge-section .hl-knowledge-card { padding: 20px; }
.hlv2 .hlv2-insight-body time, .hl-knowledge-section .wp-block-post-date { display: block; color: #66737c; font-size: .86rem; }
.hlv2 .hlv2-insight-body h3, .hl-knowledge-section .wp-block-post-title { margin: 12px 0; font-size: 1.2rem; line-height: 1.45; }
.hlv2 .hlv2-insight-body p, .hl-knowledge-section .wp-block-post-excerpt { color: #45515a; line-height: 1.7; }
.hlv2 .hlv2-insight-body a, .hl-knowledge-section .wp-block-post-title a { color: #202930; text-decoration: none; }
.hlv2 .hlv2-insight-link { display: inline-block; margin-top: 14px; border-bottom: 1px solid currentColor; }
.hlv2 .hlv2-insight-empty, .hl-knowledge-section .hl-knowledge-empty { margin: 24px 0 0; padding: 22px; border: 1px solid #dde2e6; border-radius: 6px; color: #43505a; background: #f7f8f8; }
.hl-knowledge-section .wp-block-query { margin-top: 28px; }
.hl-knowledge-section .hl-knowledge-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hl-knowledge-section .wp-block-query-pagination { margin-top: 28px; }
@media (max-width: 900px) {
  .hlv2 .hlv2-insight-grid, .hl-knowledge-section .hl-knowledge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .hlv2 .hlv2-insights { padding-block: 48px; }
  .hlv2 .hlv2-insight-grid, .hl-knowledge-section .hl-knowledge-grid { grid-template-columns: minmax(0, 1fr); }
}