/* 各页面共享的按钮尺寸适配；放在页面自身样式之后加载。 */

/* CSS 视口会随窗口大小、系统缩放和浏览器缩放变化。按钮只在鼠标/触控板页面缩放，
   触屏保留原操作尺寸；GeoGebra 画布内部元素不参与网页适配。 */
@media (min-width: 851px) and (pointer: fine) and (max-width: 1366px),
       (min-width: 851px) and (pointer: fine) and (max-height: 760px) {
    :root {
        --site-button-zoom: .94;
    }

    :is(button, input[type="button"], input[type="submit"], input[type="reset"],
        input[type="image"], a[class*="btn"], a[class*="button"],
        [role="button"], [role="tab"]):not(.ggb-display-area *, .ggb-container *, .ggb-applet *,
         #qb-ggb-host *, #ggb-preview-host *,
         .chat-img-btn, .chat-send-btn, .contact-btn, .ggb-action-btn,
         .header-storage, .primary-tool-btn, .secondary-tool-btn, .ai-manim-btn,
         .nav-toggle, .nav-compact-trigger) {
        zoom: var(--site-button-zoom);
        min-height: 28px;
    }

    /* 题库汇总只有一个数字时仍保留可点击宽度。 */
    .qb-stat-button {
        min-width: 28px;
    }
}

@media (min-width: 851px) and (pointer: fine) and (max-width: 1200px) {
    :root {
        --site-button-zoom: .90;
    }
}

@media (min-width: 851px) and (pointer: fine) and (max-width: 1000px) {
    :root {
        --site-button-zoom: .86;
    }
}

/* 低分辨率工作台给预览区多留宽度，并缩短提示词输入区的纵向占用。 */
@media (min-width: 851px) and (max-width: 1366px),
       (min-width: 851px) and (max-height: 760px) {
    .ai-container {
        --ai-ggb-control-width: clamp(340px, 31vw, 400px);
    }

    .ai-container .control-panel {
        min-width: 340px;
        max-width: 400px;
    }

    #toolHtmlAnimation .html-animation-layout,
    #toolHtml3dAnimation .html-animation-layout {
        grid-template-columns: minmax(340px, 380px) minmax(0, 1fr);
    }

    .html-prompt-composer > .html-animation-prompt,
    .html-chat-panel.has-conversation .html-prompt-composer > .html-animation-prompt,
    .ai-manim-chat-composer > #prompt {
        height: 104px;
        min-height: 104px;
    }

    .ai-image-workbench .image-prompt {
        height: 160px;
        min-height: 160px;
    }

    .ai-manim-chat-panel .ai-manim-conversation-form textarea {
        height: 104px;
        min-height: 104px;
    }
}

@media (min-width: 1121px) and (max-width: 1366px),
       (min-width: 1121px) and (max-height: 760px) {
    .ai-image-workbench {
        grid-template-columns: minmax(340px, 0.62fr) minmax(0, 1.38fr);
    }

    .ai-manim-tab-panel[data-manim-panel="generate"] .ai-manim-workspace {
        grid-template-columns: minmax(340px, 380px) minmax(0, 1fr);
    }
}

/* 单列工作台只收窄输入卡片，不让文本框横跨整个笔记本屏幕。 */
@media (min-width: 851px) and (max-width: 1120px) {
    .ai-image-workbench .image-form-panel,
    .ai-manim-tab-panel[data-manim-panel="generate"] .ai-manim-chat-panel {
        width: 100%;
        max-width: 720px;
        justify-self: center;
    }
}

/* 手机和平板保持输入框全宽，只减少过高的提示词框占屏。 */
@media (max-width: 850px) {
    .ai-image-workbench .image-prompt {
        height: 160px;
        min-height: 160px;
    }

    .html-prompt-composer > .html-animation-prompt,
    .html-chat-panel.has-conversation .html-prompt-composer > .html-animation-prompt,
    .ai-manim-chat-composer > #prompt {
        height: 104px;
        min-height: 104px;
    }
}

