@media (max-width: 1080px) {
    .brand { min-width: 132px; }
    .brand span { font-size: 11px; }
    .nav-toggle {
        position: relative;
        z-index: 80;
        width: 44px;
        height: 44px;
        display: grid;
        place-content: center;
        gap: 5px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: white;
    }
    .nav-toggle span { width: 20px; height: 2px; display: block; background: var(--brand); transition: .25s ease; }
    body.nav-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    body.nav-open .nav-toggle span:nth-child(2) { opacity: 0; }
    body.nav-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .primary-nav {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 70;
        width: min(90vw, 420px);
        height: 100dvh;
        display: block;
        overflow-y: auto;
        padding: 92px 20px 30px;
        background: white;
        box-shadow: -18px 0 60px rgba(0,33,71,.18);
        transform: translateX(105%);
        transition: transform .25s ease;
    }
    .primary-nav.is-open { transform: translateX(0); }
    .primary-nav > a, .nav-group > a {
        width: 100%;
        min-height: 48px;
        justify-content: space-between;
        margin-bottom: 4px;
        font-size: 16px;
    }
    .nav-group { position: static; }
    .dropdown {
        position: static;
        min-width: 0;
        margin: 0 0 10px 12px;
        padding: 4px;
        border: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: var(--soft);
    }
    .primary-nav .nav-action { margin: 12px 0 0; justify-content: center; }
    .home-hero-grid,
    .latest-issue-layout,
    .article-top-grid,
    .article-reading-grid,
    .author-grid,
    .contact-grid,
    .submit-grid,
    .issue-hero-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .cover-card { max-width: 340px; }
    .toc, .article-action-box { position: static; }
    .home-panels, .archive-grid, .board-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
    .container, .narrow { width: min(100% - 28px, 1200px); }
    .single-page { width: min(100% - 28px, 880px); }
    .brand { min-width: 118px; }
    .brand-logo { width: 94px; }
    .brand span { font-size: 10px; }
    .section { padding: 50px 0; }
    h1 { font-size: 38px; }
    .home-hero { padding: 54px 0; }
    .home-hero h1 { font-size: 68px; }
    .hero-subtitle { font-size: 28px; }
    .trust-grid,
    .stats-grid,
    .article-card,
    .article-meta-grid,
    .declaration-grid,
    .home-panels,
    .archive-grid,
    .board-grid {
        grid-template-columns: 1fr;
    }
    .trust-grid div, .trust-grid div:last-child { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .section-heading { display: block; }
    .article-card-side { gap: 12px; }
    .article-actions a, .article-toolbar a, .article-toolbar span, .button { width: 100%; justify-content: center; }
    .single-page { padding: 26px 22px; }
    .article-table { display: block; overflow-x: auto; white-space: nowrap; }
}