.ts-compact-header {
    --compact-text: var(--g-text, var(--cherry-text, #f4f7fb));
    --compact-line: var(--g-line, var(--cherry-line, #405576));
    --compact-accent: var(--g-accent, var(--cherry-gold, #31d7a9));
    --compact-soft: var(--g-soft, var(--cherry-soft, #193953));
    --compact-surface: var(--g-surface, var(--cherry-panel, #102445));
    box-sizing: border-box;
    width: min(1320px, calc(100% - 64px));
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 100px;
    border-bottom: 1px solid var(--compact-line);
    color: var(--compact-text);
}
.ts-compact-header *, .ts-compact-header *::before, .ts-compact-header *::after { box-sizing: border-box; }
.ts-compact-header a { color: inherit; text-decoration: none; }
.ts-compact-brand { display: inline-flex; align-items: center; gap: 18px; min-width: 0; }
.ts-compact-brand picture { display: flex; align-items: center; }
.ts-compact-brand img { display: block; object-fit: contain; max-width: 170px; height: auto; }
.ts-compact-brand-label { font: 800 12px/1.7 "Segoe UI", Arial, sans-serif; letter-spacing: .18em; padding: 4px 12px; border: 1px solid var(--compact-line); border-radius: 30px; }
.ts-compact-header-actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.ts-compact-languages { display: flex; align-items: center; gap: 4px; }
.ts-compact-languages a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 44px; border-radius: 10px; font: 700 13px/1.7 "Segoe UI", Arial, sans-serif; }
.ts-compact-languages a[aria-current="page"] { color: var(--compact-accent); background: var(--compact-soft); }
.ts-compact-header .ts-theme-toggle { width: 44px; height: 44px; color: var(--compact-text); border: 1px solid var(--compact-line); background: var(--compact-surface); }
.ts-compact-header :focus-visible { outline: 3px solid var(--compact-accent); outline-offset: 4px; }
@media (min-width: 1280px) { .ts-compact-header { width: 85%; } }
@media (max-width: 767px) {
    .ts-compact-header { width: calc(100% - 32px); min-height: 68px; }
    .ts-compact-brand { gap: 10px; }
    .ts-compact-brand img { width: 100px; }
    .ts-compact-brand-label { font-size: 10px; letter-spacing: .04em; padding: 3px 6px; }
}
@media (max-width: 419px) {
    .ts-compact-header { gap: 8px; }
    .ts-compact-brand { gap: 6px; }
    .ts-compact-brand img { width: 84px; }
    .ts-compact-header-actions { gap: 6px; }
    .ts-compact-languages a { min-width: 34px; }
}