/* AI GGB 顶部左右工具栏按可用宽度同步收紧，宽屏尺寸封顶。 */
body.ai-ggb-page {
    --ai-ggb-toolbar-height: clamp(34px, 2.7vw, 40px);
    --ai-ggb-control-text: clamp(11px, calc(9px + 0.28vw), 13px);
    --ai-ggb-dialog-text: clamp(12px, calc(10px + 0.28vw), 14px);
    --ai-ggb-dialog-title: clamp(16px, calc(12px + 0.45vw), 19px);
    --ai-ggb-dialog-note: clamp(11px, calc(9px + 0.22vw), 12px);
}

body.ai-ggb-page .chat-welcome h3 > i {
    margin-right: 8px;
    color: #818cf8;
    font-size: 22px;
}

@media (min-width: 851px) {
    body.ai-ggb-page .chat-config-bar,
    body.ai-ggb-page .ggb-header {
        min-height: var(--ai-ggb-toolbar-height);
        padding-block: 3px;
        padding-inline: clamp(6px, 0.75vw, 12px);
    }

    body.ai-ggb-page .chat-config-bar {
        height: var(--ai-ggb-toolbar-height);
    }

    body.ai-ggb-page .config-row-inline {
        max-width: 100%;
        gap: clamp(4px, 0.55vw, 10px);
    }

    body.ai-ggb-page .config-item {
        gap: clamp(3px, 0.35vw, 6px);
    }

    body.ai-ggb-page .config-item > label {
        font-size: clamp(11px, 0.95vw, 14px);
    }

    body.ai-ggb-page .config-select-sm {
        padding-block: 2px;
        font-size: var(--ai-ggb-control-text);
    }

    body.ai-ggb-page .subject-select-sm {
        width: clamp(64px, 5.5vw, 80px);
    }

    body.ai-ggb-page .dimension-select-sm {
        width: clamp(55px, 4.5vw, 65px);
    }

    body.ai-ggb-page :is(.history-chat-btn, .clear-chat-btn) {
        min-width: 0;
        padding: 2px clamp(5px, 0.55vw, 10px);
        font-size: var(--ai-ggb-control-text);
    }

    body.ai-ggb-page .ggb-header {
        gap: clamp(4px, 0.55vw, 8px);
    }

    body.ai-ggb-page .ggb-title-section {
        gap: clamp(6px, 1vw, 20px);
    }

    body.ai-ggb-page .ggb-actions {
        gap: clamp(4px, 0.6vw, 10px);
    }

    body.ai-ggb-page :is(.contact-btn, .header-storage, .ggb-action-btn) {
        padding: 2px clamp(5px, 0.7vw, 10px);
        font-size: var(--ai-ggb-control-text);
    }

    body.ai-ggb-page :is(.contact-btn, .header-storage, .ggb-action-btn) i {
        font-size: var(--ai-ggb-control-text);
    }

    body.ai-ggb-page .header-courseware-manage-hint {
        font-size: clamp(11px, 0.84vw, 12px);
    }

    body.ai-ggb-page .chat-welcome {
        padding-inline: clamp(8px, 1vw, 20px);
    }

    body.ai-ggb-page .chat-welcome h3 {
        font-size: clamp(14px, 1.2vw, 18px);
    }

    body.ai-ggb-page .chat-welcome h3 > i {
        margin-right: clamp(4px, 0.55vw, 8px);
        color: #818cf8;
        font-size: clamp(15px, 1.25vw, 19px);
    }

    body.ai-ggb-page .welcome-tips .help-link {
        padding: 4px clamp(6px, 0.9vw, 14px);
        font-size: clamp(10.5px, 0.95vw, 14px);
    }

    body.ai-ggb-page .welcome-upload-hint {
        gap: clamp(3px, 0.5vw, 7px);
        font-size: clamp(10px, 0.88vw, 12px);
    }

    body.ai-ggb-page .welcome-upload-hint kbd {
        font-size: clamp(10px, 0.85vw, 12px);
    }
}

@media (max-width: 850px) {
    body.ai-ggb-page .chat-welcome h3 { font-size: 14px; }
    body.ai-ggb-page .chat-welcome h3 > i { font-size: 16px; }
    body.ai-ggb-page .welcome-tips .help-link { font-size: 11px; }
    body.ai-ggb-page .welcome-upload-hint { font-size: 10px; }
}

