.Events{--height-year:4rem;--height-month:3rem;--top-spacing:1rem;container:events/inline-size}@container events (inline-size < 30rem){.Heading{flex-direction:column}}.Events :is(h2,h3){color:var(--color-white);margin-block:0;padding-inline:1rem;position:sticky}.Events :is(h2,h3){align-items:center;display:flex}.Events h2{background:var(--color-blue-200);block-size:var(--height-year);border-block-start:var(--top-spacing) solid var(--color-bg-main);inset-block-start:calc(var(--header-height));z-index:2}.Events h3{background:var(--color-blue-250);block-size:var(--height-month);font-size:1rem;inset-block-start:calc(var(--header-height) + var(--height-year) + var(--top-spacing));z-index:1}.Events-months{margin-block-start:1rem}.Events-list{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));list-style:"";margin-block:0;padding-block:2rem;padding-inline:0}.Events-month:last-child .Events-list{padding-block-end:calc(2rem - var(--top-spacing))}.Event{background:var(--color-bg2);border:1px solid transparent;display:flex;flex-direction:column;padding:1rem}.Event h4{font-size:1.25rem;line-height:1.4;margin-block:1rem;margin-block-end:0}.Event address{font-size:.875em;font-style:normal}.Event a{font-weight:500;justify-self:end;word-break:break-word}.Event>:last-child{margin-block-end:0}.Event-header{align-items:start;display:flex;gap:1.5rem;justify-content:space-between}.Event-header>div{flex-shrink:0}.Event-days{color:var(--color-secondary);font-weight:500}