/* Events uses the public Earth hero, location picker and canonical page geometry. */
html body.widais-events-index { background:#000!important; color:#f5f5f5; }
.wei-shell { --wei-line:#ffffff24; --wei-muted:#aaaeb2; display:grid; gap:var(--widais-section-gap,15px); min-width:0; }
.wei-shell *, .wei-shell *::before, .wei-shell *::after { box-sizing:border-box; }
.wei-shell a { color:inherit; text-decoration:none; }
.wei-icon { display:block; width:22px; height:22px; flex-shrink:0; }
.wei-shell :is(a,summary,input,button):focus-visible { outline:2px solid #d9e999; outline-offset:4px; }
.wei-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px; border:1px solid var(--wei-line); border-radius:var(--widais-content-radius,28px); background:#000; position:relative; z-index:3; }
.wei-location { width:270px; max-width:100%; flex-shrink:0; }
.wei-location .w-location-trigger { min-height:64px; }
.wei-categories { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.wei-category { display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; min-width:0; padding:10px 16px; border:1px solid var(--wei-line); border-radius:16px; background:#070707; font-size:14px; font-weight:650; transition:border-color .2s,background .2s; }
.wei-category:hover { border-color:#ffffff50; background:#111; }
.wei-category svg { width:18px; height:18px; color:var(--wei-accent); }
.wei-category small { color:var(--wei-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.wei-shell .is-spaces { --wei-accent:#9dcea7; }
.wei-shell .is-talent { --wei-accent:#a1c8e4; }
.wei-shell .is-brands { --wei-accent:#dfc98b; }
.wei-group { padding:clamp(18px,2.4vw,32px); min-width:0; border:1px solid var(--wei-line); border-radius:var(--widais-content-radius,28px); background:#000; scroll-margin-top:24px; }
.wei-group-heading { display:flex; align-items:center; gap:12px; margin:0 0 24px; }
.wei-group-heading h2 { margin:0; color:#f5f5f5; font-size:clamp(20px,2vw,28px); line-height:1.2; font-weight:750; letter-spacing:-.03em; }
.wei-group-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border:1px solid var(--wei-line); border-radius:14px; color:var(--wei-accent); }
.wei-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; min-width:0; }
.wei-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--wei-line); border-radius:22px; overflow:hidden; background:#080808; transition:border-color .2s,background .2s; }
.wei-card:hover { border-color:#ffffff5c; background:#0e0e0e; }
.wei-card-media { display:block; position:relative; aspect-ratio:4/3; overflow:hidden; border-bottom:1px solid var(--wei-line); background:#101519; }
.wei-card-media>img { display:block; width:100%; height:100%; object-fit:cover; }
.wei-card-media.is-placeholder { display:grid; place-items:center; background:radial-gradient(ellipse at 50% 80%,#24303a88,transparent 65%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff04 31px 32px),#0b1013; }
.wei-card-media.is-placeholder>svg { width:48px; height:48px; color:var(--wei-accent,#adc6d4); stroke-width:1; }
.wei-card-open { display:grid; place-items:center; position:absolute; top:12px; right:12px; width:32px; height:32px; border:1px solid #ffffff38; border-radius:50%; background:#080b0ee6; }
.wei-card-open svg { width:16px; height:16px; transform:rotate(-45deg); }
.wei-card-content { display:flex; align-items:flex-start; gap:12px; padding:18px 14px; min-width:0; }
.wei-date { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; flex:0 0 46px; padding:7px 4px; border:1px solid var(--wei-line); border-radius:13px; background:#101010; color:#fff; font-variant-numeric:tabular-nums; line-height:1; }
.wei-date strong { font-size:25px; font-weight:700; letter-spacing:-.04em; }
.wei-date>span { font-size:10px; text-transform:uppercase; font-weight:600; letter-spacing:.06em; color:#c1c3c5; }
.wei-date small { font-size:9px; color:#8c9093; margin-top:2px; }
.wei-card-copy { display:grid; gap:8px; min-width:0; }
.wei-card-copy>strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:17px; line-height:1.25; letter-spacing:-.025em; overflow-wrap:anywhere; }
.wei-card-copy>span { color:var(--wei-muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.wei-empty { display:flex; align-items:center; gap:24px; min-height:210px; padding:clamp(22px,3.5vw,48px); border:1px solid var(--wei-line); border-radius:var(--widais-content-radius,28px); background:radial-gradient(ellipse at 0 100%,#bec99c09,transparent 60%),#000; }
.wei-empty-icon { display:grid; place-items:center; width:66px; height:66px; flex-shrink:0; color:#e3d69d; border:1px solid #e3d69d38; border-radius:23px; background:#e3d69d08; }
.wei-empty-icon svg { width:28px; height:28px; }
.wei-empty>div { flex:1; min-width:0; }
.wei-empty h2 { font-size:clamp(20px,2.2vw,29px); font-weight:700; line-height:1.2; letter-spacing:-.035em; margin:0 0 10px; text-transform:none; color:#f5f5f5; }
.wei-empty p, .wei-group-empty { margin:0; color:var(--wei-muted); font-size:14px; line-height:1.6; }
.wei-action { display:flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:12px 20px; border:1px solid #ffffff38; border-radius:16px; background:#0d0d0d; font-size:13px; font-weight:650; }
.wei-action:hover { background:#191919; border-color:#ffffff60; }
.wei-action svg { width:18px; height:18px; }
html body.widais-events-index .wei-shell > .x-route-banner { margin-block:0!important; }
@media(max-width:1000px) {
  .wei-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wei-toolbar { gap:14px; }
  .wei-location { width:225px; }
  .wei-category { gap:7px; padding-inline:12px; }
}
@media(max-width:700px) {
  .wei-toolbar { flex-direction:column; align-items:stretch; padding:12px; gap:12px; }
  .wei-location { width:100%; }
  .wei-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .wei-category { font-size:12px; padding:10px 6px; gap:6px; }
  .wei-category svg { width:15px; height:15px; }
  .wei-category small { font-size:10px; }
  .wei-group-heading { margin-bottom:18px; }
  .wei-grid { gap:10px; }
  .wei-card-content { padding:14px 10px; gap:8px; }
  .wei-card-copy>strong { font-size:16px; }
  .wei-card { border-radius:18px; }
  .wei-empty { display:grid; grid-template-columns:48px 1fr; gap:16px; }
  .wei-empty-icon { width:48px; height:48px; border-radius:16px; }
  .wei-empty p { font-size:13px; }
  .wei-empty .wei-action { grid-column:1/-1; justify-self:start; }
}
@media(max-width:480px) {
  .wei-grid { grid-template-columns:minmax(0,1fr); }
  .wei-card-content { padding:18px 16px; gap:14px; }
  .wei-card-copy>strong { font-size:18px; }
  .wei-date { flex-basis:48px; }
}
@media(prefers-reduced-motion:reduce) { .wei-card,.wei-category { transition:none; } }
