/* Для микроразметки */
.micro-section {
    display: flex;
    flex-direction: column;
    gap: 20px;

    font-size: var(--font-size-md);
    line-height: 125%;
    color: var(--color-foreground-secondary);
    text-align: start;
}

.micro-section h2 {
    font-size: var(--font-size-2xl);
    line-height: 110%;
    color: var(--color-foreground-secondary);
}

.micro-section a {
    white-space: nowrap;
    color: var(--color-foreground-accent);
}


/* Адаптация на маленькие экраны (< 360)*/
@media screen and (max-width: 700px) {
    /* Для микроразметки */
    .micro-section {
        margin-top: 24px;
        gap: 16px;
    }

    .micro-section h2 {
        font-size: var(--font-size-xl);
        line-height: 120%;
    }

    .micro-section {
        font-size: var(--font-size-sm);
        line-height: 125%;
    }
}