.event-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease;cursor:pointer;max-width:320px;width:100%;margin-left:.2rem;background-color:#f9fafb}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.event-poster img{width:100%;height:220px;object-fit:cover;display:block;border-radius:18px 18px 0 0;transition:transform .4s ease}.event-card:hover .event-poster img{transform:scale(1.04)}.event-details{padding:1rem .8rem .8rem .8rem;display:flex;flex-direction:column;gap:.5rem}.event-details h2{font-size:1rem;font-weight:700;color:var(--heading-color);margin-bottom:.2rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.event-details p{font-size:.9rem;color:var(--text-color);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.event-flair{position:absolute;top:.8rem;left:.8rem;padding:.35rem .9rem;font-size:.8rem;border-radius:999px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.12)}.event-flair.nav-red{background-color:#d7001c;color:#fff}.event-flair.nav-yellow{background-color:#fed060;color:#000}.event-flair.nav-orange{background-color:#e95e0f;color:#000}.event-flair.nav-darkgreen{background-color:#008767;color:#fff}.event-flair.nav-lightgreen{background-color:#96ba3a;color:#000}.event-flair.nav-lightblue{background-color:#003e86;color:#fff}.event-flair.nav-mediumblue{background-color:#00b2c0;color:#000}.event-flair.nav-darkblue{background-color:#003e86;color:#fff}.event-card-date-time{display:flex;align-items:center;justify-content:center;font-family:var(--font-base);color:var(--heading-color);background-color:#fafafa;margin:.6rem .8rem .8rem;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);overflow:hidden;position:relative}.date-block,.time-block{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.9rem 1rem}.date-block{position:relative}.date-block::after{content:"";position:absolute;top:16%;bottom:16%;right:0;width:1px;background:linear-gradient(to bottom,transparent 0,rgba(0,62,134,.12) 20%,rgba(0,62,134,.12) 80%,transparent 100%);opacity:.5;transition:opacity .3s cubic-bezier(.4, 0, .2, 1),background .3s cubic-bezier(.4, 0, .2, 1)}.event-card-date-time:has(.calendar-export-btn-card-icon:hover) .date-block::after{background:linear-gradient(to bottom,transparent 0,rgba(249,199,79,.18) 20%,rgba(249,199,79,.18) 80%,transparent 100%);opacity:.7}.date-block .day{font-size:2.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;padding:.05rem .25rem;border-radius:8px}.date-block .month{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-color);opacity:.85;margin-top:.15rem}.time-block{font-weight:600}.time-block .time{font-size:1rem;line-height:1.2;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:.35rem;padding:.2rem .5rem;border-radius:8px}.time-block .separator{opacity:.6}.time-block .timezone{font-size:.7rem;text-transform:uppercase;font-weight:500;opacity:.65;margin-top:.25rem}.event-card:hover .event-card-date-time{background-color:#f3f6fa;transition:background-color .3s ease}@media (max-width:375px){.event-flair{font-size:var(--font-sm)}}.no-events-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-right:2rem;text-align:left;color:var(--text-secondary);width:100%}.no-events-icon{display:flex;align-items:center;justify-content:center;width:auto;height:auto;margin-bottom:0;margin-right:1.5rem;background:0 0;border-radius:0;color:var(--text-tertiary,#999)}.no-events-icon svg{width:64px;height:64px;stroke-width:1.5px;opacity:.8}.no-events-message{font-size:1.25rem;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.4;font-weight:500}