.mta-events{--mta-accent:#165f8c;--mta-border:#dce4e9;display:grid;gap:24px;margin:24px 0;align-items:stretch}
.mta-events-cols-1{grid-template-columns:minmax(0,1fr)}
.mta-events-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mta-events-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mta-events-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mta-events .mta-event-card{margin:0;padding:0;overflow:hidden;border:1px solid var(--mta-border);border-radius:16px;background:#fff;color:#182b37;display:flex;flex-direction:column;box-shadow:0 5px 20px #18334709}
.mta-events .mta-event-image{display:block;position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;flex-shrink:0}
.mta-events .mta-event-image img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0;padding:0;border-radius:0}
.mta-event-body{padding:24px;display:flex;flex:1;flex-direction:column;gap:14px}
.mta-event-meta{font-size:.9em;line-height:1.5;color:inherit}
.mta-event-meta p{margin:0 0 4px}
.mta-events .mta-event-title{font-size:1.3em;line-height:1.3;margin:0;padding:0;overflow-wrap:anywhere}
.mta-event-title a{color:inherit;text-decoration:none}
.mta-event-title a:hover{text-decoration:underline}
.mta-events .mta-event-summary{margin:0;line-height:1.6;overflow-wrap:anywhere}
.mta-event-actions{margin-top:auto;padding-top:6px}
a.mta-event-button{display:inline-block;padding:10px 17px;border-radius:7px;background:var(--mta-accent,#165f8c);color:#fff;text-decoration:none;font-size:.95em;font-weight:600;line-height:1.5}
a.mta-event-button:hover{color:#fff;filter:brightness(.88);text-decoration:underline}
.mta-events a:focus-visible,a.mta-event-button:focus-visible{outline:3px solid #bd6400;outline-offset:4px}
.mta-events-empty{padding:20px;background:#f4f7f9;border-radius:10px}
@media(max-width:900px){.mta-events-cols-3,.mta-events-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mta-events{grid-template-columns:minmax(0,1fr)}.mta-event-body{padding:20px}}