/* Downtown this week (/events/). The Clock look on a reading page: Archivo, tokens from theme.css, hairline rules, square corners, no shadows,
   no pills, no gradients. Dusty rose (--pink) only on "Park for this". Night is warm black, Lite is white. */
.doc.evp{max-width:1120px;padding-top:22px}
.evp h1{font-size:clamp(38px,9.5vw,64px)}
.evp .lede{margin-top:10px;font-size:1.1875rem;color:var(--ink)}

/* tabs and venue filter: plain text, the active one is underlined */
.evbar{position:sticky;top:0;z-index:5;background:var(--bg);margin:20px -18px 0;padding:0 18px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;column-gap:28px}
.evtabs{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-width:0}
.evtabs::-webkit-scrollbar{display:none}
.evtab{flex:none;min-height:50px;padding:0;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;font:inherit;font-size:1.0625rem;font-weight:700;font-stretch:86%;color:var(--mute);cursor:pointer;white-space:nowrap;border-radius:0}
.evtab .n{display:none;margin-left:7px;font-weight:500;font-size:.9375rem}
.evtab[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.evtab:hover{color:var(--ink)}
.evtab[hidden]{display:none}
.evvenue{display:flex;align-items:center;gap:10px;min-height:50px;flex:none;width:100%;border-top:1px solid var(--line)}
.evvenue label{font-size:.9375rem;font-weight:700;color:var(--mute)}
.evvenue select{flex:1;min-width:0;min-height:44px;font:inherit;font-size:max(16px,1.0625rem);font-weight:600;font-stretch:92%;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 4px center;border:0;border-radius:0;padding:0 26px 0 0;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}
@media (min-width:820px){
  .evtabs{gap:28px}.evtab{font-stretch:92%}.evtab .n{display:inline}
  .evbar{margin-left:0;margin-right:0;padding:0}
  .evvenue{width:auto;border-top:0;min-width:260px}
}

.evstatus{margin-top:14px}
.evstale{color:var(--mute);font-size:.9375rem;margin-top:4px}
.evstale.evsrc{font-weight:600}

/* the list: one column on phones, two on desktop. Each day starts with a ruled heading across both columns. */
.evgrid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:44px}
@media (min-width:820px){.evgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A day with a single event spans both columns on desktop so the right half is not left empty: picture left, text right (no picture: details left, garages right). */
@media (min-width:820px){
  .evcard.solo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px;align-content:start;align-items:start}
  .evcard.solo>*{grid-column:2}
  .evcard.solo.hasimg>.evfig{grid-column:1;grid-row:1/span 6;margin:0}
  .evcard.solo:not(.hasimg)>*{grid-column:1}
  .evcard.solo:not(.hasimg)>.evg{grid-column:2;grid-row:1/span 4;margin-top:0}
  .evcard.solo .evname{font-size:clamp(1.75rem,2.6vw,2.25rem)}
}
.evday{grid-column:1/-1;margin:30px 0 0;padding-top:10px;border-top:1px solid var(--ink);font-size:1.0625rem;font-weight:800;font-stretch:90%;line-height:1.2}
.evcard{display:flex;flex-direction:column;gap:6px;padding:16px 0 22px;border-bottom:1px solid var(--line)}
.evfig{margin:0 0 6px}
.evimg{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--raise)}
.evcredit{color:var(--mute);font-size:.75rem;line-height:1.25;margin-top:5px}
.evname{font-size:clamp(1.5rem,5.2vw,1.875rem);font-weight:800;font-stretch:80%;line-height:1.08;letter-spacing:-.005em;text-wrap:balance;overflow-wrap:anywhere}
.evp p{margin-top:0}
.evwhen{font-size:1.0625rem;font-weight:700;font-stretch:96%}
.evfree{font-weight:800}
.evwhere{color:var(--mute);font-size:1rem}
.evg{margin-top:6px;font-size:1rem}
.evg .lab{font-size:.875rem;font-weight:700;color:var(--mute)}
.evg .kvl{margin-top:2px}
.evg .kvl li{padding:2px 0}
.evg.mut{color:var(--mute)}
.evcta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:12px}
.evpark{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--pink);color:var(--go-ink);border-radius:0;font-weight:800;font-stretch:104%;font-size:1.125rem;text-decoration:none}
.evpark:hover{filter:brightness(1.06)}
.evpark:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.evdetails{display:inline-flex;align-items:center;min-height:48px;font-weight:700;font-stretch:92%;font-size:1.0625rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* loading, empty, error */
.evcard.sk{border-bottom-color:var(--line);gap:12px}
.sk .skimg,.sk .skl{background:var(--field);animation:evpulse 1.4s ease-in-out infinite}
.sk .skimg{aspect-ratio:16/9;width:100%}
.sk .skl{height:1.1em}
.w70{width:70%}.w55{width:55%}.w40{width:40%}
@keyframes evpulse{50%{opacity:.4}}
.evempty{padding:34px 0 20px;max-width:34em}
.evempty p{font-size:1.1875rem;margin-top:10px}
.evempty a,.evretry{font-weight:700;color:var(--ink);text-underline-offset:4px}
.evretry{font:inherit;font-weight:700;min-height:48px;padding:0 22px;background:var(--field);border:0;border-radius:0;color:var(--ink);cursor:pointer}
.evnote{margin-top:26px;color:var(--mute);font-size:.9375rem;max-width:44em}
@media (prefers-reduced-motion:reduce){.sk .skimg,.sk .skl{animation:none}}
/* the header lines up with the content column */
body:has(.evp) .top{padding-left:max(18px,calc((100% - 1120px) / 2));padding-right:max(18px,calc((100% - 1120px) / 2))}