.hdv2-home-legacy {
    --hdv2-home-bg: hsl(0 0% 100%);
    --hdv2-home-surface: hsl(0 0% 100%);
    --hdv2-home-surface-muted: hsl(240 4.8% 95.9%);
    --hdv2-home-border: hsl(220 13% 91%);
    --hdv2-home-text: hsl(240 5.3% 26.1%);
    --hdv2-home-text-strong: hsl(222 47% 11%);
    --hdv2-home-muted: hsl(240 4% 42%);
    --hdv2-home-muted-2: hsl(240 4% 42%);
    --hdv2-home-primary: hsl(221 83% 53%);
    --hdv2-home-primary-soft: hsl(214 100% 97%);
    --hdv2-home-gradient: linear-gradient(90deg, hsl(221 83% 53%), hsl(224 76% 48%));
    --hdv2-home-shadow-card: 0 4px 24px rgba(10, 37, 64, 0.08);
    --hdv2-home-tab-active-bg: linear-gradient(90deg, rgba(230, 241, 255, 1) 19%, rgba(234, 245, 255, 1) 84%);
    --hdv2-home-tab-indicator: linear-gradient(90deg, rgba(86, 177, 255, 1) 19%, rgba(63, 125, 255, 1) 84%);
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 8px 0 48px;
    color: var(--hdv2-home-text);
    background: var(--hdv2-home-bg);
}

body:has(.hdv2-home-legacy),
body:has(.hdv2-home-legacy) #main-body,
.hdv2-home-legacy {
    background: var(--hdv2-home-bg);
}

.hdv2-home-legacy .container {
    background-color: transparent;
}

.hdv2-home-legacy .container,
.hdv2-home-legacy .hdv2-home__container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

:root[data-hdv2-theme="dark"] .hdv2-home-legacy {
    --hdv2-home-bg: hsl(220 6% 13%);
    --hdv2-home-surface: hsl(220 5% 19%);
    --hdv2-home-surface-muted: hsl(220 4% 22%);
    --hdv2-home-border: hsl(220 4% 24%);
    --hdv2-home-text: hsl(220 5% 96%);
    --hdv2-home-text-strong: hsl(220 5% 96%);
    --hdv2-home-muted: hsl(220 4% 68%);
    --hdv2-home-muted-2: hsl(220 4% 58%);
    --hdv2-home-primary: hsl(213 94% 68%);
    --hdv2-home-primary-soft: hsl(220 4% 22%);
    --hdv2-home-gradient: linear-gradient(90deg, hsl(217 91% 60%), hsl(221 83% 53%));
    --hdv2-home-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
    --hdv2-home-tab-active-bg: hsl(220 4% 22%);
    --hdv2-home-tab-indicator: linear-gradient(90deg, hsl(213 94% 68%), hsl(221 83% 53%));
}

:root[data-hdv2-theme="dark"] body:has(.hdv2-home-legacy),
:root[data-hdv2-theme="dark"] body:has(.hdv2-home-legacy) #main-body,
:root[data-hdv2-theme="dark"] #main-body {
    background: hsl(220 6% 13%);
}

.hdv2-home-legacy .hdv2-landing-hero__breadcrumb {
    display: flex;
    min-width: 0;
    margin: 0 0 16px;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
    color: var(--hdv2-home-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.hdv2-home-legacy .hdv2-landing-hero__breadcrumb a {
    color: var(--hdv2-home-muted);
    text-decoration: none;
    transition: color .2s ease;
}

.hdv2-home-legacy .hdv2-landing-hero__breadcrumb a:hover {
    color: var(--hdv2-home-primary);
}

.hdv2-home-legacy .hdv2-landing-hero__breadcrumb svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    color: var(--hdv2-home-muted-2);
}

.hdv2-home-legacy .hdv2-landing-hero__breadcrumb [aria-current="page"] {
    min-width: 0;
    color: var(--hdv2-home-text-strong);
}