.event-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;align-items:stretch;gap:0;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.event-card:active{transform:scale(.98)}.event-card-image{background:#f5a6230d;flex-shrink:0;width:120px;min-height:120px;position:relative}.event-card-placeholder{background:#f5a6231a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.event-card-placeholder .day{color:var(--amber);font-size:1.6rem;font-weight:700;line-height:1}.event-card-placeholder .month{color:var(--amber-light);margin-top:4px;font-size:.8rem;font-weight:500}.event-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:14px 16px;display:flex}.event-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3}.event-meta-row{color:var(--amber-light);align-items:center;gap:12px;font-size:.8rem;font-weight:500;display:flex}.event-info p{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}
.events-page{padding-bottom:40px}.events-page-header{text-align:center;padding:20px;padding-top:calc(var(--nav-height) + 20px);width:100%;max-width:500px;margin-bottom:10px}.events-page-header h2{color:var(--amber);margin-bottom:8px;font-size:2rem}.events-page-header p{color:var(--text-secondary);font-size:.95rem}.events-page-content{flex-direction:column;gap:30px;width:100%;max-width:500px;padding:0 20px;display:flex}.events-group{flex-direction:column;gap:12px;display:flex}.events-group-title{color:var(--text-secondary);padding-left:4px;font-size:1rem;font-weight:600}.events-group-title.past{color:var(--text-muted)}.events-list{flex-direction:column;gap:12px;display:flex}.past-list .event-card{opacity:.5}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-subtle);color:var(--text-secondary);border-radius:20px;padding:40px 20px}.empty-icon{opacity:.7;margin-bottom:15px;font-size:3rem}