/* 모바일 상단 메뉴: 가로 스크롤 대신 2열 그리드로 표시 */
        @media (max-width: 700px) {
            .header {
                display: block;
            }

            .header .top-menu {
                position: static;
                left: auto;
                transform: none;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                width: 100%;
                margin-top: 12px;
                margin-bottom: 16px;
                gap: 8px;
                min-height: 0;
                overflow: visible;
                white-space: normal;
            }

            .header .top-menu-button {
                width: 100%;
                min-width: 0;
                min-height: 44px;
                padding: 9px 8px;
                text-align: center;
                white-space: normal;
                line-height: 1.25;
            }

            .header-actions {
                margin-top: 10px;
                width: 100%;
            }

            .header-actions .updated {
                min-width: 0;
            }

            .header-actions .refresh-button {
                flex-shrink: 0;
            }
        }

        /* 아주 좁은 화면에서도 버튼 글자가 깨지지 않도록 여백을 조금 줄인다. */
        @media (max-width: 380px) {
            .header .top-menu {
                gap: 6px;
            }

            .header .top-menu-button {
                min-height: 42px;
                padding: 8px 5px;
                font-size: 12px;
            }
        }