@media (max-width: 1100px) {
    .container { width: calc(100% - 40px); }
    .nav-inner a { padding-inline: 7px; font-size: 13px; gap: 5px; }
    .nav-inner a span { font-size: 16px; }
    .hero-grid { grid-template-columns: minmax(0,1.8fr) minmax(270px,1fr); gap: 18px; }
    .slide { min-height: 475px; }
    .editor-picks { padding-inline: 20px; }
    .section-heading > p { max-width: 390px; }
    .feature-layout { grid-template-columns: 1fr 1.15fr; gap: 18px; }
    .compact .image-link { width: 30%; }
    .story-copy { padding: 18px; }
    .story h3 { font-size: 18px; }
    .article-layout { gap: 25px; grid-template-columns: minmax(0,1fr) 250px; }
    .article-body { padding: 28px; }
    .subscribe-band { gap: 20px; }
    .subscribe-band h2 { font-size: 21px; }
}
@media (max-width: 850px) {
    .masthead { min-height: 96px; }
    .header-note { display: none; }
    .header-subscribe { margin-left: auto; }
    .nav-inner { flex-wrap: wrap; justify-content: flex-start; gap: 0; }
    .nav-inner a { flex: 1 0 18%; font-size: 14px; padding-block: 10px; }
    .hero-grid { grid-template-columns: 1fr; }
    .slide { min-height: 430px; aspect-ratio: 1.7; }
    .editor-picks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 20px; }
    .rail-heading { grid-column: 1 / -1; }
    .rail-heading p { margin: 0; }
    .pick { gap: 10px; padding-bottom: 0; }
    .pick-number { font-size: 23px; }
    .pick h3 { font-size: 15px; }
    .section-heading { flex-wrap: wrap; gap: 10px; }
    .section-heading > p { order: 3; width: 100%; max-width: none; }
    .more-link { align-self: center; }
    .card-grid { gap: 16px; }
    .story h3 { font-size: 17px; }
    .story-copy { padding: 16px; }
    .feature-layout { grid-template-columns: 1fr; }
    .feature-layout > .story { flex-direction: row; }
    .feature-layout > .story .image-link { width: 45%; }
    .feature-layout > .story img { height: 100%; aspect-ratio: 1; }
    .feature-stack { grid-template-rows: auto; }
    .compact .image-link { width: 34%; }
    .compact img { min-height: 170px; }
    .about-block { gap: 30px; }
    .about-block h2 { font-size: 25px; }
    .subscribe-band { grid-template-columns: 70px 1fr; }
    .subscribe-band .button { grid-column: 2; justify-self: start; }
    .subscribe-graphic { grid-row: 1 / 3; }
    .subscribe-graphic img { width: 70px; height: 70px; }
    .footer-grid { grid-template-columns: 1.6fr 1fr 1fr; gap: 25px; }
    .footer-grid > div:last-child { grid-column: 1 / -1; }
    .footer-grid > div:last-child a { display: inline-block; margin-right: 24px; }
    .category-feature { grid-template-columns: 1fr 1fr; }
    .category-feature > div:last-child { padding: 24px; }
    .category-feature h2 { font-size: 23px; }
    .category-list { grid-template-columns: 1fr; }
    .article-layout { grid-template-columns: 1fr; }
    .article-sidebar { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; }
}
@media (max-width: 580px) {
    .container { width: calc(100% - 32px); }
    .top-strip { font-size: 11px; }
    .top-strip .container > span:last-child { display: none; }
    .masthead { gap: 10px; min-height: 88px; }
    .brand { gap: 10px; }
    .brand h1, .brand-title { font-size: 24px; }
    .brand p:not(.brand-title) { font-size: 10px; letter-spacing: .15em; }
    .logo-icon img { width: 43px; height: 43px; }
    .header-subscribe { display: none; }
    .menu-toggle { display: block; margin-left: auto; padding: 8px 10px; border: 1px solid var(--line); background: white; font-size: 12px; white-space: nowrap; }
    body.js-enabled .navigation:not(.is-open) { display: none; }
    .nav-inner a { flex-basis: 33%; padding-block: 12px; }
    .news-ribbon { min-height: 70px; gap: 12px; font-size: 12px; padding-block: 14px; }
    .news-ribbon p { flex: 1; line-height: 1.7; }
    .news-ribbon time { display: none; }
    .slide { min-height: 460px; aspect-ratio: .85; }
    .slide-copy { bottom: 82px; left: 22px; right: 22px; }
    .slide h2 { font-size: 28px; }
    .slide p { font-size: 13px; }
    .carousel-controls { left: 19px; right: 20px; gap: 7px; }
    .slide-count { display: none; }
    .editor-picks { display: block; padding: 20px; }
    .rail-heading h2 { font-size: 23px; }
    .rail-heading p { margin: 3px 0 16px; }
    .pick { gap: 20px; padding: 16px 0; }
    .pick h3 { font-size: 17px; margin-bottom: 5px; }
    .pick-number { font-size: 29px; }
    .quick-topics { gap: 8px; padding-top: 20px; }
    .quick-topics > span { width: 100%; }
    .quick-topics a { font-size: 12px; padding: 5px 10px; }
    .content-section { margin-top: 34px; }
    .section-heading { margin-bottom: 18px; }
    .section-heading h2 { font-size: 24px; }
    .section-kicker { font-size: 10px; }
    .section-heading > p { font-size: 13px; }
    .card-grid { grid-template-columns: 1fr; gap: 20px; }
    .story h3 { font-size: 20px; }
    .story-copy { padding: 20px; }
    .story-copy > p { font-size: 14px; }
    .feature-section { padding: 18px; }
    .feature-layout > .story { flex-direction: column; }
    .feature-layout > .story .image-link { width: 100%; }
    .feature-layout > .story img { aspect-ratio: 1.65; height: auto; }
    .compact .image-link { width: 31%; }
    .compact h3 { font-size: 16px; }
    .compact .story-copy { padding: 14px; }
    .compact .story-copy > p { -webkit-line-clamp: 2; font-size: 12px; }
    .compact img { min-height: 195px; }
    .reading-banner { padding: 26px; display: block; margin-top: 34px; }
    .reading-banner h2 { font-size: 28px; }
    .reading-banner .button { margin-top: 22px; }
    .about-block { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; padding-block: 30px; }
    .about-block h2 { font-size: 28px; }
    .subscribe-band { padding: 23px; gap: 18px; grid-template-columns: 1fr; margin-top: 15px; margin-bottom: 32px; }
    .subscribe-graphic { grid-row: auto; }
    .subscribe-graphic img { width: 62px; height: 62px; }
    .subscribe-band .button { grid-column: 1; }
    .subscribe-band h2 { font-size: 23px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .footer-bottom { flex-direction: column; gap: 9px; }
    .category-intro { align-items: start; gap: 15px; }
    .category-intro h1 { font-size: 33px; }
    .category-intro p { font-size: 14px; }
    .category-count { font-size: 42px; margin-top: 28px; }
    .category-count span { font-size: 10px; }
    .category-feature { grid-template-columns: 1fr; }
    .category-feature h2 { font-size: 27px; }
    .category-feature > div:last-child { padding: 24px; }
    .category-list .compact { flex-direction: column; }
    .category-list .compact .image-link { width: 100%; }
    .category-list .compact img { aspect-ratio: 1.75; height: auto; min-height: 0; }
    .category-list .compact h3 { font-size: 21px; }
    .category-list .compact .story-copy { padding: 22px; }
    .category-list .compact .story-copy > p { font-size: 14px; }
    .article-body { padding: 23px 20px; }
    .article-header h1 { font-size: 28px; }
    .article-header .meta { gap: 8px; }
    .article-lead { font-size: 16px; padding-left: 15px; }
    .article-section h2 { font-size: 22px; }
    .article-section > p { font-size: 16px; }
    .article-sidebar { grid-template-columns: 1fr; gap: 0; }
    .article-pagination { gap: 20px; }
    .info-page { padding: 26px 22px; }
    .info-page > h1 { font-size: 32px; }
    .info-page h2 { font-size: 22px; }
    .feed-box { padding: 16px; }
}