@media (max-width: 1100px) {
    .container { width: calc(100% - 40px); }
    .nav a { font-size: 13px; gap: 4px; }
    .nav .icon { font-size: 17px; }
    .hero-grid { grid-template-columns: 1.6fr 1fr; gap: 20px; }
    .editor-panel { padding: 23px; }
    .slide-copy h2 { font-size: 29px; }
    .editor-panel > h2 { font-size: 27px; }
    .cards { gap: 18px; }
    .compact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .article-layout { gap: 25px; }
    .pulse { gap: 16px; }
    .pulse-count { display: none; }
}

@media (max-width: 800px) {
    .header-right { display: none; }
    .nav { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .nav a { font-size: 14px; padding: 10px 5px; }
    .hero-grid { grid-template-columns: minmax(0,1fr); }
    .slide { height: 440px; }
    .editor-panel { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 20px; }
    .editor-panel > .eyebrow, .editor-panel > h2, .editors-intro { grid-column: 1 / -1; }
    .editor-panel > h2 { white-space: normal; margin: 8px 0; }
    .editor-story { padding-top: 15px; }
    .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cards:not(.four):not(.compact-grid) .story-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
    .cards:not(.four):not(.compact-grid) .story-card:last-child .card-image { height: 100%; }
    .about-block { gap: 25px; grid-template-columns: 1fr; }
    .about-block h2 { white-space: normal; }
    .subscription { padding: 28px; }
    .subscription > img { width: 100px; height: 100px; }
    .footer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .footer-brand { grid-column: 1 / -1; }
    .channel-feature { grid-template-columns: 1fr 1fr; }
    .feature-copy { padding: 24px; }
    .feature-copy h2 { font-size: 23px; }
    .article-layout { grid-template-columns: minmax(0,1fr); }
    .article-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .article-aside > .eyebrow,.article-aside > h2,.article-aside > .reading-tip { grid-column: 1 / -1; }
}

@media (max-width: 540px) {
    .container { width: calc(100% - 32px); }
    .topline { padding: 7px 0; }
    .topline .edition { font-size: 11px; letter-spacing: .2px; }
    .topline .edition:last-child { display: none; }
    .masthead { padding: 17px 0; gap: 8px; }
    .brand { gap: 8px; min-width: 0; }
    .brand img { width: 37px; height: 37px; }
    .brand h1,.brand-name { font-size: 21px; letter-spacing: -.8px; }
    .brand-caption { font-size: 11px; letter-spacing: 1px; }
    .menu-toggle { display: block; flex-shrink: 0; padding: 7px 8px; font-size: 12px; color: var(--ink); border: 1px solid var(--line); border-radius: 5px; background: var(--paper); }
    .nav { grid-template-columns: repeat(3,minmax(0,1fr)); padding-bottom: 8px; }
    .js-ready .nav:not(.is-open) { display: none; }
    .nav a { font-size: 13px; padding: 9px 4px; }
    .hero-grid { margin-top: 22px; gap: 18px; }
    .slide { height: 425px; }
    .slide-copy { left: 22px; right: 22px; bottom: 74px; }
    .slide-copy h2 { font-size: 27px; }
    .slide-copy > p:not(.slide-tag) { font-size: 14px; }
    .slider-controls { left: 20px; right: 20px; }
    .editor-panel { padding: 22px; display: block; }
    .editor-panel > h2 { font-size: 27px; }
    .editor-story { padding: 14px 0; }
    .pulse { display: grid; grid-template-columns: auto 1fr; gap: 5px 17px; padding: 15px 0; font-size: 12px; }
    .pulse-label { grid-row: span 3; }
    .content-section { margin: 34px 0; }
    .section-heading { align-items: flex-start; gap: 12px; margin-bottom: 17px; }
    .section-heading h2 { font-size: 22px; }
    .section-subtitle { font-size: 13px; }
    .text-link { font-size: 12px; padding-top: 5px; }
    .section-heading .text-link { max-width: 54px; white-space: normal; flex-shrink: 0; }
    .cards,.cards.four,.compact-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
    .cards:not(.four):not(.compact-grid) .story-card:last-child { grid-column: auto; display: flex; }
    .card-body { padding: 20px; }
    .card-body h3 { font-size: 20px; }
    .compact h3 { font-size: 17px; }
    .tinted { padding: 21px 16px; }
    .ranking { padding: 25px 21px; }
    .rank-grid { grid-template-columns: 1fr; gap: 19px; }
    .about-block { margin-top: 36px; padding-top: 25px; }
    .about-block h2 { font-size: 27px; }
    .subscription { padding: 26px 22px; margin: 28px 0 36px; align-items: flex-start; position: relative; }
    .subscription h2 { font-size: 26px; }
    .subscription > img { width: 64px; height: 64px; align-self: flex-end; }
    .subscription { flex-direction: column; gap: 18px; }
    .subscription .actions { align-items: stretch; flex-direction: column; }
    .subscription .button { width: 100%; }
    .footer-grid { gap: 27px 16px; }
    .footer-links { font-size: 12px; }
    .copyright { flex-direction: column; gap: 7px; }
    .channel-hero { padding: 26px 23px; }
    h1,.channel-hero h1 { font-size: 32px; }
    .channel-feature { grid-template-columns: 1fr; }
    .feature-image img { aspect-ratio: 16/10; }
    .feature-copy h2 { font-size: 25px; }
    .article-header h1 { font-size: 30px; }
    .article-deck { font-size: 17px; }
    .article-header .meta { gap: 6px 14px; }
    .prose { padding: 24px 20px; }
    .prose h2 { font-size: 22px; }
    .article-pagination { grid-template-columns: 1fr; gap: 18px; }
    .article-aside { grid-template-columns: 1fr; }
    .article-aside > * { grid-column: auto; }
    .info-prose { padding: 25px 22px; }
    .breadcrumb { margin: 21px 0; }
}