@media (max-width: 1050px) {
    .wrap { width: calc(100% - 40px); }
    .header-note { display: none; }
    .main-nav a { font-size: 13px; gap: 4px; }
    .nav-icon { width: 18px; }
    .hero-layout { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 18px; }
    .hero { aspect-ratio: auto; min-height: 425px; }
    .hero-copy { left: 25px; right: 25px; }
    .brief { padding: 20px; }
    .section-head .subtle { display: none; }
    .article-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 20px; }
    .article-page { padding: 28px; }
    .compact-card { grid-template-columns: 100px minmax(0,1fr); gap: 13px; }
    .compact-card img { width: 100px; }
}
@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .utility .wrap > span:last-child { display: none; }
    .utility { font-size: 12px; }
    .brand-row { padding-block: 18px; gap: 12px; }
    .logo { width: 46px; height: 46px; }
    .brand { gap: 9px; }
    .brand h1, .brand-name { font-size: 25px; }
    .brand-sub { letter-spacing: 1px; font-size: 12px; }
    .brand-row > .button { display: none; }
    .menu-toggle { display: inline-flex; margin-left: auto; align-items: center; justify-content: center; border: 1px solid var(--line); background: white; border-radius: 7px; width: 42px; height: 42px; font-size: 22px; }
    .main-nav { grid-template-columns: repeat(3, minmax(0,1fr)); padding-block: 6px; }
    .main-nav a { padding: 11px 2px; font-size: 14px; }
    .main-nav.is-collapsed { display: none; }
    .ticker { gap: 12px; padding: 17px 0; font-size: 12px; }
    .ticker span { display: none; }
    .hero-layout { grid-template-columns: 1fr; gap: 20px; }
    .hero { aspect-ratio: 1.2; min-height: 340px; }
    .hero-copy { left: 22px; right: 22px; bottom: 66px; }
    .hero-copy h2 { font-size: 26px; }
    .hero-copy p { -webkit-line-clamp: 2; font-size: 13px; }
    .slider-controls { left: 22px; right: 22px; }
    .brief { padding: 20px; }
    .brief-item { padding: 13px 0; }
    .brief-item h3 { font-size: 16px; }
    .card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
    .card-grid .card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 38% 1fr; }
    .card-grid .card:last-child .card-image { height: 100%; aspect-ratio: auto; }
    .card-body { padding: 15px; }
    .card h3 { font-size: 16px; }
    .card p { font-size: 13px; }
    .card .meta { gap: 6px; }
    .card .meta .end { display: none; }
    .home-section, .duo, .editorial, .rank-layout, .about-strip, .subscribe { margin-top: 28px; }
    .duo, .rank-layout { grid-template-columns: 1fr; gap: 24px; }
    .panel { padding: 20px; }
    .section-head h2 { font-size: 22px; }
    .section-head a { font-size: 12px; }
    .editorial { padding: 20px; }
    .compact-card { grid-template-columns: 105px minmax(0,1fr); }
    .compact-card img { width: 105px; }
    .about-strip { grid-template-columns: 1fr; gap: 12px; padding: 23px; }
    .subscribe { grid-template-columns: 65px 1fr; padding: 22px; gap: 18px; }
    .subscribe img { width: 65px; height: 65px; }
    .subscribe h2 { font-size: 20px; }
    .subscribe > .button { grid-column: 1 / -1; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .copyright { flex-direction: column; gap: 6px; }
    .channel-banner { padding: 23px; }
    .channel-banner h1 { font-size: 28px; }
    .channel-featured { gap: 16px; }
    .article-layout { grid-template-columns: 1fr; }
    .article-page { padding: 25px 20px; }
    .article-page h1 { font-size: 27px; }
    .article-page .intro { font-size: 16px; }
    .article-page .article-section p { font-size: 16px; }
    .article-navigation { grid-template-columns: 1fr; }
    .sidebar { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
    .card-grid, .channel-featured { grid-template-columns: 1fr; }
    .card-grid .card:last-child { display: flex; }
    .card-grid .card:last-child .card-image { aspect-ratio: 1.78; height: auto; }
    .hero { min-height: 370px; }
    .hero-copy h2 { font-size: 24px; }
    .hero-copy p { margin-bottom: 10px; }
    .subscribe { grid-template-columns: 1fr; }
    .subscribe img { display: none; }
    .breadcrumb { font-size: 12px; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; animation: none !important; }
}