@media (max-width: 1050px) {
    .wrap { width: calc(100% - 40px); }
    .hero-grid { grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr); gap: 18px; }
    .slide { aspect-ratio: auto; height: 460px; }
    .grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav a { font-size: 13px; gap: 4px; }
    .reading { padding: 28px; }
    .reading-layout { gap: 20px; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); }
    .slide-copy { padding-inline: 25px; }
}
@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .masthead { padding-block: 20px; }
    .brand h1, .brand strong { font-size: 25px; }
    .brand img { width: 47px; height: 47px; }
    .mast-note { display: none; }
    .nav { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
    .nav a { padding: 8px 2px; font-size: 12px; }
    .nav span { font-size: 15px; }
    .topbar .wrap > span:last-child { display: none; }
    .newsline { gap: 10px; align-items: flex-start; font-size: 12px; }
    .hero-grid, .split, .reading-layout { grid-template-columns: 1fr; }
    .slide { height: auto; aspect-ratio: 1.2; }
    .slide-copy { bottom: 52px; padding-inline: 23px; }
    .slide h2 { font-size: 24px; }
    .slide p { font-size: 13px; }
    .hero-grid > .panel { padding: 21px; }
    .rank-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
    .rank-list li:nth-child(2) { border-top: 0; padding-top: 0; }
    .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
    .grid .card:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .grid .card:last-child:nth-child(odd) > a img { aspect-ratio: 2.2; }
    .block { margin-top: 30px; }
    .section-heading h2 { font-size: 21px; }
    .section-heading { margin-bottom: 17px; }
    .card-body { padding: 15px; }
    .card h3 { font-size: 16px; }
    .card p { font-size: 13px; }
    .about { grid-template-columns: 1fr; gap: 16px; padding: 24px; }
    .subscribe { grid-template-columns: 65px minmax(0, 1fr); gap: 18px; padding: 23px; }
    .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; }
    .copyright { flex-direction: column; gap: 5px; }
    .category-banner { padding: 25px; }
    .category-banner h1 { font-size: 30px; }
    .reading { padding: 25px; }
    .reading h1 { font-size: 27px; }
    .reading .lead { font-size: 17px; }
    .reading h2 { font-size: 22px; }
}
@media (max-width: 400px) {
    .nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .slide { aspect-ratio: .95; }
    .grid, .grid.four { grid-template-columns: 1fr; }
    .rank-list { grid-template-columns: 1fr; }
    .rank-list li:nth-child(2) { border-top: 1px solid var(--line); padding-top: 12px; }
    .list-story { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
    .list-story h3 { font-size: 16px; }
    .list-story p { display: none; }
    .reading { padding: 20px; }
    .prevnext { grid-template-columns: 1fr; }
    .section-heading small { display: none; }
}