/* 对话方式保留两个完整标签，最大宽度固定后随视口收窄。 */
body.ai-ggb-page .question-context-switch {
    width: min(100%, clamp(248px, 28vw, 320px));
    max-width: 320px;
    margin-inline: auto;
    padding: clamp(2px, 0.2vw, 3px);
}

body.ai-ggb-page .question-context-btn {
    zoom: 1;
    min-height: clamp(30px, 2.5vw, 34px);
    padding-inline: clamp(4px, 0.6vw, 10px);
    font-size: clamp(11px, 0.9vw, 12px);
}

@media (max-width: 850px) {
    body.ai-ggb-page .question-context-switch {
        width: min(100%, 320px);
    }

    body.ai-ggb-page .question-context-btn {
        min-height: 40px;
        font-size: 12px;
    }
}

/* 本页弹窗和操作指引的文字有统一上限，窄视口缩小但保持可读。 */
body.ai-ggb-page :is(.cmd-edit-content, .credits-modal-content, .save-cloud-content,
    .contact-modal-content, .payment-checking-content, .payment-failed-content,
    .new-chat-confirm-content, .ai-guide-popover, .up-content) {
    font-size: var(--ai-ggb-dialog-text);
}

body.ai-ggb-page :is(.cmd-edit-content, .credits-modal-content, .save-cloud-content,
    .contact-modal-content, .payment-checking-content, .payment-failed-content,
    .new-chat-confirm-content) {
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
}

/* 保留每类弹窗的桌面宽度，小屏时再受视口约束，避免通用规则把弹窗拉宽。 */
body.ai-ggb-page .cmd-edit-content {
    max-width: min(600px, calc(100vw - 24px));
}

body.ai-ggb-page .payment-checking-content {
    max-width: min(320px, calc(100vw - 24px));
}

body.ai-ggb-page .payment-failed-content {
    max-width: min(340px, calc(100vw - 24px));
}

body.ai-ggb-page .new-chat-confirm-content {
    max-width: min(460px, calc(100vw - 24px));
}

body.ai-ggb-page :is(.cmd-edit-title, .credits-modal-header h3, .save-cloud-title,
    .payment-checking-content h3, .payment-failed-content h3,
    .new-chat-confirm-content h3, .ai-guide-popover h3, .up-header h3) {
    font-size: var(--ai-ggb-dialog-title);
}

body.ai-ggb-page :is(.cmd-edit-error, .cmd-edit-input, .cmd-edit-btn, .credits-desc,
    .credits-tip p, .credits-btn-cancel, .credits-btn-confirm, .save-form-label,
    .save-form-input, .save-form-readonly, .save-cloud-info, .save-cloud-btn,
    .contact-modal-text, .payment-checking-content p, .payment-failed-content p,
    .btn-retry, .new-chat-confirm-content p, .new-chat-btn-cancel,
    .new-chat-btn-confirm, .ai-guide-popover p, .ai-guide-btn,
    .up-benefit, .up-section-title, .up-footer button) {
    font-size: var(--ai-ggb-dialog-text);
}

body.ai-ggb-page .credits-amount {
    font-size: clamp(14px, calc(12px + 0.3vw), 18px);
}

body.ai-ggb-page .up-plan-name {
    font-size: clamp(12px, calc(10px + 0.3vw), 16px);
}

body.ai-ggb-page :is(.credits-price, .credits-summary span:last-child, .up-plan-price) {
    font-size: clamp(16px, calc(13px + 0.45vw), 22px);
}

body.ai-ggb-page :is(.credits-tag, .up-plan-unit, .up-plan-badge,
    .ai-guide-kicker, .payment-failed-content .failed-hint) {
    font-size: var(--ai-ggb-dialog-note);
}

body.ai-ggb-page .up-tab {
    font-size: clamp(11px, calc(9px + 0.28vw), 13px);
}

/* 视频、绘图和工具页：窄屏页签可横向滑动，顶部操作保持紧凑一排。 */
.ai-manim-toolbar-actions,
.ai-image-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex: 0 0 auto;
    margin-left: auto;
    padding-bottom: 4px;
}

.ai-manim-toolbar-actions > *,
.ai-image-toolbar-actions > * {
    flex: 0 0 auto;
    margin: 0;
}

