.now-title small { font-family: inherit; font-size: 14px; color: var(--text-muted); margin-left: 6px; }
.now-events { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr)); gap: 12px; }
.now-event { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.now-event .ebanner { position: relative; display: block; aspect-ratio: 4 / 1; background: var(--surface-2); }
.now-event .ebanner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.now-event .ebanner .elogo { position: absolute; left: 4%; top: 8%; width: 52%; height: 84%; object-fit: contain; object-position: left center; filter: drop-shadow(0 1px 2px rgba(0,0,0,.8)); }
.now-event .noban { display: grid; place-items: center; height: 100%; font-weight: 700; }
.now-info { display: grid; gap: 4px; padding: 8px 12px 12px; }
.now-info .ename { font-weight: 700; color: var(--text); }
.now-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.nbtn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px; color: var(--text); }
.nbtn:hover { border-color: var(--gold); text-decoration: none; }
.nbtn.hard { border-color: color-mix(in srgb, var(--gold) 50%, var(--border)); color: var(--gold); }
.qbtn.sm { width: 18px; }
.chg { display: grid; grid-template-columns: 90px 1fr; gap: 8px; font-size: 13.5px; padding: 6px 0; border-top: 1px solid var(--border); }
.chg ul { margin: 0; padding-left: 16px; }
.chg-date { color: var(--gold); font-weight: 600; }
.kw-sub { font-size: 13px; color: var(--gold); margin: 14px 0 6px; font-weight: 600; }