/* Keep all text readable and controls reachable on narrow screens. */
@media (max-width: 760px) {
    .main-nav { margin-left: 28px; }
    .main-nav a { padding-inline: 10px; }
    .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-inline: 0; }
    .story-card { min-height: 480px; }
    .image-pair { gap: 24px; }
    .footer-grid { gap: 40px; }
}
@media (max-width: 600px) {
    html { scroll-padding-top: 125px; }
    .header-inner { flex-wrap: wrap; justify-content: center; padding: 10px 0 6px; }
    .main-nav { flex-basis: 100%; margin: 5px 0 0; }
    .main-nav a { padding: 6px 10px; }
    .hero { padding-top: 36px; }
    .hero h1 { margin-bottom: 26px; font-size: 24px; }
    .hero .button { min-height: 43px; }
    .article-section { padding: 42px 0; }
    .article-section h2 { margin-bottom: 40px; }
    .article-section .article-block { margin-bottom: 36px; }
    .article-section .article-block h3 { margin-bottom: 24px; }
    .image-pair, .story-grid { grid-template-columns: minmax(0, 409px); justify-content: center; }
    .image-single > img { grid-column: 1; }
    .image-intro { margin-bottom: 24px; }
    .stories-section { padding: 42px 0; }
    .stories-section h2 { margin-bottom: 36px; }
    .story-card { min-height: 0; }
    .story-copy { padding: 24px; }
    .story-more { margin-top: 20px; }
    .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .site-footer { padding-top: 42px; }
    .copyright { margin-top: 30px; text-align: center; font-size: 12px; }
}