.root {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-120) 0;
}

.header {
    white-space: pre-line;
    position: relative;
    padding: 0 var(--spacing-120);
    margin: 0 auto var(--spacing-20);
    max-width: var(--content-max-width);
    text-wrap: pretty;

    @media (width <= 768px) {
        padding: 0;
        margin: 0 auto var(--spacing-16);
        width: 90%;
    }
}

.title {
    max-width: 90ch;

    @media (width <= 768px) {
        max-width: 100%;
    }
}

.complex {
    padding: 0;
    width: 82vw;
    h2 {
        margin: 0;
    }
    @media (width <= 768px) {
        width: 90vw;
    }
}