.mie-resources-listing { --mie-surface-text:var(--mie-ink,#17304d); --listing-columns:3; background:#fff; color:var(--mie-ink,#17304d); padding:clamp(40px,5vw,80px) var(--mie-gutter); box-sizing:border-box; }
.mie-resources-listing.mie-listing-columns-2 { --listing-columns:2; }
.mie-resources-listing.mie-listing-columns-4 { --listing-columns:4; }
.mie-resources-listing.mie-listing-dark { --mie-surface-text:#fff; background:var(--mie-navy,#0a2038); color:#fff; }
.mie-resources-listing .mie-listing-inner { max-width:1760px; margin:0 auto; }
.mie-resources-listing .mie-listing-inner>h2 { max-width:900px; color:inherit; margin:0 0 24px; }
.mie-resources-listing .mie-listing-intro { max-width:900px; margin-bottom:36px; }
.mie-resources-listing .mie-listing-grid { display:grid; grid-template-columns:repeat(var(--listing-columns),minmax(0,1fr)); gap:32px; }
.mie-resources-listing .mie-listing-card { --mie-surface-text:var(--mie-ink,#17304d); display:flex; flex-direction:column; min-width:0; overflow:hidden; border:0; border-radius:22px; background:#fff; color:var(--mie-ink,#17304d); }
.mie-resources-listing:not(.mie-listing-dark) .mie-listing-card { box-shadow:0 2px 6px rgba(23,48,77,.06),0 8px 24px rgba(23,48,77,.1); }
.mie-resources-listing .mie-listing-image { position:relative; flex-shrink:0; aspect-ratio:980 / 590; background:var(--wp--preset--color--paper, #f2eeeb); overflow:hidden; }
.mie-resources-listing .mie-listing-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border-radius:0; }
.mie-resources-listing .mie-listing-copy { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding:28px; }
.mie-resources-listing .mie-listing-copy h3 { font-family:'aptos',Arial,sans-serif; text-transform:none; font-size:clamp(22px,1.7vw,28px); line-height:1.25; color:inherit; margin:0 0 18px; overflow-wrap:anywhere; }
.mie-resources-listing .mie-listing-copy h3 a { color:inherit; text-decoration:none; }
.mie-resources-listing .mie-listing-copy h3 a:hover { text-decoration:underline; }
.mie-resources-listing .mie-listing-eyebrow { color:var(--mie-cyan,#00D9FF); font-family:'aptos',Arial,sans-serif; font-size:14px; font-weight:700; line-height:1.5; letter-spacing:.17em; text-transform:uppercase; }
.mie-resources-listing .mie-listing-eyebrow { display:flex; flex-wrap:wrap; gap:8px 20px; margin-bottom:3px; }
.mie-resources-listing .mie-listing-eyebrow > * { min-width:0; overflow-wrap:anywhere; }
.mie-resources-listing .mie-listing-text { font-size:17px; line-height:1.6; margin-bottom:24px; }
.mie-resources-listing .mie-listing-text p { font-size:inherit; margin:0 0 16px; }
.mie-resources-listing .mie-listing-button { display:inline-block; padding:12px 20px; background:var(--mie-red,#cf2030); color:#fff; border-radius:var(--mie-button-radius, 100px); font-size:16px; font-weight:700; text-decoration:none; }
.mie-resources-listing .mie-listing-copy>.mie-listing-button { margin-top:auto; }
.mie-resources-listing .mie-listing-button:hover { background:#ab1927; }
.mie-resources-listing a:focus-visible { outline:3px solid #00D9FF; outline-offset:4px; }
.mie-resources-listing .mie-listing-footer { margin-top:36px; text-align:center; }
@media(max-width:1024px) { .mie-resources-listing .mie-listing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } }
@media(max-width:600px) { .mie-resources-listing .mie-listing-grid { grid-template-columns:minmax(0,1fr); } }
.mie-listing-filters { display:flex; flex-wrap:wrap; gap:16px 32px; margin-bottom:40px; }
.mie-listing-filters a { color:#52647a; font-family:'aptos',Arial,sans-serif; font-size:clamp(14px,1.15vw,20px); font-weight:600; line-height:1.55; text-transform:none; text-decoration:none; padding:10px 0; border-bottom:3px solid transparent; }
.mie-listing-dark .mie-listing-filters a { color:#aab8c9; }
.mie-listing-filters a:hover, .mie-listing-filters a[aria-current] { color:inherit; }
.mie-listing-filters a[aria-current] { border-bottom-color:var(--mie-red,#cf2030); }
.mie-listing-pagination { display:flex; justify-content:center; align-items:center; gap:24px; margin-top:32px; }
.mie-listing-pagination:empty { display:none; }
.mie-listing-previous { color:inherit; }
.mie-listing-status { text-align:center; }
.mie-listing-more[aria-disabled] { opacity:.6; cursor:wait; }

/* Stretch the title link across the card, keeping rich-text links accessible. */
.mie-resources-listing .mie-listing-card { position:relative; }
.mie-resources-listing .mie-listing-card-link::after { content:''; position:absolute; inset:0; z-index:1; }
.mie-resources-listing .mie-listing-text a { position:relative; z-index:2; }
.mie-resources-listing .mie-listing-card:has(:focus-visible) { outline:3px solid #00D9FF; outline-offset:4px; }
.mie-resources-listing .mie-listing-image img { transition:transform .35s ease; }
.mie-resources-listing .mie-listing-card:hover .mie-listing-image img,
.mie-resources-listing .mie-listing-card:has(:focus-visible) .mie-listing-image img { transform:scale(1.05); }
.mie-resources-listing[aria-busy="true"] .mie-listing-grid { opacity:.6; }
.mie-resources-listing .mie-listing-empty[hidden] { display:none !important; }
@media(prefers-reduced-motion:reduce) {
  .mie-resources-listing .mie-listing-image img { transition:none; transform:none !important; }
}

.mie-resources-listing .mie-listing-inner > p { max-width:900px; }

/* Keep category navigation at a stable height while web fonts load. */
@media (max-width: 960px) {
  .mie-listing-filters { flex-wrap:nowrap; overflow-x:auto; gap:24px; padding:5px; margin-inline:-5px; }
  .mie-listing-filters a { flex:0 0 auto; white-space:nowrap; }
}