/* Keep the header in document flow. */
[data-english-header] {
    position: sticky;
    top: 0;
    z-index: 50;
    transition: transform .3s ease-out;
}
[data-english-header][data-header-hidden="true"] { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) {
    [data-english-header] { transition: none; }
}
/* English navigation uses the same search field as the Japanese header. */
[data-english-header] > nav { gap: 1.25rem; }
[data-english-header] > nav > a { flex-shrink: 0; }
[data-english-header] .english-header-desktop-actions { gap: .75rem; }
[data-english-header] .english-header-desktop-actions > a { white-space: nowrap; }
.english-header-search { flex-shrink: 0; }
.english-header-search input { font-weight: 500; }

/*
 * Static English pages created before the drawer shipped may still carry the
 * former broad mobile `nav` rules. Keep the drawer's navigation independent
 * of those header rules so its links always remain in a vertical list.
 */
#english-mobile-menu nav {
    display: block !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1rem 1.25rem !important;
}
#english-mobile-menu nav > div { display: block !important; }
#english-mobile-menu nav a { display: flex !important; }

@media (max-width: 1023px) {
    [data-english-header] > nav,
    [data-english-header][data-city-localized-header] > nav {
        display: flex;
        height: 4rem;
        min-height: 4rem;
        gap: .75rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    [data-english-header] .english-header-desktop-actions { display: none !important; }
    [data-english-header][data-city-localized-header] > nav > .english-header-mobile-actions {
        display: flex;
    }
}