.legal-container {

    width: min(900px, calc(100% - 40px));

    margin: 0 auto;

}



.legal-section {

    padding: 60px 20px 80px;

}



.legal-section h1 {

    font-size: 2.2rem;

    color: var(--raf-navy);

    margin-bottom: 30px;

}



.legal-section h2 {

    font-size: 1.3rem;

    margin-top: 35px;

    margin-bottom: 15px;

    color: var(--raf-navy);

    border-left: 4px solid var(--raf-red);

    padding-left: 12px;

}



.legal-section p {

    margin-bottom: 18px;

    line-height: 1.8;

}



.legal-section ul {

    margin-left: 20px;

    margin-bottom: 20px;

}



.legal-section li {

    margin-bottom: 8px;

}



@media (max-width: 768px) {



    .legal-section {

        padding: 40px 16px 60px;

    }



    .legal-section h1 {

        font-size: 1.8rem;

    }

}