.events-page .page-heading{align-items:baseline;margin-bottom:20px;gap:22px}
.event-filter-state{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:12px;color:var(--muted)}
.event-filter-state button{background:transparent;border:0;border-bottom:1px solid var(--teal);padding:5px 0;color:var(--teal);font-size:12px}
.event-filter-state button[hidden]{display:none}
.events-page>[data-cell-map]{height:340px;max-height:340px}
.event-time-control{padding:14px 0 6px;min-width:0}
.events-page .event-log{margin-top:20px}
.event-group-year{color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}
.event-identity{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.event-art{display:grid;place-items:center;position:relative;width:76px;height:auto;aspect-ratio:.8660254038;isolation:isolate}
.event-art-image{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;position:relative;z-index:1}
.event-art-logo .event-art-image{width:86%;height:68%;max-height:none}
.event-art-frame{position:absolute;inset:0;background:var(--event-art-border,#476963);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.event-art-frame:before{content:"";position:absolute;inset:2px;background:var(--event-art-background,#fff);clip-path:inherit}
.event-identity .event-date{padding-top:0}
.time-designs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 22px;flex-wrap:wrap}
.time-designs button{font-size:14px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-weight:600;min-height:44px}
.time-designs button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}
.time-options-page .page-heading h1{font-size:30px;letter-spacing:-1px}.time-options-page>.cell-map{height:290px;max-height:290px}
.time-options-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:13px;color:var(--muted)}
@media(max-width:680px){.events-page .page-heading{display:block}.event-filter-state{margin:12px 0 0;gap:14px;min-height:26px}.events-page>[data-cell-map]{height:285px;max-height:285px}.time-options-page>.cell-map{height:250px;max-height:250px}.event-time-control{padding-top:12px}.time-designs{gap:20px;margin-bottom:18px}.time-designs button{font-size:13px}.time-options-intro{font-size:12px}.event-art{width:64px;height:auto}}

.event-row{grid-template-columns:76px minmax(0,1fr);gap:18px}
.event-row{scroll-margin-block:20px}
.event-row .event-copy{align-self:start}
.event-row.is-map-selected .event-copy{background:color-mix(in srgb,var(--teal) 10%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--teal) 10%,transparent);border-radius:3px}
.event-row:focus-visible{outline:none}
.event-row:focus-visible .event-copy{outline:2px solid var(--teal);outline-offset:8px;border-radius:3px}
.event-art{background:transparent;flex-shrink:0}
.event-art-image{background:transparent;aspect-ratio:.8660254038}
@media(max-width:680px){.event-row{grid-template-columns:64px minmax(0,1fr);gap:16px}}

/* Give the archive a visible viewport instead of an unexplained hard cutoff. */
.event-log .event-group-header{border-bottom:0}
.event-scroll-panel{border:1px solid color-mix(in srgb,var(--muted) 45%,var(--line));border-radius:8px;background:var(--paper);min-width:0}
.event-scroll-panel .event-rows{padding:0 20px;border-radius:7px}
.past-events .event-rows{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--muted) var(--line);scroll-padding-block:20px}
.past-events .event-rows::-webkit-scrollbar{width:12px}
.past-events .event-rows::-webkit-scrollbar-track{background:var(--line);border-radius:6px}
.past-events .event-rows::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--line);border-radius:6px}
@supports selector(::-webkit-scrollbar){.past-events .event-rows{scrollbar-width:auto;scrollbar-color:auto}}
.past-events .event-rows:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.event-scroll-panel .event-row:last-child{border-bottom:0}
.event-group .event-empty{padding:20px;border:1px solid color-mix(in srgb,var(--muted) 45%,var(--line));border-radius:8px}
@media(min-width:681px){
  .event-log .event-group{display:flex;flex-direction:column;min-width:0}
  .event-log .event-group-header{flex:none}
  .event-scroll-panel,.event-group .event-empty{flex:1}
}
@media(max-width:680px){.event-scroll-panel .event-rows{padding-inline:16px}.past-events .event-rows{max-height:min(530px,70svh)}}