.articles-listing{max-width:1200px;margin:24px auto 72px;padding:0 20px;box-sizing:border-box;font-family:Roboto,Arial,sans-serif;color:#302a2a}
.articles-listing__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.articles-listing__heading h1{font-size:40px;line-height:1.2;margin:0}
.articles-listing__heading p{font-size:15px;line-height:1.5;margin:0;color:#68717b}
#allrecords .articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;align-items:stretch}
.articles-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#eef3ff;border-radius:24px;margin:0;padding:0}
.articles-card__image{display:block;width:100%;height:210px;object-fit:cover}
.articles-card__body{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}
.articles-card h2{font-size:21px;font-weight:600;line-height:1.35;margin:0;overflow-wrap:anywhere}
#allrecords .articles-card__link{color:#20242a;text-decoration:none}
#allrecords .articles-card__link:hover{color:#0169c2;text-decoration:underline;text-underline-offset:4px}
.articles-card p{font-size:16px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.articles-card time{font-size:13px;line-height:1.5;color:#68717b;margin-top:auto;padding-top:4px}
.articles-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px}
#allrecords .articles-pagination a,.articles-pagination span{box-sizing:border-box;min-width:42px;min-height:42px;padding:10px;text-align:center;border-radius:12px;font-size:16px;line-height:22px;color:#0169c2;background:#eef3ff;text-decoration:none}
.articles-pagination [aria-current=page]{background:#0169c2;color:white}
#allrecords .articles-pagination a:hover{background:#dce8fa}
.articles-listing a:focus-visible{outline:2px solid #0169c2;outline-offset:3px}
@media(max-width:1000px){#allrecords .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.articles-listing{margin:16px auto 48px;padding:0 16px}.articles-listing__heading{display:block;margin-bottom:20px}.articles-listing__heading h1{font-size:32px;margin-bottom:8px}#allrecords .articles-grid{grid-template-columns:1fr;gap:16px}.articles-card__body{padding:24px;gap:14px}.articles-card h2{font-size:21px}.articles-card__image{height:auto;aspect-ratio:16/9}.articles-pagination{gap:6px}}

/* Mobile cards use the homepage title typography and a more compact preview. */
@media (max-width: 639px) {
  .articles-listing { padding-inline: 20px; }
  .articles-listing__heading h1 { font-size: 26px; }
  .articles-listing__heading p { font-size: 14px; }
  .articles-card__image { height: 180px; aspect-ratio: auto; }
  .articles-card__body { padding: 20px; gap: 10px; }
  .articles-card h2 { font-size: 16px; font-weight: 700; line-height: 1.35; }
  .articles-card p { font-size: 14px; line-height: 1.45; }
  .articles-card time { font-size: 12px; }
}