@layer components{.weekly-grid{--weekly-grid-label-w: 9.5rem;--weekly-grid-cell-w: 4.25rem;--weekly-grid-total-w: 7rem;--weekly-grid-head-bg: var(--surface-base);--weekly-grid-head-text: var(--color-white);--weekly-grid-row-bg: var(--color-surface);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--weekly-grid-row-bg)}.weekly-grid__table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.weekly-grid :where(th,td){padding:.45rem .25rem;border-top:1px solid var(--color-border);text-align:center;white-space:nowrap}.weekly-grid__label{position:sticky;left:0;z-index:1;width:var(--weekly-grid-label-w);max-width:var(--weekly-grid-label-w);padding-inline:.875rem .5rem;overflow:hidden;background:var(--weekly-grid-row-bg);text-align:start;text-overflow:ellipsis;font-weight:500;box-shadow:6px 0 10px -8px rgba(0,0,0,.35)}.weekly-grid__heading,.weekly-grid__cell{min-width:var(--weekly-grid-cell-w)}.weekly-grid__total{min-width:var(--weekly-grid-total-w);border-left:1px solid var(--color-border);font-weight:600}.weekly-grid__headings th{border-top:0;background:var(--weekly-grid-head-bg);color:var(--weekly-grid-head-text);font-size:.75rem;font-weight:700}.weekly-grid__headings th.is-gap{opacity:.55}.weekly-grid__context th,.weekly-grid__context td{padding-block:.3rem;color:var(--color-text-secondary);font-size:.6875rem;font-weight:600}.weekly-grid__body:nth-child(even){--weekly-grid-row-bg: color-mix(in srgb, var(--color-text) 4%, var(--color-surface))}.weekly-grid__body td,.weekly-grid__body th{background:var(--weekly-grid-row-bg)}.weekly-grid tfoot th,.weekly-grid tfoot td{font-weight:800}.weekly-grid__top,.weekly-grid__bottom{display:block;line-height:1.25}.weekly-grid__top{font-size:.75rem}.weekly-grid__bottom{margin-top:2px;color:var(--color-text-secondary);font-size:.6875rem}.weekly-grid .is-muted{color:var(--color-text-muted);font-size:.625rem;font-weight:800;letter-spacing:.04em}.weekly-grid .is-gap{background-image:repeating-linear-gradient(135deg, var(--color-stripe) 0 4px, transparent 4px 8px)}.weekly-grid__matchup{display:inline-flex;align-items:center;gap:3px}.weekly-grid__matchup .table-logo{width:18px;height:18px}}