@media (max-width: 1050px) {
    .wrap { width: calc(100% - 40px); }
    .nav { gap: 0; }
    .nav a { gap: 5px; padding-inline: 5px; font-size: 13px; }
    .hero-grid, .content-grid { grid-template-columns: minmax(0, 1.9fr) minmax(270px,1fr); gap: 20px; }
    .slider { aspect-ratio: auto; min-height: 440px; }
    .hero-copy { left: 25px; right: 25px; }
    .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .section .cards .card:last-child:nth-child(3) { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
    .section .cards .card:last-child:nth-child(3) img { height: 100%; }
    .tagline { display: none; }
    .article-layout { grid-template-columns: minmax(0,1fr) 260px; gap: 20px; }
    .article { padding: 28px; }
}
@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .masthead { min-height: 84px; gap: 10px; }
    .brand img { width: 150px; height: auto; }
    .edition b { font-size: 12px; letter-spacing: 0; }
    .edition { font-size: 12px; }
    .topline .wrap { font-size: 12px; }
    .topline .wrap span:last-child { display: none; }
    .nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding-bottom: 7px; }
    .nav a { padding: 9px 2px; font-size: 14px; gap: 7px; }
    .nav i { font-size: 17px; }
    .leadline { font-size: 12px; padding: 16px 0; gap: 9px; }
    .leadline span:last-child { display: none; }
    .hero-grid, .content-grid, .article-layout { grid-template-columns: minmax(0,1fr); }
    .slider { min-height: 0; aspect-ratio: 1.12; }
    .hero-copy { left: 22px; right: 22px; bottom: 68px; }
    .hero-copy h2 { font-size: 26px; }
    .hero-copy p { font-size: 13px; }
    .slider-controls { left: 22px; right: 22px; }
    .hero-grid .panel { margin-top: 3px; }
    .topics { margin: 20px 0 28px; padding: 14px; gap: 8px; }
    .topics b { width: 100%; }
    .section { margin-bottom: 28px; }
    .section-title h2 { font-size: 21px; }
    .section-title { margin-bottom: 17px; }
    .cards, .wide-section .cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
    .card-body { padding: 13px; }
    .card h3 { font-size: 16px; }
    .card p { font-size: 13px; }
    .wide-section .card:last-child:nth-child(3), .verify-home .card:last-child:nth-child(3) { grid-column: 1 / -1; }
    .wide-section .card:last-child:nth-child(3) { display: grid; grid-template-columns: 1fr 1fr; }
    .wide-section .card:last-child:nth-child(3) img { height: 100%; }
    .list-cards { padding: 0 16px; }
    .list-card { grid-template-columns: 105px minmax(0,1fr); gap: 14px; padding: 19px 0; }
    .list-card h3 { font-size: 16px; }
    .list-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; }
    .list-card img { min-height: 110px; }
    .about { grid-template-columns: 1fr; gap: 8px; padding: 25px 0; }
    .subscribe { padding: 24px; grid-template-columns: 60px minmax(0,1fr); gap: 17px; }
    .subscribe img { width: 60px; height: 60px; }
    .subscribe h2 { font-size: 19px; }
    .subscribe > div:last-child { grid-column: 1 / -1; text-align: center; }
    .subscribe .button { width: 100%; }
    .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: 6px; }
    .feature { grid-template-columns: 1fr; }
    .feature .feature-body { padding: 22px; }
    .feature h2 { font-size: 23px; }
    .category-hero h1 { font-size: 30px; }
    .category-hero p { font-size: 14px; }
    .more-area { align-items: flex-start; flex-direction: column; padding: 20px; }
    .article { padding: 22px; }
    .article h1 { font-size: 27px; }
    .article .intro { padding: 16px; font-size: 16px; }
    .article section p { font-size: 16px; }
    .article section h2 { font-size: 21px; }
    .article-nav { grid-template-columns: 1fr; }
    .verify-home { padding: 20px 15px; }
    .info-page { padding: 23px; }
}
@media (max-width: 360px) {
    .wrap { width: calc(100% - 24px); }
    .edition { display: none; }
    .cards, .wide-section .cards, .category-list { grid-template-columns: minmax(0,1fr); }
    .section .cards .card:last-child:nth-child(3), .wide-section .card:last-child:nth-child(3) { display: flex; }
    .slider { aspect-ratio: .95; }
}
