@layer sections{.events{padding-block:var(--space-large)}.events__title{margin-block:0 var(--space-2xs)}.events__note{margin-block:0 var(--space-default);color:var(--color-gray-600);max-width:var(--container-md)}.events__list{gap:var(--space-default);margin:0;padding:0;list-style:none;display:grid}.events__item{gap:var(--space-default);max-width:var(--container-md);padding:var(--space-default);background-color:var(--color-gray-50);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.events__date{min-inline-size:7rem;padding:var(--space-2xs) var(--space-xs);background-color:var(--color-gray-100);border-block-start:var(--border-width-accent) solid var(--color-primary);border-radius:var(--radius-sm);justify-items:center;margin:0;display:grid}.events__date>time{justify-items:center;display:grid}.events__date-day{font-size:var(--size-xl);font-weight:800;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.events__date-month{font-size:var(--size-sm);color:var(--color-primary-readable);margin-block-start:var(--space-3xs);font-weight:700}.events__date-year{font-size:var(--size-xs);color:var(--color-gray-600);font-variant-numeric:tabular-nums}.events__image{object-fit:contain;border-radius:var(--radius-sm);grid-row:span 2;block-size:auto;inline-size:14rem}.events__body{min-inline-size:0}.events__name{font-size:var(--size-lg);margin:0}.events__when{margin-block:var(--space-3xs) 0;font-size:var(--size-sm)}.events__place{margin-block:var(--space-3xs) 0;color:var(--color-gray-500);font-size:var(--size-sm)}.events__badges{margin-block:var(--space-2xs) 0;gap:var(--space-3xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.events__badge{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-3xs) var(--space-2xs);font-size:var(--size-xs);color:var(--color-gray-600);background-color:var(--color-gray-100)}.events__desc{margin-block:var(--space-2xs) 0;color:var(--color-gray-600)}.events__action{margin-block:var(--space-2xs) 0}.events__link{text-underline-offset:.25em;font-weight:700;text-decoration-thickness:1px}@media (max-width:48rem){.events__image{grid-column:1/-1;inline-size:100%}}@media (max-width:36rem){.events__item{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.events__date{justify-self:start}.events__image{grid-row:auto}}}
