.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){position:sticky;padding-inline:1rem;color:var(--color-white);margin-block:0}.Events :is(h2,h3){display:flex;align-items:center}.Events h2{inset-block-start:calc(var(--header-height));block-size:var(--height-year);background:var(--color-blue-200);border-block-start:var(--top-spacing) solid var(--color-bg-main);z-index:2}.Events h3{inset-block-start:calc(var(--header-height) + var(--height-year) + var(--top-spacing));block-size:var(--height-month);background:var(--color-blue-250);z-index:1;font-size:1rem}.Events-months{margin-block-start:1rem}.Events-list{padding-block:2rem}.Events-month:last-child .Events-list{padding-block-end:calc(2rem - var(--top-spacing))}.Event-days{color:var(--color-secondary);font-weight:500}.Event-days--cancelled{-webkit-text-decoration:line-through;text-decoration:line-through}.Event .Button .IconSymbol{--size:1em;block-size:var(--size);inline-size:var(--size);transform:scale(1.2)}
