@layer components{.month{gap:var(--space-6);padding-block:var(--space-4) var(--space-section);display:grid}.month__head{gap:var(--space-4);display:grid}.month__title{margin:var(--space-2) 0 0}.month__lead{max-inline-size:52ch;margin:0}.month__detail{max-inline-size:var(--measure);font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.month__all{margin:var(--space-3) 0 0;font-family:var(--font-sans);font-weight:var(--weight-label)}.month__chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.month__chip{min-inline-size:3.25rem;min-block-size:var(--target-min);padding-inline:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-label);place-items:center;text-decoration:none;display:grid}.month__chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.month__chip[aria-current]{border-color:var(--color-selected);background-color:var(--color-selected);color:var(--color-on-selected)}.month__h2{margin:0 0 var(--space-4);font-size:var(--text-title);line-height:var(--leading-title)}.month__facts,.month__ranking{border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-6)}.month__ledger{max-inline-size:52rem;margin:0}.month__ledger .ledger__body{font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-body);margin:0}@container (width>=36rem){.month__ledger .ledger__row{grid-template-columns:10rem minmax(0,1fr)}}.rank{container-type:inline-size}.rank__head,.rank__twin{display:none}.rank__list{border-block-start:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.rank__row{gap:var(--space-1) var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--color-rule);font-family:var(--font-sans);grid-template-columns:3.5rem minmax(0,1fr);align-items:start;display:grid;position:relative}.rank__row p,.rank__row h3{margin:0}.rank__score{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--color-rating-poor);color:var(--color-text);font-size:var(--text-title);font-weight:var(--weight-title);font-variant-numeric:tabular-nums lining-nums;grid-row:1/span 3;place-items:center;line-height:1;display:grid}.rank__row[data-rating=excellent] .rank__score{background-color:var(--color-rating-excellent);color:var(--color-on-rating-excellent)}.rank__row[data-rating=good] .rank__score{background-color:var(--color-rating-good)}.rank__row[data-rating=fair] .rank__score{background-color:var(--color-rating-fair)}.rank__name{gap:.125rem;min-inline-size:0;display:grid}.rank__name h3{font-size:var(--text-title);line-height:var(--leading-title)}.rank__name a{color:var(--color-text);text-decoration:none}.rank__name a:after{content:"";position:absolute;inset:0}.rank__row:hover .rank__name a{color:var(--color-brand);text-underline-offset:.2em;text-decoration:underline 1px}.rank__name p,.rank__facts{font-size:var(--text-label);font-weight:var(--weight-data);color:var(--color-text-muted);font-variant-numeric:tabular-nums lining-nums;line-height:1.5}.rank__facts{grid-column:2}.rank__facts p{display:inline}.rank__rating{font-weight:var(--weight-label);color:var(--color-text)}.rank__rating:after,.rank__fact--sea:after{content:" ·"}.rank__fact--rain:after{content:"\a ";white-space:pre}.rank__row--below{border-block-start:2px solid var(--color-text)}@container (width>=48rem){.rank__facts{display:contents}.rank__facts p{display:block}.rank__rating:after,.rank__fact--sea:after,.rank__fact--rain:after{content:none}.rank__head,.rank__row{column-gap:var(--space-4);grid-template-columns:3.5rem minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.5fr) minmax(0,.6fr) minmax(0,1.3fr);display:grid}.rank__head{font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-label);line-height:var(--leading-label);color:var(--color-text-muted);padding-block-end:var(--space-2)}.rank__row{padding-block:var(--space-3);align-items:center}.rank__score{grid-row:auto;inline-size:3.5rem}.rank__label{display:none}.rank__twin{display:inline}}.rank__none{color:var(--color-text-muted)}.month__sources{max-inline-size:var(--measure);margin:var(--space-4) 0 0;font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-data);color:var(--color-text-muted);line-height:1.6}.month__pager{justify-content:space-between;gap:var(--space-4);border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-6);display:flex}.month__pager-link{align-items:center;gap:var(--space-3);min-block-size:var(--target-min);font-family:var(--font-sans);font-size:var(--text-title);font-weight:var(--weight-title);text-decoration:none;display:inline-flex}.month__pager-link:hover{text-underline-offset:.2em;text-decoration:underline 1px}.month__pager-dir{transition:translate var(--duration-slow) var(--ease-out-quint)}.month__pager-link:hover .month__pager-dir{translate:-.2em}.month__pager-link--next:hover .month__pager-dir{translate:.2em}}