@layer components{.wn{gap:var(--rb-space-2);padding:var(--rb-space-3) var(--rb-gutter,1rem);border-block:1px solid var(--rb-line);display:grid}.wn__title{font-family:var(--rb-font-text);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-medium);color:var(--rb-ink-soft);margin:0}.wn__list{gap:var(--rb-rule);background:var(--rb-line);grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.wn__item{background:var(--rb-paper);display:flex}.wn__night{min-height:3rem;padding:var(--rb-space-2) var(--rb-space-3);color:var(--rb-ink);border-top:2px solid var(--rb-accent);transition:background-color var(--rb-duration-fast) var(--rb-ease);flex:1;align-items:baseline;gap:.4em;text-decoration:none;display:flex}.wn__night:hover,.wn__night:focus-visible{background:color-mix(in srgb, var(--rb-accent) 10%, transparent)}.wn__night:focus-visible{outline:2px solid var(--rb-accent);outline-offset:-2px}.wn__date{font-family:var(--rb-font-display);font-size:var(--rb-text-2xl);font-weight:var(--rb-weight-bold);font-variant-numeric:lining-nums tabular-nums;line-height:1}.wn__weekday{font-family:var(--rb-font-text);font-size:var(--rb-text-sm);color:var(--rb-accent)}@media (width>=75rem){.wn{align-items:center;column-gap:var(--rb-space-4);grid-template-columns:auto minmax(0,1fr)}.wn__list{grid-template-columns:repeat(4,minmax(0,12rem))}}}