/**
 * teil1 Redaktion.
 * One page-wide 4/8 grid, quiet hierarchy, no decorative indexing.
 */

.redaktion-page {
    --redaktion-rule: color-mix(in srgb, var(--wp--preset--color--text-main) 11%, transparent);
}

.redaktion,
.redaktion *,
.redaktion *::before,
.redaktion *::after {
    box-sizing: border-box;
}

.redaktion {
    min-width: 0;
    overflow: clip;
    color: var(--wp--preset--color--text-main);
}

.redaktion-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--24);
}

.redaktion-grid__aside {
    grid-column: 1 / 5;
    min-width: 0;
}

.redaktion-grid__main {
    grid-column: 5 / -1;
    min-width: 0;
}

.redaktion .redaktion-kicker {
    margin: 0;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.redaktion-backlink {
    color: var(--wp--preset--color--text-main);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.redaktion-backlink:hover,
.redaktion-backlink:focus-visible {
    color: var(--wp--preset--color--accent);
}

.redaktion-hero {
    padding-block:
        calc(var(--t1-header-height, 4rem) + clamp(var(--wp--preset--spacing--64), 9vw, var(--wp--preset--spacing--128)))
        clamp(var(--wp--preset--spacing--64), 9vw, var(--wp--preset--spacing--128));
}

.redaktion-hero__title {
    max-width: 13ch;
    margin: 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--4xl);
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 0.98;
    text-wrap: balance;
}

.redaktion-hero__lead {
    max-width: 44ch;
    margin: var(--wp--preset--spacing--32) 0 0;
    font-size: var(--wp--preset--font-size--xl);
    line-height: 1.5;
    color: var(--wp--preset--color--text-muted);
}

.redaktion-statement,
.redaktion-standards,
.redaktion-desks,
.redaktion-posts {
    padding-block: clamp(var(--wp--preset--spacing--64), 9vw, var(--wp--preset--spacing--128));
    border-top: 0.0625rem solid var(--redaktion-rule);
}

.redaktion-statement {
    background: var(--wp--preset--color--text-main);
    color: var(--wp--preset--color--bg);
}

.redaktion-statement .redaktion-kicker {
    color: var(--wp--preset--color--accent);
}

.redaktion-statement__text {
    max-width: 31ch;
    margin: 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--3xl);
    font-weight: 450;
    letter-spacing: -0.045em;
    line-height: 1.12;
    text-wrap: balance;
}

.redaktion-desk-topics ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--12);
    margin: 0;
    padding: 0;
    list-style: none;
}

.redaktion-desk-topics li {
    padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--20);
    border: 0.0625rem solid color-mix(in srgb, var(--wp--preset--color--bg) 28%, transparent);
    border-radius: var(--t1-radius-button);
    font-size: var(--wp--preset--font-size--base);
}

.redaktion-section-head h2 {
    max-width: 13ch;
    margin: var(--wp--preset--spacing--16) 0 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--2xl);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.05;
    text-wrap: balance;
}

.redaktion-section-head > p:last-child {
    max-width: 32ch;
    margin: var(--wp--preset--spacing--24) 0 0;
    font-size: var(--wp--preset--font-size--base);
    line-height: 1.6;
    color: var(--wp--preset--color--text-muted);
}

.redaktion-standards .redaktion-section-head h2,
.redaktion-posts .redaktion-section-head h2 {
    margin-top: 0;
}

.redaktion-standards__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.redaktion-standards__list li {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--24);
    min-width: 0;
    padding-block: var(--wp--preset--spacing--32);
    border-bottom: 0.0625rem solid var(--redaktion-rule);
}

