.ryom-archive{width:100%;max-width:1200px;margin:0 auto;text-align:center}.ryom-archive-heading{margin:0 0 12px;color:#4875ae;font-size:28px}.ryom-archive-search{display:block!important;width:min(100%,380px)!important;min-height:42px!important;margin:0 auto 24px!important;padding:9px 13px!important;border:1px solid #b9c5d3!important;border-radius:4px!important;background:white!important;color:#253449!important;font-size:16px!important}.ryom-archive-results{text-align:initial}.ryom-archive-summary{margin:0 0 14px;text-align:center;color:#687386;font:14px Arial,sans-serif}.ryom-archive-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin:24px 0}.ryom-archive-pages button{padding:6px 10px!important;min-width:34px;border:0!important;border-radius:4px!important;background:transparent!important;color:#4774ad!important;cursor:pointer!important;font:15px Arial,sans-serif!important}.ryom-archive-pages button[aria-current="page"]{background:#4774ad!important;color:white!important}.ryom-archive-pages button:hover{background:#eaf0f7!important;color:#253449!important}.ryom-archive-empty{text-align:center;padding:28px 12px}.ryom-archive-results[aria-busy="true"]{opacity:.6}.ryom-archive .ryom-grid{justify-content:center}
/* Archive-only card sizing. Homepage card styles remain untouched. */
.ryom-archive .ryom-grid .ryom-card-photo-frame {height:260px!important;min-height:260px!important;max-height:260px!important;}
.ryom-archive .ryom-grid .ryom-card-photo-frame img.ryom-card-photo {width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;}
.ryom-archive .ryom-grid .ryom-card-empty {height:260px!important;}
.ryom-archive .ryom-grid .ryom-card-name {font-size:0.9rem!important;}

/* Archive only: stationary cards, with a subtle border color change on hover. */
.ryom-archive .ryom-grid > .ryom-card,
.ryom-archive .ryom-grid > .ryom-card:hover,
.ryom-archive .ryom-grid > .ryom-card:focus,
.ryom-archive .ryom-grid > .ryom-card:focus-visible {
  transform: none !important;
  animation: none !important;
  transition: border-color .2s ease !important;
}
.ryom-archive .ryom-grid > .ryom-card:hover,
.ryom-archive .ryom-grid > .ryom-card:focus-visible {
  border-color: #4875ae !important;
}