.events-page{padding:170px 0 40px}
.events-hero{max-width:900px}
.events-title{font-size:clamp(4.4rem,10vw,9.5rem);margin:22px 0 22px}
.events-lead{font-size:20px;line-height:1.5;max-width:640px}
.events-filters{display:flex;flex-wrap:wrap;gap:14px 28px;margin:48px 0 18px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.events-filters .sport-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.events-status{font-size:13px;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px}
.events-list{display:flex;flex-direction:column}
.event-day{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}
.event-date{display:flex;flex-direction:column;align-items:flex-start;position:sticky;top:20px;align-self:start}
.event-dow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--orange)}
.event-dnum{font:88px/.85 var(--display);color:var(--white);margin-top:6px}
.event-mon{font-size:12px;font-weight:650;letter-spacing:.14em;color:var(--muted)}
.event-items{display:flex;flex-direction:column;gap:12px}
.event-card{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:start;padding:22px 24px;background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.event-card:hover{border-color:var(--orange);transform:translateY(-2px)}
.event-card:hover .event-register{color:var(--orange)}
.event-time{font:30px/1 var(--display);color:var(--white);padding-top:4px}
.event-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.event-tag{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid #55554f;color:var(--muted);padding:4px 9px;border-radius:99px}
.event-tag--basketball,.event-tag--pickleball{border-color:var(--orange);color:var(--orange)}
.event-name{font-size:34px;letter-spacing:.005em;color:var(--white)}
.event-where{color:var(--white);font-weight:600;margin-top:8px}
.event-meta,.event-note{font-size:14px;margin-top:4px}
.event-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.event-register{font-size:14px;font-weight:700;color:var(--white);white-space:nowrap;transition:color .2s}
.event-verified{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.events-submit{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:90px;padding:60px 0;border-top:1px solid var(--line)}
.events-submit h2{margin-top:14px}
.events-submit p{font-size:18px;line-height:1.55}
.events-submit-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}
.events-submit .text-link{color:var(--white)}
.events-fineprint{font-size:12px;line-height:1.6;max-width:760px;margin-bottom:40px}
@media (max-width:860px){
  .event-card{grid-template-columns:1fr;gap:12px}
  .event-cta{align-items:flex-start;text-align:left}
  .events-submit{grid-template-columns:1fr;gap:18px}
}
@media (max-width:560px){
  .events-page{padding-top:130px}
  .event-day{grid-template-columns:1fr;gap:14px}
  .event-date{position:static;flex-direction:row;align-items:baseline;gap:10px}
  .event-dnum{font-size:48px}
  .event-name{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.event-card{transition:none}.event-card:hover{transform:none}}

/* Home page "Upcoming events" section */
.inline-link{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.events-home-head{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:34px}
.events-home-head h2{font-size:clamp(3.4rem,6.3vw,6.5rem)}
.events-home-copy p{font-size:16px;margin-bottom:20px;max-width:440px}
.events-home .sport-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.events-home .sport-switch a{border:1px solid #55554f;color:var(--white);padding:9px 17px;border-radius:99px;font-size:13px;transition:border-color .2s,color .2s}
.events-home .sport-switch a:hover{border-color:var(--orange);color:var(--orange)}
.events-home .events-status{margin-top:0}
.events-home-foot{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px}
.events-home .event-day:first-child{border-top:1px solid var(--line)}
.feature-link{margin-top:22px}
@media(max-width:900px){.events-home-head{grid-template-columns:1fr;gap:24px}}

/* /events date filter */
.date-filter{display:flex;align-items:center;gap:8px}
.date-filter label{font-size:12px;font-weight:650;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.date-filter input[type=date]{min-height:40px;padding:0 12px;background:#111110;color:var(--white);border:1px solid #55554f;border-radius:99px;font:13px var(--body);color-scheme:dark}
.date-filter input[type=date]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.date-clear{min-height:40px;padding:0 15px;background:transparent;color:var(--white);border:1px solid #55554f;border-radius:99px;font-size:13px;cursor:pointer;touch-action:manipulation}
.date-clear[aria-pressed=true]{background:var(--white);color:#111;border-color:var(--white)}
.events-empty:empty{display:none}
.events-empty{margin:6px 0 24px;padding:22px 24px;background:var(--surface);border:1px solid var(--line)}
.events-empty strong{display:block;font:30px/1 var(--display);color:var(--white)}
.events-empty p{margin-top:8px;font-size:14px}
.events-empty-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.events-empty-links button{min-height:40px;padding:0 15px;background:transparent;color:var(--white);border:1px solid var(--orange);border-radius:99px;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation}
.events-empty-links button:hover{background:var(--orange);color:#111}