@media (max-width: 1000px) {
    .wrap { width: calc(100% - 40px); }
    .navigation { flex-wrap: wrap; justify-content: flex-start; gap: 0 12px; }
    .navigation a { padding: 12px 6px; }
    .hero-grid { grid-template-columns: minmax(0, 1.65fr) minmax(250px, 1fr); gap: 18px; }
    .hero-copy { padding: 90px 25px 85px; }
    .hero-controls { left: 25px; }
    .cards { gap: 16px; }
    .split { gap: 20px; }
    .card-body { padding: 16px; }
    .horizontal .card { grid-template-columns: 1fr; }
    .horizontal .card img { height: auto; min-height: 0; aspect-ratio: 16/9; }
    .subscribe { grid-template-columns: 75px 1fr; }
    .subscribe .button { grid-column: 2; justify-self: start; }
    .reading-layout { grid-template-columns: minmax(0, 1fr) 230px; gap: 18px; }
    .reading { padding: 26px; }
}
@media (max-width: 720px) {
    .wrap { width: calc(100% - 32px); }
    .topline .wrap > span:last-child { display: none; }
    .brandrow { min-height: 88px; gap: 10px; }
    .brand img { width: 41px; height: 41px; }
    .brand h1, .brand .brandname { font-size: 23px; }
    .brand small { font-size: 10px; letter-spacing: .1em; }
    .edition { display: none; }
    .menu-toggle { display: block; flex-shrink: 0; font-size: 13px; }
    .navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
    .navigation a { white-space: normal; text-align: center; font-size: 13px; padding: 10px 1px; }
    .navigation.is-collapsed { display: none; }
    .ticker { align-items: flex-start; gap: 12px; }
    .ticker p { font-size: 12px; }
    main { padding-top: 22px; }
    .hero-grid, .split, .reading-layout { grid-template-columns: minmax(0, 1fr); }
    .slide { min-height: 410px; }
    .hero-copy { padding: 100px 23px 80px; }
    .hero-copy h2 { font-size: 27px; }
    .briefing { padding: 20px; }
    .brief-item { padding-block: 11px; }
    .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cards .card:last-child:nth-child(odd) { grid-column: 1/-1; }
    .card h3 { font-size: 17px; }
    .section-head h2 { font-size: 22px; }
    .section-head p { font-size: 12px; }
    .band { padding: 22px; flex-direction: column; align-items: flex-start; gap: 13px; }
    .band h2 { font-size: 24px; }
    .timeline { grid-template-columns: 1fr; gap: 15px; }
    .about { grid-template-columns: 1fr; gap: 14px; }
    .subscribe { padding: 24px; gap: 18px; grid-template-columns: 60px 1fr; }
    .subscribe h2 { font-size: 20px; }
    .subscribe img { width: 60px; height: 60px; }
    .subscribe .button { grid-column: 1/-1; width: 100%; text-align: center; }
    .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
    .footer-grid > div:first-child { grid-column: 1/-1; }
    .copyright { flex-direction: column; gap: 3px; }
    .category-intro { padding: 25px; }
    .category-feature { grid-template-columns: 1fr; }
    .category-feature > div { padding: 23px; }
    .reading { padding: 22px; }
    .reading h1 { font-size: 27px; }
    .reading .lead { font-size: 17px; }
    .reading h2 { font-size: 22px; }
    .utility { padding: 24px; }
}
@media (max-width: 430px) {
    .cards, .split .cards, .horizontal { grid-template-columns: minmax(0, 1fr); }
    .card img { aspect-ratio: 16/9; }
    .section-head { gap: 10px; }
    .section-head > a { font-size: 12px; }
    .prevnext { grid-template-columns: 1fr; gap: 16px; }
}