#allrecords a.article-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:999px;font:500 16px/1.4 Roboto,Arial,sans-serif;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
#allrecords a.article-action--primary{color:#fff;background:linear-gradient(110deg,#0169c2,#00a2de);box-shadow:0 5px 16px #0169c21a}
#allrecords a.article-action--secondary{color:#0169c2;background:white;border-color:#c8dbee}
#allrecords a.article-action:hover{transform:translateY(-1px);box-shadow:0 7px 20px #0169c22b}
#allrecords a.article-action:focus-visible{outline:3px solid #0169c2;outline-offset:4px}
.article-collection-action{display:flex;justify-content:center;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px 20px 56px}
@media(max-width:640px){.article-collection-action{padding:20px 16px 40px}.article-collection-action .article-action{width:100%;max-width:360px}}
@media(prefers-reduced-motion:reduce){#allrecords a.article-action{transition:none}#allrecords a.article-action:hover{transform:none}}

/* Compact the mobile useful-articles section without changing card geometry. */
@media (max-width: 639px) {
  #allrecords .r[data-record-type="60"]:has(+ .r[data-record-type="1004"]) {
    padding-top: 32px !important;
    padding-bottom: 12px !important;
  }
  #allrecords .r[data-record-type="1004"] { padding-bottom: 16px !important; }
  .article-collection-action { padding-top: 16px; padding-bottom: 32px; }
}