/* The listing shares the Poker article typography, colours and image edges. */
.gg-article.catalog-article { max-width: 1120px; }
.gg-article.catalog-article .article-intro { margin-bottom: 28px; text-align: left; }
.gg-article.catalog-article h1 { text-align: left; margin-bottom: 18px; }
.gg-article.catalog-article .catalog-intro { max-width: 48em; margin: 0; font-size: 17px; line-height: 1.85; }
.catalog-count { color: #586c7c; font-size: 14px; margin: 0 0 16px; }
.catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
.catalog-card { min-width: 0; display: flex; flex-direction: column; background: #fff; }
.catalog-image { display: block; text-decoration: none; }
.catalog-image picture { display: block; width: 100%; background: #f4f9fc; aspect-ratio: 16 / 9; }
.catalog-image img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: contain; margin: 0; }
.catalog-card-copy { display: flex; flex: 1; flex-direction: column; padding: 18px 2px 0; }
.gg-article.catalog-article .catalog-card h2 { margin: 0 0 10px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 23px; line-height: 1.5; }
.gg-article.catalog-article .catalog-card h2::before,
.gg-article.catalog-article .catalog-card h2::after { content: none; }
.catalog-card h2 a { color: #003c77; text-decoration: none; }
.catalog-card h2 a:hover, .catalog-readmore:hover { text-decoration: underline; text-underline-offset: 4px; }
.catalog-date { margin: 0 0 8px; color: #627487; font-size: 13px; line-height: 1.5; }
.gg-article.catalog-article .catalog-description { margin: 0 0 18px; color: #344b5f; font-size: 16px; line-height: 1.8; }
.catalog-readmore { align-self: flex-start; margin-top: auto; color: #004b87; font-weight: 700; font-size: 15px; text-decoration: none; padding-block: 6px; }
.catalog-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 42px 0 8px; }
.catalog-pagination a, .catalog-pagination > span:not(.catalog-ellipsis) { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 6px 12px; border: 1px solid #bdd6e9; border-radius: 6px; color: #00589b; font-size: 15px; text-decoration: none; }
.catalog-pagination [aria-current="page"] { background: #075b9c; color: #fff !important; border-color: #075b9c !important; font-weight: 700; }
.catalog-pagination a:hover { background: #edf7ff; }
.catalog-pagination a:focus-visible, .catalog-card a:focus-visible { outline: 3px solid #087ac3; outline-offset: 4px; }
.catalog-empty { padding: 24px 0; font-size: 17px; line-height: 1.9; }
@media (max-width: 640px) {
  .catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .gg-article.catalog-article .catalog-card h2 { font-size: 21px; }
  .gg-article.catalog-article .catalog-intro, .gg-article.catalog-article .catalog-description { font-size: 16px; }
  .catalog-pagination { gap: 6px; }
  .catalog-pagination a, .catalog-pagination > span:not(.catalog-ellipsis) { min-width: 40px; padding-inline: 10px; }
}

.catalog-filter {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 28px;font-size:15px}
.catalog-filter select,.catalog-filter button {border:1px solid #bdd6e9;border-radius:6px;padding:9px 12px;font:inherit;max-width:100%;background:white;color:#123e60}
.catalog-filter button {background:#075b9c;color:white;cursor:pointer}
.catalog-category {color:#075b9c;font-size:13px;font-weight:700;margin:0 0 8px}

/* Promotions show the full artwork and its complete title, at the artwork's ratio. */
.catalog-promotions .catalog-image picture {
  height: auto;
  aspect-ratio: auto;
  background: #fff;
}
.catalog-promotions .catalog-image img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
.catalog-promotions .catalog-card-copy { padding: 14px 0 0; }
.gg-article.catalog-promotions .catalog-card h2 { margin-bottom: 0; }
