#events .events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
#events .event-card{display:flex;flex-direction:row;align-items:center;gap:0;position:relative;min-width:0;max-width:560px;padding:0;height:auto;min-height:76px;border:1px solid #d8dfd1;border-radius:10px;background:#fafbf7}
#events .event-detail{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:76px;padding:12px;color:inherit;text-decoration:none;box-sizing:border-box}
#events .event-detail:focus-visible{outline:3px solid #4c6b3c;outline-offset:2px;border-radius:8px}
#events .event-cover{display:block;flex:0 0 auto;width:clamp(40px,12vw,52px);height:auto;max-height:56px;object-fit:contain;aspect-ratio:auto;margin:0;border-radius:3px}
#events .event-summary{min-width:0;flex:1}
#events .event-summary h3{font-size:16px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}
#events .event-summary p{font-size:12px;line-height:1.5;margin:4px 0 0;color:#617068;overflow-wrap:anywhere}
#events .event-summary .event-status{font-size:11px;display:block;margin:4px 0 0}
#events .event-card .keys-share-button{flex:0 0 auto;width:auto;min-width:44px;min-height:44px;padding:8px;margin:0 8px 0 0;border-radius:8px;font-size:12px;justify-content:center}
.events-empty{padding:24px 0}