@media (max-width: 1024px) {
    .wrap { width: calc(100% - 40px); }
    .navigation a { font-size: 12px; }
    .navigation .icon { display: none; }
    .hero-grid { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 18px; }
    .ranking { padding: 18px; }
    .hero-copy { padding: 140px 24px 85px; }
    .cards { gap: 16px; }
    .card-body { padding: 16px; }
    .reading-grid { gap: 24px; grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr); }
    .subscription { padding: 26px; grid-template-columns: 65px 1fr; }
    .subscription img { width: 65px; }
    .subscription .button { grid-column: 2; justify-self: start; }
}
@media (max-width: 720px) {
    .wrap { width: calc(100% - 32px); }
    .utility { font-size: 9px; letter-spacing: .5px; }
    .utility .spread > span:last-child { display: none; }
    .masthead { min-height: 88px; gap: 10px; }
    .brand { gap: 9px; }
    .brand img { width: 40px; height: 40px; }
    .brand h1, .brand strong { font-size: 23px; }
    .brand small { font-size: 8px; letter-spacing: 2px; }
    .edition { display: none; }
    .navigation { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .navigation a { padding: 9px 2px; font-size: 12px; border-bottom-width: 2px; }
    .navigation .icon { display: inline; }
    .ticker { gap: 10px; font-size: 11px; }
    .ticker span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hero-grid { grid-template-columns: 1fr; margin-top: 22px; gap: 20px; }
    .slide { min-height: 410px; }
    .hero-copy { padding: 128px 22px 90px; }
    .hero-copy h2 { font-size: 27px; }
    .hero-controls { left: 22px; right: 22px; }
    .ranking { padding: 20px; }
    .rank-item { padding: 12px 0; }
    .section { margin-top: 32px; }
    h2 { font-size: 22px; }
    .section-head p { max-width: 235px; font-size: 11px; }
    .cards, .duo { grid-template-columns: 1fr; }
    .duo { gap: 0; }
    .card > a img { aspect-ratio: 16 / 9; }
    .compact > a { width: 32%; }
    .compact > a img { aspect-ratio: 1; }
    .card h3 { font-size: 18px; }
    .compact h3 { font-size: 14px; }
    .focus-band { padding: 20px; }
    .about { grid-template-columns: 1fr; gap: 18px; padding: 26px 0; }
    .subscription { grid-template-columns: 52px minmax(0, 1fr); padding: 22px; gap: 16px; margin-top: 32px; }
    .subscription img { width: 52px; }
    .subscription h2 { font-size: 21px; }
    .subscription-status { grid-column: 1 / -1; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .copyright.spread { align-items: flex-start; flex-direction: column; gap: 5px; }
    .category-head { grid-template-columns: 1fr; gap: 15px; padding: 18px 0 28px; }
    .category-feature .card { flex-direction: column; }
    .category-feature .card > a { width: 100%; }
    .category-feature img { min-height: 0; }
    .category-feature .card-body { padding: 22px; }
    .category-feature h3 { font-size: 23px; }
    .reading-grid { grid-template-columns: 1fr; }
    .article-body { padding: 22px 18px; }
    .article-body p { font-size: 15px; }
    .article-pagination { gap: 12px; }
    .article-pagination a { padding: 14px; }
    .sidebar .cards { grid-template-columns: 1fr; }
}