/* What's On: retain the existing header and mobile social dropdown. */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.nav-item small{font-size:10px}
.bottom-nav .nav-item.active{background:var(--surface2);color:var(--text)}
.whats-on-hero{min-height:0;margin-bottom:0;padding:24px}
.whats-on-hero h1{font-size:clamp(32px,7vw,48px)}
#eventsView .whats-on-hero .hero-content{max-width:100%}
.whats-on-hero p{max-width:650px;font-size:15px}
.whats-on-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 24px}
.panel-stack>.whats-on-tabs{margin:0}
.whats-on-tabs button{font:inherit;font-size:14px;font-weight:600;min-height:48px;padding:12px 8px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);color:var(--text);cursor:pointer}
.whats-on-tabs button[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff}
.whats-on-tabs button:focus-visible,.nav-item:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.whats-on-event-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px;flex-wrap:wrap}
.whats-on-event-heading h2{margin:0;font-size:22px}
#panelsView .panel-section-head{border:0;padding:0}
#panelsView .panel-section-head h2{font-size:22px}
#panelsView .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#panelsView .panel-card h3{font-size:15px;line-height:1.3}
#panelsView .panel-card-copy{padding:12px}
#panelUpcoming .whats-on-featured{display:grid;grid-template-columns:1fr;border:0;isolation:isolate;min-height:300px;background:#171717}
#panelUpcoming .whats-on-featured .panel-event-thumb{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;border:0;z-index:-2}
#panelUpcoming .whats-on-featured .panel-event-thumb img{height:100%;min-height:0}
#panelUpcoming .whats-on-featured::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,rgba(0,0,0,.4) 42%,rgba(0,0,0,.94));z-index:-1;pointer-events:none}
#panelUpcoming .whats-on-featured .panel-event-body{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:22px;color:white;pointer-events:none;gap:12px}
#panelUpcoming .whats-on-featured .panel-event-body button{pointer-events:auto}
#panelUpcoming .whats-on-featured .panel-event-label{background:var(--brand);color:white;padding:7px 10px;border-radius:8px;margin-bottom:auto;max-width:calc(100% - 38px)}
#panelUpcoming .whats-on-featured h2{font-size:clamp(24px,4vw,34px);padding-right:0;max-width:760px}
#panelUpcoming .whats-on-featured .panel-event-date{background:transparent;border:0;padding:0;font-weight:400;flex-wrap:wrap;color:white}
#panelUpcoming .whats-on-featured .panel-event-date strong{display:none}
#panelUpcoming .panel-save-btn{z-index:2}
.whats-on-next-heading{margin:6px 0 0;font-size:20px}
#panelUpcoming .whats-on-next{grid-template-columns:112px minmax(0,1fr);border-left:1px solid var(--line);align-items:stretch}
#panelUpcoming .whats-on-next:not(:has(.panel-event-thumb)){grid-template-columns:1fr}
#panelUpcoming .whats-on-next .panel-event-thumb{height:100%;aspect-ratio:auto;border:0}
#panelUpcoming .whats-on-next .panel-event-thumb img{height:100%;min-height:140px}
#panelUpcoming .whats-on-next .panel-event-body{padding:14px;gap:8px}
#panelUpcoming .whats-on-next h2{font-size:17px;padding-right:28px}
#panelUpcoming .whats-on-next .panel-event-label{display:none}
#panelUpcoming .whats-on-next .panel-event-date{border:0;padding:0;background:transparent;font-size:12px;display:block;color:var(--muted)}
#panelUpcoming .whats-on-next .panel-event-date strong{display:none}
#panelUpcoming .whats-on-next .primary-btn{padding:7px 10px;font-size:12px}
@media(min-width:900px){#panelsView .panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#panelUpcoming .whats-on-featured{min-height:400px}}
@media(max-width:360px){.whats-on-hero{padding:20px}.whats-on-tabs button{font-size:12px}#panelUpcoming .whats-on-next{grid-template-columns:85px minmax(0,1fr)}.nav-item small{font-size:9px}}

/* Consistent bold navigation icons and secondary event submission action. */
.bottom-nav .lb-nav-icon{display:grid;place-items:center;width:26px;height:26px}
.bottom-nav .lb-nav-icon svg{display:block;width:24px;height:24px}
#lbSubmitEventBtn{background:var(--surface);color:var(--muted);border:1px solid var(--line);box-shadow:none;font-weight:600}
#lbSubmitEventBtn:hover{background:var(--surface2);color:var(--text);filter:none}
#lbSubmitEventBtn:focus-visible{outline:2px solid var(--text);outline-offset:3px}