/* Two-column responsive layout with proper reading order */
.outline-text-2 {
    column-count: 2;
    column-gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 1rem;*/
}

p {
    margin: 0 0 1rem 0;
    line-height: 1.6;
    break-inside: avoid; /* Prevents paragraphs from splitting across columns */
}

/* Media query for smaller screens - single column */
@media (max-width: 768px) {
    .outline-text-2 {
        column-count: 1;
        column-gap: 0;
    }
}