@media (max-width: 900px) {
    .ai-manim-page-toolbar,
    .ai-image-page-toolbar {
        gap: 5px;
    }

    .ai-manim-toolbar-actions,
    .ai-image-toolbar-actions {
        width: 100%;
        max-width: 100%;
        justify-content: flex-end;
        gap: 5px;
        margin: 0;
        padding: 0;
    }

    .ai-manim-toolbar-actions > *,
    .ai-image-toolbar-actions > * {
        zoom: 1 !important;
        width: auto;
        min-width: 0;
        max-width: none;
        height: 30px;
        min-height: 30px;
        margin: 0;
        padding: 0 8px;
        gap: 4px;
        font-size: 11px;
    }

    .ai-tools-topbar,
    body.md2word-active .ai-tools-topbar {
        flex-wrap: wrap;
        gap: 5px;
    }

    .ai-tools-tabs {
        flex: 1 1 100%;
        width: 100%;
        overflow-x: auto;
    }

    .ai-tools-topbar-actions {
        width: 100%;
        justify-content: flex-end;
        padding: 0;
    }

    .ai-tools-topbar .ai-credit-sidebar-btn,
    .ai-tools-topbar .ai-tools-guide-entry {
        zoom: 1 !important;
        width: auto;
        height: 30px;
        min-height: 30px;
        padding: 0 8px;
        font-size: 11px;
    }

    .ai-tools-topbar .ai-credit-sidebar-btn span,
    .ai-tools-topbar .ai-tools-guide-entry span {
        display: inline;
    }
}

/*
 * 前台页面密度分级：电脑沿用页面原尺寸，平板适度收紧，手机与资源页一致使用 36px 紧凑行。
 * 仅命中明确的前台组件，避免影响后台表格、登录输入框和 GeoGebra 画布。
 */
