/**
 * Editorial home (/ratgeber/) — section jump nav and stacked CPT modules.
 */

.vgl-editorial-home__jump {
    margin-top: var(--vgl-space-2);
}

.vgl-editorial-home__jump-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vgl-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.vgl-editorial-home__jump-link {
    display: inline-flex;
    align-items: center;
    gap: var(--vgl-space-2);
    padding: var(--vgl-space-2) var(--vgl-space-3);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius-full, 999px);
    background: var(--vgl-color-surface-raised, var(--vgl-color-surface));
    color: var(--vgl-color-text);
    font-size: var(--vgl-font-size-sm);
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.vgl-editorial-home__jump-link:hover {
    border-color: var(--vgl-color-primary);
    color: var(--vgl-color-primary);
}

.vgl-editorial-home__jump-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 0 var(--vgl-space-1);
    border-radius: var(--vgl-radius-full, 999px);
    background: var(--vgl-color-primary-soft, rgba(0, 0, 0, 0.06));
    color: var(--vgl-color-primary);
    font-size: var(--vgl-font-size-xs, 0.75rem);
    font-weight: 700;
}

.vgl-editorial-home__hero {
    margin-bottom: var(--vgl-space-8);
}

.vgl-editorial-home__section {
    margin-bottom: var(--vgl-space-10);
}

.vgl-editorial-home__section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--vgl-space-3);
    margin-bottom: var(--vgl-space-4);
}

.vgl-editorial-home__section-more {
    color: var(--vgl-color-primary);
    font-size: var(--vgl-font-size-sm);
    font-weight: 600;
    text-decoration: none;
}

.vgl-editorial-home__section-more:hover {
    color: var(--vgl-color-primary-hover);
    text-decoration: none;
}

.vgl-editorial-home__section-more-count {
    color: var(--vgl-color-text-muted);
    font-weight: 500;
}

.vgl-editorial-home__grid {
    margin-top: 0;
}

@media (max-width: 640px) {
    .vgl-editorial-home__jump-link {
        font-size: var(--vgl-font-size-xs, 0.75rem);
    }
}