/* Events archive (template 1368) - Figma 'Correct design' 2166:24576. Scoped to #brxe-evgrid. */
html body #brxe-evgrid.brx-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px 32px;
  align-items: start;
}
#brxe-evgrid > .ics-ev-month {
  grid-column: 1 / -1;
  margin: 0;
  font-family: 'EB Garamond', serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #000;
}
#brxe-evgrid .brxe-evcard.ev-card.ics-torn-card {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 8px;
  padding: 24px !important;
  min-height: 296px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#brxe-evgrid .ev-card .ev-top .nw-chip {
  display: inline-block;
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 4px;
  background: #ffef6b;
  color: #000;
  font-family: 'Google Sans Code', monospace;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
#brxe-evgrid .ev-card .ev-day {
  font-family: 'EB Garamond', serif;
  font-size: 56px;
  line-height: 68px;
  color: #302f29;
}
#brxe-evgrid .ev-card .ev-date {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #302f29;
}
#brxe-evgrid .ev-card .nw-tit {
  font-family: 'EB Garamond', serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: -0.005em;
  color: #302f29;
  margin: 0;
}
#brxe-evgrid .ev-card #brxe-evven1 {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #302f29;
}
@media (max-width: 1024px) {
  html body #brxe-evgrid.brx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html body #brxe-evgrid.brx-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
/* Override ics-grid.css (ics-grid--3) for the design's 4-column grid. */
html body #brxe-evgrid#brxe-evgrid.brx-grid.ics-grid--3.ics-grid--3 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 48px 32px !important;
}
@media (max-width: 1024px) {
  html body #brxe-evgrid#brxe-evgrid.brx-grid.ics-grid--3.ics-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  html body #brxe-evgrid#brxe-evgrid.brx-grid.ics-grid--3.ics-grid--3 { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
}

/* Round 2 (coordinator): 1312 container (4 x 304 + 3 x 32), 48px row gap, filter selects on one row (right). */
@media (min-width: 1100px) {
  html body #brxe-evgrid#brxe-evgrid.brx-grid.ics-grid--3.ics-grid--3 {
    width: min(1312px, calc(100vw - 128px));
    margin-left: calc((100% - min(1312px, calc(100vw - 128px))) / 2);
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
    row-gap: 48px !important;
  }
}
html body #brxe-evtl01#brxe-evtl01 {
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}