/* Shared image cards for the homepage and Guide archives. */
.mce-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;min-width:0}
.mce-guide-card{min-width:0;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:transparent;box-shadow:none}
.mce-guide-card-link{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:inherit;background:#23382c;text-decoration:none;color:#fff}
.mce-guide-card-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(8,21,14,.24) 42%,rgba(8,21,14,.88) 100%);z-index:1;pointer-events:none}
.mce-guide-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border:0;border-radius:0;transition:transform .2s}
.mce-guide-card .mce-guide-card-link h3{position:absolute;bottom:18px;left:18px;right:18px;z-index:2;min-height:0;margin:0;padding:0;color:#fff;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px #0005}
.mce-guide-card-link:hover .mce-guide-card-image{transform:scale(1.025)}
.mce-guide-card:has(.mce-guide-card-link:focus-visible){overflow:visible}
.mce-guide-card-link:focus-visible{outline:3px solid #00af5c;outline-offset:4px}
@media(max-width:650px){
 .mce-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .mce-guide-card{border-radius:10px}
 .mce-guide-card-image{aspect-ratio:4/3}
 .mce-guide-card .mce-guide-card-link h3{font-size:16px;line-height:1.4;bottom:12px;left:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){.mce-guide-card-image{transition:none}.mce-guide-card-link:hover .mce-guide-card-image{transform:none}}