@media (min-width: 768px) and (max-width: 1200px) {
    :is(.ai-image-page-toolbar .ai-image-tab,
        .ai-manim-page-toolbar .ai-manim-tab,
        .ai-tools-topbar .tool-nav-item,
        .account-help-tab-list .account-help-tab,
        .login-tab) {
        zoom: 1 !important;
        box-sizing: border-box;
        height: 40px;
        min-height: 40px;
        padding: 0 10px;
        flex-direction: row;
        gap: 5px;
        font-size: 12px;
    }

    :is(.ai-image-page-toolbar .ai-image-tab,
        .ai-manim-page-toolbar .ai-manim-tab,
        .ai-tools-topbar .tool-nav-item,
        .account-help-tab-list .account-help-tab,
        .login-tab) i {
        font-size: 13px;
    }

    .feedback-tabs,
    .question-paper-page .qp-tabs {
        min-height: 40px;
    }

    .feedback-tab,
    .question-paper-page .qp-tab,
    .question-paper-page .qp-owned-mode-switch button {
        zoom: 1 !important;
        box-sizing: border-box;
        height: 40px;
        min-height: 40px;
        padding-block: 0;
        font-size: 12px;
    }

    .question-paper-page .qp-tab {
        padding-inline: 11px;
    }

    .catalog-sidebar .directory-button {
        zoom: 1 !important;
        min-height: 40px;
        padding-block: 5px;
        font-size: 13px;
    }

    .subject-my-ggb {
        --library-switcher-height: 52px;
        --library-scope-row-height: 40px;
        --library-type-row-height: 40px;
        --library-content-toolbar-height: 44px;
        --library-directory-width: clamp(232px, 24vw, 260px);
    }

    .subject-my-ggb .library-switcher {
        grid-template-rows: var(--library-scope-row-height);
        padding-block: 6px;
    }

    .subject-my-ggb :is(.library-scope-tabs, .library-scope-tab,
        .library-search-toolbar, .library-search-toolbar .search-input) {
        height: var(--library-scope-row-height);
        min-height: var(--library-scope-row-height);
    }

    .subject-my-ggb :is(.library-type-tabs, .library-type-tab) {
        height: var(--library-type-row-height);
        min-height: var(--library-type-row-height);
    }

    .subject-my-ggb :is(.library-scope-tab, .library-type-tab) {
        zoom: 1 !important;
        font-size: 12px;
    }

    .subject-my-ggb .library-header-actions .library-create-link {
        zoom: 1 !important;
        height: 40px;
        min-height: 40px;
        font-size: 11px;
    }

    .subject-my-ggb .course-layout > .sidebar,
    .subject-my-ggb .course-layout > .sidebar.visible {
        width: var(--library-directory-width);
        min-width: var(--library-directory-width);
        flex-basis: var(--library-directory-width);
    }

    .subject-my-ggb .my-works-mode-btn {
        zoom: 1 !important;
        height: 38px;
        min-height: 38px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    :is(.ai-image-page-toolbar .ai-image-tab,
        .ai-manim-page-toolbar .ai-manim-tab,
        .ai-tools-topbar .tool-nav-item,
        .account-help-tab-list .account-help-tab) {
        zoom: 1 !important;
        box-sizing: border-box;
        width: auto;
        height: 36px;
        min-width: max-content;
        min-height: 36px;
        padding: 0 8px;
        flex-direction: row;
        justify-content: center;
        gap: 4px;
        font-size: 11px;
    }

    :is(.ai-image-page-toolbar .ai-image-tab,
        .ai-manim-page-toolbar .ai-manim-tab,
        .ai-tools-topbar .tool-nav-item,
        .account-help-tab-list .account-help-tab) i {
        font-size: 12px;
    }

    :is(.ai-image-tabs, .ai-manim-tabs, .ai-tools-tabs, .account-help-tab-list) {
        gap: 0;
    }

    .account-help-tabs-shell .account-help-tab-list {
        margin-bottom: 6px;
    }

    .feedback-tabs,
    .question-paper-page .qp-tabs {
        min-height: 36px;
    }

    .feedback-tab,
    .question-paper-page .qp-tab,
    .question-paper-page .qp-owned-mode-switch button {
        zoom: 1 !important;
        box-sizing: border-box;
        height: 36px;
        min-height: 36px;
        padding-block: 0;
        font-size: 11.5px;
    }

    .feedback-tab {
        padding-inline: 8px;
        gap: 5px;
    }

    .feedback-tab-badge {
        min-width: 16px;
        height: 16px;
        padding-inline: 4px;
        font-size: 10px;
    }

    .question-paper-page .qp-tabs {
        gap: 3px;
        margin-bottom: 8px;
    }

    .question-paper-page .qp-tab {
        padding-inline: 9px;
        gap: 5px;
    }

    .question-paper-page .qp-tab[data-tab="basket"] {
        padding-right: 22px;
    }

    .question-paper-page .qp-tab-count {
        top: 2px;
        right: 3px;
        min-width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }

    .question-paper-page .qp-owned-tree-item {
        min-height: 36px;
        padding-block: 4px;
        font-size: 12px;
    }

    .question-paper-page :is(.qp-knowledge-subject-btn, .qp-knowledge-main-btn,
        .qp-knowledge-mid, .qp-knowledge-detail) {
        min-height: 36px;
        padding-block: 4px;
        font-size: 12px;
    }

    body.ai-ggb-page .question-context-btn {
        min-height: 36px;
        font-size: 11px;
    }

    .login-tabs {
        gap: 3px;
        padding: 3px;
        margin-bottom: 16px;
    }

    .login-tab {
        zoom: 1 !important;
        box-sizing: border-box;
        height: 36px;
        min-height: 36px;
        padding: 0 5px;
        gap: 3px;
        font-size: 11.5px;
    }

    .login-tab :is(i, svg) {
        width: 13px;
        height: 13px;
        font-size: 13px;
    }

    .catalog-sidebar {
        padding: 9px;
    }

    .catalog-sidebar .directory-title {
        padding-block: 4px 8px;
    }

    .catalog-sidebar .directory-button {
        zoom: 1 !important;
        min-height: 36px;
        padding: 4px 7px;
        gap: 6px;
        font-size: 12px;
    }

    .subject-my-ggb {
        --library-switcher-height: 90px;
        --library-scope-row-height: 38px;
        --library-type-row-height: 40px;
        --library-content-toolbar-height: 44px;
        --library-directory-width: min(calc(100vw - 24px), clamp(204px, calc(15vw + 157px), 260px));
    }

    .subject-my-ggb .library-switcher {
        height: var(--library-switcher-height);
        grid-template-rows: repeat(2, var(--library-scope-row-height));
        gap: 4px;
        padding: 5px 7px;
    }

    .subject-my-ggb :is(.library-scope-tabs, .library-scope-tab,
        .library-search-toolbar, .library-search-toolbar .search-input) {
        box-sizing: border-box;
        height: var(--library-scope-row-height);
        min-height: var(--library-scope-row-height);
    }

    .subject-my-ggb .library-scope-tab {
        zoom: 1 !important;
        padding-inline: 6px;
        gap: 4px;
        font-size: 11px;
    }

    .subject-my-ggb .library-search-toolbar .search-input {
        font-size: 16px;
    }

    .subject-my-ggb .library-type-group {
        height: var(--library-content-toolbar-height);
        min-height: var(--library-content-toolbar-height);
        flex-basis: var(--library-content-toolbar-height);
        padding: 2px 7px;
        gap: 5px;
    }

    .subject-my-ggb .library-switcher-label {
        font-size: 10px;
    }

    .subject-my-ggb .library-type-tabs {
        height: var(--library-type-row-height);
        min-height: var(--library-type-row-height);
        padding: 2px;
    }

    .subject-my-ggb .library-type-tab {
        zoom: 1 !important;
        height: 36px;
        min-height: 36px;
        padding-inline: 5px;
        gap: 4px;
        font-size: 11px;
    }

    .subject-my-ggb .library-type-icon {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }

    .subject-my-ggb .library-type-copy strong,
    .subject-my-ggb .library-type-tab em {
        font-size: 10.5px;
    }

    .subject-my-ggb .library-mobile-toolbar {
        min-height: 40px;
        height: 40px;
        padding-block: 2px;
    }

    .subject-my-ggb :is(.library-mobile-filter-btn,
        .library-mobile-toolbar .library-create-link) {
        zoom: 1 !important;
        height: 36px;
        min-height: 36px;
        font-size: 11px;
    }

    .subject-my-ggb .library-mobile-filter-btn {
        width: 36px;
        min-width: 36px;
    }

    .subject-my-ggb .course-layout > .sidebar,
    .subject-my-ggb .course-layout > .sidebar.visible {
        width: var(--library-directory-width);
        min-width: 0;
        max-width: var(--library-directory-width);
    }

    .subject-my-ggb :is(#my-works-section, #favorites-section) .my-works-mode-toggle {
        height: 44px;
        margin: 0 8px;
        padding-block: 4px;
    }

    .subject-my-ggb .my-works-mode-btn {
        zoom: 1 !important;
        height: 36px;
        min-height: 36px;
        padding-inline: 3px;
        gap: 3px;
        font-size: 10.5px;
    }

    .subject-my-ggb .plaza-sidebar-controls {
        height: 44px;
        padding: 4px 6px;
    }

    .subject-my-ggb .catalog-nav :is(.grade-header,
        .chapter-item[data-level] > .chapter-header,
        .chapter-item.folder-item[data-level] > .chapter-header,
        .ggb-item),
    .subject-my-ggb :is(.subject-header, .folder-item, .my-folder-root-item,
        .courseware-knowledge-all, .plaza-subject-item,
        .plaza-knowledge-main-header, .plaza-knowledge-mid) {
        zoom: 1 !important;
        box-sizing: border-box;
        min-height: 36px;
        padding-block: 4px;
        font-size: 12px;
    }

    .subject-my-ggb .folder-item .action-btn {
        width: 34px;
        height: 34px;
        min-height: 34px;
    }
}

@media (max-width: 480px) {
    .subject-my-ggb .library-scope-tab i,
    .subject-my-ggb .my-works-mode-btn i {
        display: none;
    }

    .subject-my-ggb .library-scope-tab span,
    .subject-my-ggb .my-works-mode-btn span {
        display: inline;
        white-space: nowrap;
    }
}

/* 折叠导航不继承桌面按钮 zoom，避免窗口跨过 851px 时文字先缩小再放大。 */
.navbar.nav-collapsed :is(.nav-toggle, .nav-compact-trigger) {
    zoom: 1 !important;
    font-size: 12px;
}

.navbar.nav-collapsed .nav-compact-link {
    font-size: 12px;
}

@media (max-width: 480px) {
    .navbar.nav-collapsed :is(.nav-toggle, .nav-compact-trigger),
    .navbar.nav-collapsed .nav-compact-link {
        font-size: 11px;
    }
}