---
title: Verify the matchup card decoupling in a browser
type: task
status: planned
description: >-
  Browser-verify that the schedule matchup card (renamed to matchup-card) renders unchanged and that
  no card styling bleeds onto the matchup page root after a schedule then matchups navigation.
base_uri: user:task/league/verify-matchup-card-decoupling.md
created_at: '2026-09-14T16:52:56.050Z'
entity_id: 63719d9f-e4bf-4e3e-b59e-5b16a0cf7204
owner_identity_uri: █████████████████████████
public_read: true
tags:
  - user:tag/league-xo-football.md
updated_at: '2026-09-14T16:52:56.050Z'
visibility_analyzed_at: '2026-11-05T23:50:36.168Z'
---

## Goal

Browser-verify, end to end, that the schedule matchup card and the matchup page no longer share any styling after the `.matchup` -> `matchup-card` decoupling (commit `7aee7cd81`).

## Plan

Follow [[███████████████████████████████-█████████]] (`yarn dev:live`; a sibling may already have a server up):

- [ ] Load `/leagues/:lid/schedule`, then navigate to `/leagues/:lid/matchups`.
- [ ] On the matchup page root `div.league-container.large.matchup`, assert NO card styling: computed background transparent, no border/radius, no `8px 16px` margin, no `280px` min-width, and `--matchup-band-pad` resolves (32px desktop).
- [ ] Assert the schedule cards (`matchup-card`) render unchanged. Check desktop and the 600px breakpoint.

## Outcome

Clean result -> mark this task completed and post no bulletins. Regression -> fix in place; both surfaces follow STYLE.md.