.events-review{width:min(82%,1040px);margin:0 auto 40px}
.event-switch{display:flex;justify-content:center;gap:clamp(8px,3vw,34px);margin:0 0 15px}
.event-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 1 255px;min-height:46px;padding:8px;border:1px solid #929095;border-radius:100px;background:#080808;font:inherit;font-size:clamp(13px,2.5vw,17px);cursor:pointer}
.event-switch button[aria-pressed=true]{border-color:#ad91af;background:#302334;box-shadow:inset 0 0 0 1px #755d79}
.event-switch button:focus-visible{outline:2px solid #d7badc;outline-offset:4px}
.events-review svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.event-switch svg{width:23px;height:23px;flex:none}
.event-empty{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:24px 16px 28px;min-height:226px;background:#080808;border:1px solid #a8a3a5;border-radius:24px}
.event-empty::before,.event-empty::after{content:"";position:absolute;z-index:-1;bottom:0;width:26%;height:94px;background:linear-gradient(to top right,transparent,#080808 70%),url("/assets/events/corner-clouds.webp") left bottom/cover no-repeat;opacity:.72}
.event-empty::before{left:0}
.event-empty::after{right:0;transform:scaleX(-1)}
.event-empty>svg{width:66px;height:66px}
.event-empty h2{font-size:clamp(23px,3vw,31px);font-weight:normal;margin:9px 0 12px}
.event-empty p{font-size:clamp(15px,2vw,19px);line-height:1.35;margin:0}
.event-corners svg{position:absolute;width:24px;height:24px;color:#b8b3b4!important}
.event-corners svg:nth-child(1){top:0;left:0}
.event-corners svg:nth-child(2){top:0;right:0;transform:scaleX(-1)}
.event-corners svg:nth-child(3){bottom:0;left:0;transform:scaleY(-1)}
.event-corners svg:nth-child(4){bottom:0;right:0;transform:scale(-1)}
@media(max-width:560px){.events-review{width:calc(100% - 32px)}}

body:has(#page-events:not([hidden])) { background:#000; color:#f4f1ed; font-family:Georgia,serif; }
body:has(#page-events:not([hidden])) > header { background:#000!important; border-color:#514d50!important; }
body:has(#page-events:not([hidden])) > header :is(a,.brand) { color:#f4f1ed!important; }
body:has(#page-events:not([hidden])) > header nav a[aria-current="page"] { text-decoration:underline; text-decoration-color:#ad91af; text-underline-offset:8px; }
body:has(#page-events:not([hidden])) #site-back-wrap { position:absolute; z-index:2; }
#page-events { background:#000; color:#f4f1ed; min-height:calc(100vh - 70px); padding-bottom:1px; font-family:Georgia,serif; }
#page-events .guides-overview-hero { position:relative; isolation:isolate; text-align:center; padding:clamp(175px,19vw,270px) 16px 20px; background:linear-gradient(0deg,#000,transparent 48%),url('/assets/events/moonlit-forest.webp') center top/max(94%,820px) auto no-repeat; }
#page-events h1 { font-size:clamp(44px,5.4vw,66px); line-height:1.05; margin:0 0 12px; font-weight:normal; }
#page-events .guides-overview-hero > p { margin:0; font-size:clamp(15px,1.6vw,18px); line-height:1.45; }
#page-events .guides-moon-phases { display:flex; align-items:center; justify-content:center; gap:9px; margin:12px auto 0; color:#e5dfcb; }
#page-events .guides-moon-phases svg { width:14px; height:14px; }
#page-events .guides-moon-phases::before,#page-events .guides-moon-phases::after { content:""; width:clamp(30px,6vw,64px); height:1px; background:#a49c86; }
.events-extra-stars { position:absolute; inset:0; pointer-events:none; z-index:-1; color:#c4b68f; }
.events-extra-stars span { position:absolute; opacity:.78; }
#live-events .event-empty { grid-column:1/-1; }
#live-events .eclipse-public-card { color:#f4f1ed; background:#080808; border-color:#706970; }
.event-switch button { color:#f4f1ed; }

/* Restore the Events theme over the shared plain-foundation reset. */
html:has(#page-events:not([hidden])),
body:has(#page-events:not([hidden])) {
  background-color:#000!important;
  color:#f4f1ed!important;
  color-scheme:dark;
}
body #page-events {background-color:#000!important;color:#f4f1ed!important}
body #page-events :is(section,div,article,h1,h2,p,button) {color:#f4f1ed!important;font-family:Georgia,'Times New Roman',serif!important}
body #page-events .guides-overview-hero {
  background-image:linear-gradient(0deg,#000,transparent 48%),url('/assets/events/moonlit-forest.webp')!important;
}
body #page-events .guides-moon-phases {color:#e5dfcb!important}
body #page-events .events-extra-stars {color:#c4b68f!important;z-index:0}
body #page-events .event-switch button {background:#080808!important;border-color:#929095!important}
body #page-events .event-switch button[aria-pressed=true] {background:#302334!important;border-color:#ad91af!important}
body #page-events .event-switch button:focus-visible {outline-color:#d7badc!important}
body #page-events .event-empty,body #page-events .eclipse-public-card {background-color:#080808!important}
body #page-events .event-empty::before,body #page-events .event-empty::after {
  background-image:linear-gradient(to top right,transparent,#080808 70%),url('/assets/events/corner-clouds.webp')!important;
}
body:has(#page-events:not([hidden])) #site-back {background:#080808!important;color:#f4f1ed!important;border-color:#929095!important}
body:has(#page-events:not([hidden])) footer {background-color:#000!important;color:#aaa39b!important}

body #page-events #events-calendar-open {
 display:block;margin:0 auto 15px;padding:7px 16px;border:1px solid #ad91af!important;
 border-radius:999px;background:#121014!important;color:#f4f1ed!important;cursor:pointer;
}
body #page-events #events-calendar {
 width:min(390px,calc(100% - 24px));max-height:calc(100% - 24px);padding:16px;
 background:#0e0b10!important;color:#f4f1ed!important;border:1px solid #ad91af;border-radius:14px;
}
#events-calendar::backdrop {background:#000b}
#events-calendar .calendar-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
#events-calendar h2 {margin:0;font-size:22px;font-weight:normal}
body #page-events #events-calendar button {
 min-width:32px;min-height:32px;border-radius:6px;background:#19141b!important;
 color:#f4f1ed!important;border:1px solid #756079!important;cursor:pointer;
}
body #page-events #events-calendar button.calendar-event-day {background:#46334d!important}
body #page-events #events-calendar button[aria-pressed=true] {background:#63476c!important}
body #page-events #events-calendar button:focus-visible,body #page-events #events-calendar-open:focus-visible {outline-color:#d7badc!important}
body #page-events #events-calendar :is(table,th,td) {color:#f4f1ed!important}
#events-calendar table {width:100%;table-layout:fixed;text-align:center;border-collapse:collapse}
#events-calendar :is(th,td) {height:36px;font-size:14px}
#calendar-details {margin-top:12px;font-size:14px}

#page-events .events-review {position:relative}
body #page-events #events-calendar-open {
 position:absolute;top:61px;right:14px;z-index:1;
 display:grid;place-items:center;width:40px;height:40px;margin:0;padding:8px;
 border-radius:10px;
}
#events-calendar-open svg {width:22px;height:22px}
body #page-events #events-calendar-open:hover {background:#302334!important}
#page-events #live-events {min-height:60px;padding-right:0}

body #page-events .event-switch {align-items:center;gap:clamp(6px,2vw,22px)}
body #page-events .event-switch #events-calendar-open {
 position:static;flex:0 0 40px;min-height:40px;margin:0;
}
@media(max-width:450px){
 body #page-events .event-switch button[data-period] svg {display:none}
}