@import url('/phantom/assets/css/cardComponent.css');

/* Article template overrides.
   Default layout/spacing/typography is utility-first in JSP and cardComponent.css.
   Keep only the special 2-card split behavior for large screens. */

@media (min-width: 1200px) {
  .article-grid--2 .card-hub {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    align-items: stretch;
  }

  .article-grid--2 .card-hub .top-image-insight-card {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
  }

  .article-grid--2 .card-hub .copy {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding-top: 1rem;
  }

  .article-grid--2 .card-hub .meta {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    padding-bottom: 1rem;
  }
}