/*
 * Teodora Ravelle: EVENTS. A notice board: the drawn map pinned on the left (sticky), the run
 * of stubs on the right, a heavy week rule with a big week number before each week.
 */
.tr-evgrid {
    display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr); gap: var(--s-space-4xl);
    padding: var(--s-section-s) max(var(--s-gutter), calc((100% - var(--s-max)) / 2)) var(--s-section);
}
.tr-evfilter { position: sticky; top: calc(var(--s-nav-h) + var(--s-space-xl)); align-self: start; display: grid; gap: var(--s-space-l); }
.tr-evfilter__map { padding: var(--s-space-s); background: var(--s-paper-deep); box-shadow: var(--s-shadow-x) var(--s-shadow-y) 0 var(--s-cerise); transform: rotate(var(--s-tilt-a)); }
.tr-evfilter__set { display: flex; flex-wrap: wrap; gap: var(--s-space-xs); }
.tr-evfilter__n { margin-left: var(--s-space-xs); color: var(--s-cerise-ink); font-variant-numeric: tabular-nums; }
.tr-tag input:checked + span .tr-evfilter__n { color: var(--s-screen); }
.tr-evfilter__count { font: var(--s-weight-black) var(--s-size-h3)/var(--s-leading-tight) var(--s-font-display); text-transform: uppercase; }
.tr-evfilter__host { font-size: var(--s-size-small); color: var(--s-ink-soft); font-style: italic; }

.tr-run-weeks { display: grid; gap: var(--s-space-3xl); align-content: start; }
.tr-week { display: grid; gap: var(--s-space-l); }
.tr-week[hidden] { display: none; }
.tr-week__h {
    display: flex; align-items: baseline; gap: var(--s-space-m);
    padding-bottom: var(--s-space-s); border-bottom: var(--s-rule-heavy) solid var(--s-ink);
    font: var(--s-weight-heavy) var(--s-size-button-s)/var(--s-leading-tight) var(--s-font-display);
    letter-spacing: var(--s-track-label); text-transform: uppercase;
}
.tr-week__no {
    font: var(--s-weight-black) var(--s-size-h2)/var(--s-leading-solid) var(--s-font-display);
    color: var(--s-cerise); mix-blend-mode: multiply; font-variant-numeric: tabular-nums;
    text-box: trim-both cap alphabetic;
}
.tr-stub[hidden] { display: none; }
.tr-motion .tr-stub.is-shown { animation: tr-pin var(--s-dur) var(--s-ease-drop) both; animation-delay: calc(var(--s-stagger) * var(--tr-k)); }
@keyframes tr-pin { from { opacity: 0; transform: translateY(var(--s-drop)) rotate(var(--s-tilt-stamp)); } }
.tr-run-weeks__none { padding: var(--s-space-2xl); background: var(--s-screen); font-size: var(--s-size-lede); }
.tr-run-weeks__none[hidden] { display: none; }
.tr-events__status { min-height: var(--s-size-body); font-size: var(--s-size-small); }

@media (max-width: 1079px) {
    .tr-evgrid { grid-template-columns: 1fr; gap: var(--s-space-2xl); }
    .tr-evfilter { position: static; }
    .tr-evfilter__map { max-width: var(--s-map-max); }
}
@media (max-width: 719px) {
    .tr-evgrid { padding: var(--s-space-2xl) var(--s-gutter) var(--s-section-s); }
    .tr-evfilter__map { transform: none; }
}