@layer components{.event-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.event-list__group{display:contents}.event-list__month{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding-block:.25rem}.event-list__month:after,.event-list__month:before{content:"";flex:1 1;height:1px;background:var(--c-border)}.event-list__month span{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted,#4b5563);white-space:nowrap}.event-list__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:1rem;color:var(--c-muted,#4b5563)}.event-list__empty h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;color:var(--c-ink)}.event-list__empty p{font-size:var(--text-base);max-inline-size:40ch}.event-list__footer{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:.75rem;-webkit-padding-before:1rem;padding-block-start:1rem}.event-list__progress{inline-size:100%;max-inline-size:300px;block-size:4px;background:var(--c-border);border-radius:2px;overflow:hidden}.event-list__progress-bar{block-size:100%;background:var(--c-accent);border-radius:2px;transition:width .3s}.event-list__count{font-size:var(--text-sm);color:var(--c-muted,#4b5563)}.event-list__count strong{color:var(--c-ink)}.event-list__footer .btn{font-size:var(--text-sm)}@media (max-width:700px){.event-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.event-list{grid-template-columns:1fr}.event-list__empty{padding:2.5rem 1rem}}}