/* ==============================

   LEGAL PAGE LAYOUT

============================== */



.legal-container {

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

    margin: 0 auto;

}



/* ==============================

   LEGAL SECTION

============================== */



.legal-section {

    padding: 60px 20px 80px;

}



.legal-content {

    background: var(--raf-surface);

    border: 1px solid var(--raf-border);

    border-radius: 16px;

    padding: 40px;

    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);

}



/* ==============================

   HEADINGS

============================== */



.legal-section h1 {

    font-size: 2.2rem;

    color: var(--raf-navy);

    margin-bottom: 30px;

    line-height: 1.3;

}



.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;

}



/* ==============================

   TEXT

============================== */



.legal-section p {

    margin-bottom: 18px;

    line-height: 1.85;

    color: var(--raf-text);

}



.legal-section ul {

    margin-left: 20px;

    margin-bottom: 20px;

}



.legal-section li {

    margin-bottom: 10px;

    line-height: 1.7;

}



/* ==============================

   LINKS

============================== */



.legal-section a {

    color: var(--raf-blue);

}



.legal-section a:hover {

    text-decoration: underline;

}



/* ==============================

   MOBILE

============================== */



@media (max-width: 768px) {



    .legal-section {

        padding: 40px 16px 60px;

    }



    .legal-content {

        padding: 28px 22px;

        border-radius: 12px;

    }



    .legal-section h1 {

        font-size: 1.8rem;

    }



    .legal-section h2 {

        font-size: 1.15rem;

    }

}