.calendar-feed{--calendar-border:color-mix(in srgb, currentColor 18%, transparent);--calendar-muted:color-mix(in srgb, currentColor 62%, transparent);--calendar-soft:color-mix(in srgb, currentColor 7%, transparent);--calendar-active:var(--color-primary, var(--color-accent, currentColor))}
.calendar-feed .feed-header{margin-block-end:1.5rem}
.calendar-view-switch{display:inline-flex;align-self:flex-start;justify-self:start;width:fit-content;max-width:100%;gap:.125rem;padding:.2rem;margin-block:.75rem 0;border:1px solid var(--calendar-border);border-radius:.75rem;background:var(--color-surface,var(--color-background))}
.calendar-view-switch[hidden]{display:none}
.calendar-view-switch button,.calendar-view-switch a{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;min-height:2.25rem;border:0;border-radius:.55rem;padding:.45rem .85rem;font:inherit;line-height:1.1;white-space:nowrap;color:inherit;background:0 0;text-decoration:none}
.calendar-view-switch button{cursor:pointer}
.calendar-view-switch button[aria-pressed=true]{font-weight:650;color:inherit;background:color-mix(in srgb,var(--calendar-active) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calendar-active) 34%,transparent),0 1px 2px color-mix(in srgb,currentColor 9%,transparent)}
.calendar-view-switch button:not([aria-pressed=true]):hover,.calendar-view-switch a:hover{background:var(--calendar-soft)}
.calendar-view-switch button:focus-visible,.calendar-view-switch a:focus-visible{outline:2px solid var(--calendar-active);outline-offset:2px}
html.dark .calendar-year-nav select{color-scheme:dark}
html.light .calendar-year-nav select{color-scheme:light}
.calendar-feed-years{display:grid;gap:clamp(2rem,5vw,4rem);container-type:inline-size}
@container(min-width:73.25rem){.calendar-months { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.calendar-feed [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){
.calendar-feed *,.calendar-feed *::before,.calendar-feed *::after{scroll-behavior:auto!important}
}