@media (max-width: 1050px) {
    .wrap { width: calc(100% - 40px); }
    .nav a { flex-direction: column; gap: 0; padding-block: 10px; font-size: 13px; }
    .hero-layout { grid-template-columns: 1.6fr 1fr; gap: 18px; }
    .slide { aspect-ratio: 1.1; }
    .slide-copy { left: 24px; right: 24px; }
    .briefing { padding: 18px; }
    .briefing .brief { padding-block: 10px; }
    .card-grid { gap: 16px; }
    .split { gap: 24px; }
    .split .picture { flex-basis: 30%; }
    .article-layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 22px; }
    .article-content { padding: 25px; }
}
@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .head-note { display: none; }
    .masthead { padding-block: 18px; }
    .brand h1, .brand strong { font-size: 27px; }
    .nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .nav a { font-size: 12px; padding: 8px 2px; }
    .nav a i { font-size: 18px; }
    .topline .wrap span:last-child { display: none; }
    .ticker { margin-top: 20px; gap: 10px; }
    .ticker span { font-size: 12px; }
    .hero-layout { grid-template-columns: 1fr; }
    .slide { aspect-ratio: 1.12; }
    .slide-copy { left: 22px; right: 22px; bottom: 67px; }
    .slide h2 { font-size: 27px; margin: 10px 0; }
    .slide p { font-size: 13px; }
    .hero-controls { left: 22px; right: 20px; bottom: 18px; }
    .briefing { padding: 19px; }
    .briefing h2 { font-size: 23px; margin-bottom: 10px; }
    .briefing .brief { padding-block: 13px; }
    .section { margin-top: 32px; }
    .section-title { font-size: 22px; }
    .section-head { margin-bottom: 17px; }
    .section-head p { font-size: 12px; }
    .card-grid { grid-template-columns: 1fr; }
    .card h3 { font-size: 20px; }
    .split { grid-template-columns: 1fr; gap: 0; }
    .split .picture { flex-basis: 33%; }
    .dark-section { padding: 20px; }
    .rank-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
    .rank-item b { font-size: 30px; }
    .rank-item h3 { font-size: 16px; }
    .about { grid-template-columns: 1fr; gap: 15px; padding-block: 25px; }
    .subscribe { padding: 23px; flex-wrap: wrap; gap: 17px; }
    .subscribe img { width: 55px; height: 55px; }
    .subscribe h2 { font-size: 22px; }
    .subscribe .sub-copy { flex: 1; min-width: 160px; }
    .subscribe .sub-actions { width: 100%; margin-left: 0; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .copyright { flex-direction: column; gap: 5px; }
    .page-intro { padding: 23px; }
    .page-intro h1 { font-size: 30px; }
    .category-feature { grid-template-columns: 1fr; }
    .category-feature .card-body { padding: 22px; }
    .category-feature h2 { font-size: 23px; }
    .more-area { flex-direction: column; align-items: start; }
    .article-layout { grid-template-columns: 1fr; }
    .article-content { padding: 22px 18px; }
    .article-content h1 { font-size: 27px; }
    .article-content h2 { font-size: 22px; }
    .article-content p { font-size: 16px; }
    .article-nav { grid-template-columns: 1fr; }
    .doc { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .card { transition: none; }
}