/* content-i18n.css — 英文模式紧凑排版（尽量保持单行导航/筛选） */

html.locale-en-compact .content-i18n--compact,
html[lang="en"] .content-i18n--compact {
    letter-spacing: -0.02em;
    word-spacing: -0.04em;
}

html.locale-en-compact .nav-sub,
html[lang="en"] .nav-sub {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

html.locale-en-compact .nav-sub a,
html[lang="en"] .nav-sub a {
    font-size: clamp(0.68rem, 1.6vw, 0.8rem);
    padding: 0.28rem 0.5rem;
    white-space: nowrap;
    flex-shrink: 0;
}

html.locale-en-compact .filter-bar,
html.locale-en-compact .tab-bar,
html.locale-en-compact .industry-bar,
html.locale-en-compact #macro-filter-bar,
html[lang="en"] .filter-bar,
html[lang="en"] .tab-bar,
html[lang="en"] .industry-bar,
html[lang="en"] #macro-filter-bar {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.3rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

html.locale-en-compact .filter-btn,
html.locale-en-compact .tab-btn,
html.locale-en-compact .ind-btn,
html.locale-en-compact .macro-btn,
html[lang="en"] .filter-btn,
html[lang="en"] .tab-btn,
html[lang="en"] .ind-btn,
html[lang="en"] .macro-btn {
    font-size: clamp(0.62rem, 1.45vw, 0.78rem);
    padding: 0.32rem 0.55rem;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
}

html.locale-en-compact .filter-count,
html.locale-en-compact .hot-rank-label,
html[lang="en"] .filter-count,
html[lang="en"] .hot-rank-label {
    font-size: 0.72rem;
    white-space: nowrap;
}

html.locale-en-compact .hot-title,
html[lang="en"] .hot-title {
    font-size: clamp(0.72rem, 1.8vw, 0.85rem);
}

html.locale-en-compact .stats-bar .stat-label,
html[lang="en"] .stats-bar .stat-label {
    font-size: clamp(0.65rem, 1.5vw, 0.78rem);
    line-height: 1.25;
}

html.locale-en-compact .workshop-nav__tabs,
html[lang="en"] .workshop-nav__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
}

html.locale-en-compact .btn-read,
html.locale-en-compact .btn-interest,
html[lang="en"] .btn-read,
html[lang="en"] .btn-interest {
    font-size: clamp(0.72rem, 1.6vw, 0.88rem);
    padding: 0.45em 0.85em;
}

html.locale-en-compact .tag,
html[lang="en"] .hero-meta .tag,
html[lang="en"] .showcase-gate-row .tag-small {
    font-size: clamp(0.58rem, 1.3vw, 0.72rem);
    padding: 0.15em 0.45em;
}

html[lang="en"] .i18n-article-notice {
    display: none !important;
}

html[lang="en"] .i18n-zh-article {
    display: block !important;
}

[data-translation-quality="machine"]::after {
    content: ' · MT';
    font-size: 0.65em;
    opacity: 0.55;
    font-weight: normal;
}

html[lang="en"] .workshop-nav__row {
    gap: 8px 12px;
}

html[lang="en"] .workshop-nav .nav-title {
    font-size: clamp(0.72rem, 2vw, 0.88rem);
    max-width: min(44vw, 300px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[lang="en"] .inspiration-note {
    font-size: clamp(0.78rem, 1.6vw, 0.86rem);
    line-height: 1.55;
}

html[lang="en"] .minjian-intro-title,
html[lang="en"] .minjian-filter-hint {
    font-size: clamp(0.72rem, 1.5vw, 0.82rem);
}

html[lang="en"] .case-card .case-title {
    line-height: 1.4;
}

html[lang="en"] .submit-banner .btn-submit {
    font-size: clamp(0.78rem, 1.5vw, 0.86rem);
    white-space: nowrap;
}

@media (max-width: 480px) {
    html[lang="en"] .nav-title {
        font-size: clamp(0.75rem, 3.2vw, 0.9rem);
        max-width: 58vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html[lang="en"] .workshop-nav .nav-title {
        max-width: 36vw;
    }
}