Mobile Article First-Screen and Sitewide QA Fix
Fixed the large blank area above mobile Knowledge articles and clipped English resource cards in short landscape, while completing Dock, back-to-top, TOC-language, and image-caption accessibility details.
# Mobile Article First-Screen and Sitewide QA Fix
This pass fixes the root cause of the large blank area above mobile Knowledge articles and adds the related mobile, short-screen, and accessibility cases to the shared regression audit.
## First-screen and short-screen layout
- Lazy Knowledge route CSS was being inserted after the mobile stylesheet, allowing an equal-specificity desktop sidebar minimum height to win. Route styles now always load before the mobile authority, with a defensive mobile guard retained.
- At 359×500, 390×844, and 844×390, article body copy is visible on the first screen instead of being pushed down by the TOC area.
- English resource cards in short landscape now use content-sized rows, keeping descriptions, tags, and the 44px primary action inside each card.
## Reading and accessibility
- Reading progress ends at the article body instead of counting Dock safety padding, and back-to-top activation returns focus to the article title.
- A collapsed Dock is inert, aria-hidden, and visually hidden, leaving no transparent focusable items.
- The TOC follows the article's actual language, long titles wrap or reveal horizontally, and containers with interactive children no longer create a duplicate Tab stop.
- Visible captions provide image descriptions while the corresponding image uses empty alt text, preventing duplicate screen-reader announcements.
## Unified QA
The article reader now covers three critical mobile sizes, Chinese, English, Japanese, and fallback-language content. Resources are also rechecked across all three languages and the short-landscape return flow. Build gates continue to verify stylesheet order, first-screen body capacity, a single scroll owner, touch sizes, and focus behavior.
