.event-card{display:flex;flex-direction:row;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:var(--card-shadow);overflow:hidden;transition:border-color .25s ease,background-color .25s ease,transform .3s var(--ease-out),box-shadow .3s ease;aspect-ratio:3.7/1.5;min-height:180px;max-height:200px;container-type:inline-size;position:relative;min-width:0;width:100%}@media (hover:hover) and (pointer:fine){.event-card:hover{transform:translateY(-2px);background:var(--surface-2);border-color:var(--border-primary);box-shadow:var(--shadow-lg)}}.event-card-image-square{aspect-ratio:1/1;min-width:0;flex:0 0 auto;width:auto;max-width:40%;height:100%;overflow:hidden;position:relative;z-index:2}.event-card-image-square img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease-out)}.event-card-image-square.is-loading{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 37%,var(--skeleton-base) 63%);background-size:400px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.event-card-image-square.is-loading{animation:none}}@media (hover:hover) and (pointer:fine){.event-card:hover .event-card-image-square img{transform:scale(1.04)}}.event-card-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 90% at 30% 20%,rgba(var(--accent-rgb),.16) 0,transparent 70%),radial-gradient(70% 70% at 100% 100%,rgba(var(--accent-rgb),.08) 0,transparent 70%),var(--surface-2);color:var(--text-tertiary);overflow:hidden}.event-card-date-tile{display:flex;flex-direction:column;align-items:center;min-width:64px;overflow:hidden;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-md);line-height:1}.event-card-date-tile-month{align-self:stretch;padding:5px 8px 4px;background:var(--accent-soft-strong);color:var(--accent-text);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}.event-card-date-tile-day{padding:6px 10px 8px;color:var(--text-heading);font-size:1.6rem;font-weight:700;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.event-card-placeholder-icon{opacity:.5;color:var(--text-tertiary)}.event-card-content-beside{display:flex;flex-direction:column;padding:14px 16px;flex:1 1;height:100%;min-width:0;position:relative;z-index:2}.event-card-text-content{flex-direction:column;min-width:0;max-width:100%}.event-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.event-card-title{font-size:clamp(.95rem,1.2cqw + .8rem,1.25rem);font-weight:650;color:var(--text-heading);line-height:1.25;flex:1 1;margin:0;-webkit-margin-end:8px;margin-inline-end:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;min-width:0;letter-spacing:-.02em}.event-card-text{font-size:clamp(.8rem,1cqw + .7rem,.95rem);color:var(--secondary-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.event-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;align-items:flex-start;min-width:0;max-height:24px;overflow:hidden}.event-card-tag{background:var(--tag-bg);color:var(--text-secondary);border:1px solid var(--border-secondary);font-size:clamp(.65rem,.8cqw + .6rem,.8rem);padding:2px 8px;border-radius:var(--radius-lg);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-weight:500}.event-card-link{color:inherit;width:100%;min-width:0;display:block}.event-card-link,.event-card-link:hover,.event-card-link:hover *{text-decoration:none}@media (hover:hover) and (pointer:fine){[data-theme=light] .event-card:hover{background:var(--surface-1)}}@media (max-width:600px){.event-card-title{-webkit-line-clamp:1;line-clamp:1}.event-card{min-height:120px;max-height:200px}.event-card-tags{margin-top:4px}}.event-card-date{display:flex;align-items:center;gap:6px;min-width:0}.event-card-day-badge{flex:0 0 auto;padding:1px 7px;border-radius:var(--radius-pill);background:var(--accent-soft-strong);color:var(--accent-text);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.5}.event-card-day-badge.now{background:var(--bg-success-medium);color:#bbf7d0}[data-theme=light] .event-card-day-badge.now{background:rgba(34,197,94,.16);color:#166534}