/* Compact event layout, with unchanged access and participation rules. */
.app-main[data-live-page=event]{max-width:800px;min-width:0}
.app-main[data-live-page=event] .event-cover{height:180px;min-height:0;aspect-ratio:auto}
.app-main[data-live-page=event] .event-cover img{width:100%;height:100%;object-fit:cover}
.app-main[data-live-page=event] h1{font-size:clamp(25px,5vw,34px);line-height:1.2;margin:18px 0 12px;overflow-wrap:anywhere}
.app-main[data-live-page=event] h2{font-size:22px;margin:20px 0 10px}
.app-main[data-live-page=event] h3{font-size:18px;margin:18px 0 10px}
.app-main[data-live-page=event] .panel{padding:18px;margin:16px 0;border-radius:18px;min-width:0;overflow-wrap:anywhere}
.app-main[data-live-page=event] p{margin:10px 0;line-height:1.5}
.app-main[data-live-page=event] .mm71-public-note{padding:12px 14px;margin:12px 0;border-radius:12px}
.app-main[data-live-page=event] .button,.app-main[data-live-page=event] button{min-height:44px;padding:11px 16px;font-size:16px;white-space:normal;max-width:100%}
.mm102-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mm102-shortcuts a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--fg);background:var(--panel);font-weight:600}
.mm102-shortcuts a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#mm102-meeting,#mm102-chat,#mm102-manage{scroll-margin-top:100px}
#mm102-chat .message{padding:12px 0;margin:0;border-bottom:1px solid var(--line)}
#mm102-chat .message p{margin:6px 0}
#mm102-chat .message small,#mm102-chat #live-status{font-size:12px}
#mm102-chat textarea{min-height:80px;width:100%;box-sizing:border-box}
@media(max-width:600px){
 .activity-grid{grid-template-columns:minmax(0,1fr)}
 .activity-card{min-width:0;max-width:100%}
 .activity-card .card-photo{height:150px;min-height:0;aspect-ratio:auto}
 .activity-card .card-photo img{height:100%;width:100%;object-fit:cover}
 .activity-card .card-body{padding:16px}
 .activity-card h3{font-size:22px;margin:10px 0}
 .activity-card .card-meta{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0;margin:12px 0}
 .activity-card .mm71-card-action{padding:12px 14px;min-height:44px;font-size:16px;border-radius:12px;white-space:normal}
 .app-main[data-live-page=event] .event-cover{height:160px}
 .app-main[data-live-page=event] .tag{margin:4px 4px 4px 0;padding:6px 10px}
 .app-main[data-live-page=event] .actions{flex-wrap:wrap}
}
