@media (max-width: 980px) {
    .hero { grid-template-columns: 1fr; padding: 42px; }
    .hero-visual { max-height: 430px; }
    .spotlight-grid, .catalog-grid { grid-template-columns: repeat(2, 1fr); }
    .timeline { grid-template-columns: repeat(2, 1fr); }
    .popular-feature { grid-template-columns: 1fr; }
    .feature-poster { min-height: 440px; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .split-section, .editor-picks, .channel-bottom { grid-template-columns: 1fr; }
    .reel-grid, .mosaic-grid { grid-template-columns: repeat(2, 1fr); }
    .ranking-list li { grid-template-columns: 52px 1fr 110px; }
    .ranking-list li > strong, .ranking-list time { display: none; }
    .topic-grid { grid-template-columns: 1fr 1fr; }
    .topic-card:last-child { grid-column: span 2; min-height: 340px; }
    .subscribe-panel { grid-template-columns: 120px 1fr; }
    .subscribe-button { grid-column: 2; justify-self: start; }
    .channel-hero { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .shell, .header-inner, .main-nav { width: min(100% - 28px, 1200px); }
    .header-inner { height: 64px; }
    .menu-toggle { display: flex; }
    .main-nav { display: none; padding: 8px 0 16px; flex-wrap: wrap; }
    .main-nav.open { display: grid; grid-template-columns: repeat(2, 1fr); }
    .nav-link { width: 100%; }
    .hero { margin-top: 18px; min-height: 0; padding: 30px 22px; border-radius: 22px; gap: 30px; }
    .hero h1 { font-size: 3.6rem; }
    .hero-visual { aspect-ratio: 16 / 11; }
    .hero-play { width: 56px; height: 56px; }
    .hero-facts { gap: 10px; flex-wrap: wrap; }
    .section { margin-top: 60px; }
    .section-heading { display: block; }
    .section-heading > div { margin-bottom: 10px; }
    .spotlight-grid, .category-grid, .reel-grid, .mosaic-grid, .topic-grid, .catalog-grid, .related-grid { grid-template-columns: 1fr; }
    .timeline { grid-template-columns: 1fr; }
    .update-strip, .classic-reel, .ranking-panel { padding: 26px 20px; }
    .popular-feature { min-height: 0; }
    .feature-poster { min-height: 270px; }
    .feature-copy { padding: 28px 22px; }
    .category-tile { min-height: 170px; }
    .short-drama, .anime-stack { padding: 20px; }
    .video-card.compact { grid-template-columns: 125px 1fr; }
    .video-card.compact .card-body { padding: 12px; }
    .video-card.compact .card-body p, .video-card.compact .meta-row { display: none; }
    .premiere-grid article { grid-template-columns: 70px 1fr; }
    .premiere-grid article span { grid-column: 2; text-align: left; }
    .ranking-list li { grid-template-columns: 44px 1fr; }
    .ranking-list li > span:not(.rank-number) { display: none; }
    .topic-card, .topic-card:last-child { grid-column: auto; min-height: 360px; }
    .mosaic-grid .video-card:nth-child(1) { grid-column: auto; }
    .mosaic-grid .video-card:nth-child(1) .cover { aspect-ratio: 16 / 10; }
    .editor-picks, .about-panel { padding: 26px 20px; }
    .tag-cloud { grid-template-columns: 1fr; padding: 28px 0; }
    .about-panel { grid-template-columns: 1fr; gap: 14px; }
    .about-number { font-size: 4rem; }
    .subscribe-panel { grid-template-columns: 1fr; padding: 26px 22px; }
    .subscribe-button { grid-column: auto; }
    .footer-inner { grid-template-columns: 1fr; gap: 24px; }
    .channel-hero { padding: 26px 20px; }
    .channel-hero h1 { font-size: 2.7rem; }
    .channel-feature { min-height: 280px; }
    .watch-heading { margin-top: 28px; }
    .controls { grid-template-columns: 34px 42px 1fr 48px 34px; padding-inline: 10px; }
    .controls button:last-child { display: none; }
    .watch-note { grid-template-columns: 1fr; gap: 5px; }
    .article-copy, .gallery-grid, .highlight-band, .prev-next { grid-template-columns: 1fr; }
    .highlight-band { padding: 24px; }
}
@media (max-width: 420px) {
    .video-card.compact { grid-template-columns: 110px 1fr; }
    .hero-actions .button { width: 100%; }
    .main-nav.open { grid-template-columns: 1fr; max-height: 70vh; overflow-y: auto; }
}