@media (max-width: 1100px) {
    .wrap { width: calc(100% - 40px); }
    .nav-inner { flex-wrap: wrap; justify-content: flex-start; }
    .nav-inner > a { flex: 1 0 16%; text-align: center; padding: 11px 8px; }
    .hero-layout { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 18px; }
    .slider { aspect-ratio: auto; min-height: 465px; }
    .hero-aside { padding: 20px; }
    .hero-copy { left: 25px; right: 25px; }
    .four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .subscribe { padding: 28px; }
    .subscribe-action img { display: none; }
    .article-layout { grid-template-columns: minmax(0, 1fr) 245px; gap: 22px; }
    .article-content { padding: 30px; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .utility { font-size: 11px; letter-spacing: 0; }
    .utility span:last-child { display: none; }
    .masthead { padding-block: 20px; }
    .masthead > div:last-child:not(.brand) { display: none; }
    .brand-title { font-size: 22px; }
    .brand-note { letter-spacing: 1px; font-size: 11px; }
    .brand > img { width: 42px; height: 42px; flex-basis: 42px; }
    .nav-inner > a { flex-basis: 30%; font-size: 13px; padding: 10px 4px; }
    .nav-icon { font-size: 15px; margin-right: 5px; }
    .ticker { margin-block: 20px; gap: 10px; font-size: 12px; }
    .ticker-end { display: none; }
    .ticker-label { padding: 3px 7px; }
    .hero-layout { grid-template-columns: minmax(0, 1fr); }
    .slider { min-height: 0; aspect-ratio: 1.02; }
    .hero-copy { left: 22px; right: 22px; bottom: 72px; }
    .hero-copy h2 { font-size: 26px; margin-bottom: 10px; }
    .hero-copy p { font-size: 13px; margin-bottom: 10px; }
    .hero-tag { font-size: 11px; margin-bottom: 10px; }
    .slider-controls { left: 22px; right: 22px; bottom: 21px; }
    .hero-aside { padding: 22px; }
    .rank-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
    .rank-list li { gap: 9px; }
    .rank-no { font-size: 23px; min-width: 25px; }
    .rank-list a { font-size: 14px; }
    .aside-bottom { margin-top: 4px; }
    .content-section { margin-block: 33px; }
    .section-head { gap: 10px; }
    .section-head h2 { font-size: 23px; }
    .section-head p { font-size: 13px; max-width: 280px; }
    .more { font-size: 12px; }
    .card-grid { gap: 14px; }
    .card-body { padding: 14px; }
    .card-body h3 { font-size: 16px; }
    .card-body p { font-size: 13px; }
    .meta { gap: 5px; }
    .meta time { font-size: 11px; }
    .insight-strip { grid-template-columns: minmax(0, 1fr); gap: 25px; padding: 25px; }
    .insight-strip h2 { font-size: 28px; }
    .insight-strip .brief-list { border-top: 1px solid #435046; padding-top: 25px; }
    .two { grid-template-columns: minmax(0, 1fr); }
    .compact .card-image { width: 32%; }
    .compact .card-image img { min-height: 205px; }
    .verify-section { padding: 20px 16px; }
    .about { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 27px; }
    .about h2 { max-width: none; font-size: 25px; }
    .subscribe { display: block; padding: 27px 22px; }
    .subscribe h2 { font-size: 25px; }
    .subscribe-action { margin-top: 25px; }
    .subscribe-action img { display: block; width: 62px; height: 62px; }
    .subscribe-action small { font-size: 10px; }
    .footer-grid { gap: 25px 14px; }
    .footer-grid h2 { font-size: 14px; }
    .footer-grid > div:not(:first-child) > a { font-size: 12px; }
    .footer-bottom { flex-direction: column; gap: 5px; font-size: 11px; }
    .breadcrumbs { font-size: 12px; gap: 7px; padding-block: 18px; }
    .breadcrumbs > span:last-child { max-width: 100%; }
    .category-intro h1 { font-size: 34px; }
    .category-intro .intro { font-size: 19px; }
    .category-feature { grid-template-columns: minmax(0, 1fr); }
    .category-feature > div:last-child { padding: 23px; }
    .category-feature h2 { font-size: 25px; }
    .more-reading { flex-direction: column; align-items: flex-start; padding: 20px; }
    .article-layout { grid-template-columns: minmax(0, 1fr); }
    .article-content { padding: 25px 20px; }
    .article-content h1 { font-size: 29px; }
    .article-deck { font-size: 16px; }
    .article-content section > p { font-size: 16px; }
    .article-content section h2 { font-size: 22px; }
    .article-sidebar { padding: 24px; }
    .article-sidebar ol { margin-bottom: 0; }
    .prev-next { grid-template-columns: minmax(0, 1fr); gap: 15px; }
    .info-page { padding: 26px 22px; }
    .info-page h1 { font-size: 28px; }
}

@media (max-width: 380px) {
    .four { grid-template-columns: minmax(0, 1fr); }
    .rank-list { grid-template-columns: minmax(0, 1fr); }
    .slider { aspect-ratio: .85; }
    .hero-copy h2 { font-size: 23px; }
    .brand-title { font-size: 20px; }
    .brand { gap: 9px; }
    .section-head { align-items: flex-start; }
    .subscribe-action { gap: 12px; }
    .subscribe-action img { width: 48px; height: 48px; }
    .subscribe-action .button { padding-inline: 13px; }
}