.redaktion-standards__list h3 {
    grid-column: 1 / 4;
    margin: 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.redaktion-standards__list p {
    grid-column: 4 / -1;
    max-width: 46ch;
    margin: 0;
    font-size: var(--wp--preset--font-size--base);
    line-height: 1.6;
    color: var(--wp--preset--color--text-muted);
}

.redaktion-desks__list {
    margin: 0;
    padding: 0;
    border-top: 0.0625rem solid var(--wp--preset--color--text-main);
    list-style: none;
}

.redaktion-desks__list li {
    border-bottom: 0.0625rem solid var(--redaktion-rule);
}

.redaktion-desks__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wp--preset--spacing--24);
    padding-block: var(--wp--preset--spacing--24);
    color: inherit;
    text-decoration: none;
}

.redaktion-desks__list a > span:first-child {
    display: grid;
    gap: var(--wp--preset--spacing--8);
}

.redaktion-desks__list strong {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.redaktion-desks__list small {
    max-width: 52ch;
    font-size: var(--wp--preset--font-size--sm);
    line-height: 1.5;
    color: var(--wp--preset--color--text-muted);
}

.redaktion-desks__list .arrow-icon {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

.redaktion-desks__list a:hover strong,
.redaktion-desks__list a:focus-visible strong {
    color: var(--wp--preset--color--accent);
}

.redaktion-posts {
    background: var(--wp--preset--color--surface);
}

.redaktion-posts__list {
    margin: 0;
    padding: 0;
    border-top: 0.0625rem solid var(--wp--preset--color--text-main);
    list-style: none;
}

.redaktion-posts__list li {
    min-width: 0;
    border-bottom: 0.0625rem solid var(--redaktion-rule);
}

.redaktion-posts__list a {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--24);
    align-items: center;
    min-width: 0;
    padding-block: var(--wp--preset--spacing--24);
    color: inherit;
    text-decoration: none;
}

.redaktion-posts__title {
    grid-column: 1 / 6;
    min-width: 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--lg);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.3;
}

.redaktion-posts__meta {
    grid-column: 6 / 8;
    font-size: var(--wp--preset--font-size--sm);
    line-height: 1.45;
    color: var(--wp--preset--color--text-muted);
}

.redaktion-posts__arrow {
    grid-column: 8;
    justify-self: end;
}

.redaktion-posts__arrow .arrow-icon,
.redaktion-text-link .arrow-icon {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

.redaktion-posts__list a:hover .redaktion-posts__title,
.redaktion-posts__list a:focus-visible .redaktion-posts__title,
.redaktion-text-link:hover,
.redaktion-text-link:focus-visible {
    color: var(--wp--preset--color--accent);
}

.redaktion-posts__empty {
    margin: 0;
    font-size: var(--wp--preset--font-size--base);
    color: var(--wp--preset--color--text-muted);
}

.redaktion-posts__more {
    margin: var(--wp--preset--spacing--48) 0 0;
}

.redaktion-text-link {
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--8);
    width: fit-content;
    max-width: 100%;
    color: var(--wp--preset--color--text-main);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 56rem) {
    .redaktion-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .redaktion-grid__aside,
    .redaktion-grid__main {
        grid-column: auto;
    }

    .redaktion-hero .redaktion-grid__aside,
    .redaktion-statement .redaktion-grid__aside,
    .redaktion-section-head {
        margin-bottom: var(--wp--preset--spacing--48);
    }

    .redaktion-section-head > p:last-child {
        max-width: 42ch;
    }
}

@media (max-width: 42rem) {
    .redaktion-hero__title {
        font-size: var(--wp--preset--font-size--3xl);
    }

    .redaktion-hero__lead {
        font-size: var(--wp--preset--font-size--lg);
    }

    .redaktion-statement__text {
        font-size: var(--wp--preset--font-size--2xl);
    }

    .redaktion-standards__list li {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--wp--preset--spacing--12);
    }

    .redaktion-standards__list h3,
    .redaktion-standards__list p {
        grid-column: auto;
    }

    .redaktion-posts__list a {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
    }

    .redaktion-posts__title {
        grid-column: 1;
    }

    .redaktion-posts__meta {
        grid-column: 1;
        grid-row: 2;
    }

    .redaktion-posts__arrow {
        grid-column: 2;
        grid-row: 1 / 3;
    }
}