@media (max-width: 1100px) {
    .wrap { width: calc(100% - 40px); }
    .leadgrid { grid-template-columns: minmax(0, 1fr) 285px; gap: 18px; }
    .hero { aspect-ratio: auto; min-height: 420px; }
    .grid, .magazine .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav a { font-size: 13px; }
    .nav .ico { display: none; }
    .compact > a { flex-basis: 120px; }
    .readinggrid { grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; }
    .article { padding: 28px; }
}
@media (max-width: 760px) {
    .wrap { width: calc(100% - 32px); }
    .topline .wrap > span:last-child, .headernote { display: none; }
    .brandrow { padding: 20px 0; }
    .brand h1, .brand .brandname { font-size: 23px; }
    .brand p { font-size: 11px; letter-spacing: 1px; }
    .brand img { width: 45px; height: 45px; }
    .nav { grid-template-columns: repeat(5, minmax(0,1fr)); }
    .nav a { padding: 10px 2px; font-size: 13px; }
    main { padding-top: 20px; }
    .briefbar { padding: 11px 12px; gap: 10px; font-size: 12px; }
    .briefbar small { display: none; }
    .leadgrid { grid-template-columns: minmax(0,1fr); }
    .hero { aspect-ratio: 1.08; min-height: 0; }
    .hero-copy { left: 22px; right: 22px; bottom: 58px; }
    .hero h2 { font-size: 24px; }
    .hero p { font-size: 13px; }
    .editorbox { padding: 20px; }
    .editorbox h2 { font-size: 21px; }
    .pick { padding: 12px 0; }
    .section { margin: 27px 0; }
    .sectionhead h2 { font-size: 21px; }
    .sectionhead p { display: none; }
    .grid, .magazine .grid { gap: 14px; }
    .cardbody { padding: 12px; }
    .card h3 { font-size: 15px; }
    .card p { font-size: 13px; }
    .card .meta { font-size: 11px; }
    .magazine { padding: 18px; }
    .duo { grid-template-columns: minmax(0,1fr); gap: 0; }
    .compact > a { flex-basis: 125px; }
    .checksection { padding: 20px; }
    .checksection .grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
    .checksection .cardbody { padding: 0; }
    .aboutstrip { grid-template-columns: minmax(0,1fr); gap: 10px; }
    .subscription .wrap { flex-wrap: wrap; gap: 16px; }
    .subscription img { width: 52px; height: 52px; }
    .subscription .subcopy { flex: 1; min-width: 220px; }
    .subscription h2 { font-size: 20px; }
    .subscription .button { margin-left: 0; width: 100%; }
    .footergrid { grid-template-columns: 1fr 1fr; gap: 25px; }
    .footergrid > div:first-child { grid-column: 1 / -1; }
    .copyright { flex-direction: column; gap: 5px; }
    .pageintro { padding: 22px; }
    .pageintro h1 { font-size: 28px; }
    .categoryfeature { grid-template-columns: minmax(0,1fr); }
    .categoryfeature > div { padding: 23px; }
    .categoryfeature h2 { font-size: 22px; }
    .morebox { flex-direction: column; align-items: flex-start; }
    .readinggrid { grid-template-columns: minmax(0,1fr); }
    .article { padding: 22px; }
    .article h1 { font-size: 26px; }
    .article .dek { font-size: 16px; }
    .articleaside { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    .articleaside h2 { grid-column: 1 / -1; margin-bottom: 0; }
    .prose { padding: 25px; }
}
@media (max-width: 380px) {
    .grid, .magazine .grid { grid-template-columns: minmax(0,1fr); }
    .brand h1, .brand .brandname { font-size: 20px; }
    .hero h2 { font-size: 21px; }
    .nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
}