.page-erstgespraech .eg-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    grid-template-areas: 'intro form' 'details form';
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 32px 64px;
}

.page-erstgespraech .eg-intro {
    grid-area: intro;
    min-width: 0;
}

.page-erstgespraech .eg-intro .lead {
    max-width: 560px;
}

.page-erstgespraech .eg-details {
    grid-area: details;
    min-width: 0;
}

.page-erstgespraech .eg-form {
    grid-area: form;
    min-width: 0;
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-panel);
    background: var(--color-white);
}

.page-erstgespraech .eg-form__title {
    line-height: inherit;
}

.page-erstgespraech .eg-form__title + .caption {
    margin-top: 4px;
}

.page-erstgespraech .eg-form__submit {
    align-self: flex-start;
}

.page-erstgespraech .eg-topics {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.page-erstgespraech .eg-topics__legend {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
}

.page-erstgespraech .eg-topics__note {
    font-weight: 400;
}

.page-erstgespraech .eg-chip {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    min-height: 44px;
    padding: 0 14px;
    border: 1.5px solid var(--color-muted);
    border-radius: var(--radius-control);
    background: var(--color-white);
    color: var(--color-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.page-erstgespraech .eg-chip:has(:checked) {
    border-color: var(--color-accent);
    background: var(--color-mint);
}

.page-erstgespraech .eg-chip:has(:focus-visible) {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .page-erstgespraech .eg-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: 'intro' 'form' 'details';
        gap: 32px;
    }
}