Two provably-unreachable blocks in resources/views/videos/types/match.blade.php
whose cascade targets are overridden further down with !important:
1. The pre-override pair at ~line 320:
.events-sidebar { display: none; }
.events-sidebar.show { display: flex; }
is overridden by the primary .events-sidebar definition further down
that sets `display: none !important` and `.show { display: flex !important }`.
2. The first `@media (max-width: 1300px)` block that sized
.yt-sidebar-container + .events-sidebar to 300 px is overridden by the
SECOND `@media (max-width: 1300px)` block immediately after, which sets
both to `width: 100% !important` as part of the stacking layout. Same
breakpoint, same selectors, !important wins.
Both removals leave Blade comments in place so the next reader can see why
the gap is there. Smoke-tested: /, /videos still 200; full test suite
80/80 green. Full consolidation of the four responsive .events-sidebar
variants (desktop, 1300 px stacking, 991 px bottom sheet, fullscreen
drawer) is left for a future turn with a browser visual-regression
harness — each variant has a distinct behavior that would be risky to
merge without one.
Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>
