.aeb-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.aeb-character-grid .aeb-character-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:#24364a;text-decoration:none;box-shadow:0 2px 5px #16324c0a}
.aeb-character-card:hover{border-color:#718fae;box-shadow:0 3px 10px #16324c20}
.aeb-character-card:focus-visible{outline:3px solid #2869a8;outline-offset:3px}
.aeb-character-card__media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f7fa}
.aeb-character-grid .aeb-character-card__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;border:0;border-radius:0}
.aeb-character-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#66788a;font-size:14px;letter-spacing:.08em}
.aeb-character-card__name{display:flex;align-items:center;justify-content:center;flex:1;padding:12px 6px;text-align:center;font-size:16px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1023px){.aeb-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.aeb-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aeb-character-card__name{padding:10px 4px;font-size:15px}}

/* Craft cards keep the featured image's intrinsic aspect ratio. */
.aeb-guide-grid--natural{align-items:start}
.aeb-guide-grid--natural .aeb-character-card__media{display:block;aspect-ratio:auto;height:auto}
.aeb-guide-grid--natural .aeb-character-card__image{width:100%;height:auto;max-height:none;object-fit:contain}
.aeb-guide-grid--natural .aeb-character-card__placeholder{aspect-ratio:4/3;height:auto}