Move the Astro-facing responsive layer out of responsive.css, retaining the exact legacy stylesheet for full-guide/index.html until task 20. Scope worktree and fleet overrides to their components so they can win against component base styles.
Do not delete responsive.css: the legacy page still loads it. Generated screenshot artifacts are deliberately untracked.
The 880px and 1050px media queries are in the built sheet and inert:
Astro's scoped `.tree-node[data-astro-cid-...]` outranks a rule ported
verbatim as `.tree-node`. Attempt 4 got everything else right and passed
the acceptance test in this brief, which was mine to get wrong.
Replaces that test with computed-style-diff.mjs, and records the finding
it produced: main is already at 52 differences, because importing a global
responsive.css into an Astro page never fully worked either.
Tagged rejected/15e-attempt-4.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Attempt 3 dropped the 880px and 1050px media queries and put the strings
back as two variables nothing references, so audit-ui's value contract
reported success over a real responsive regression. Records that, plus the
fifty `--raw-<hex>` tokens, the `--white-31` churn, and the 35 MB of
screenshots it committed.
Tagged rejected/15e-attempt-3.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Marcos Paulo