/**
 * IB Math Master — Legal Pages
 * Shared styles for Privacy Policy + Terms and Conditions
 *
 * ASTRA OWNS: body, h1-h6, links, buttons, container
 * tokens.css: all variables
 * shared.css: container
 * This file: legal page layout, typography, spacing
 */


/* =========================================
   LEGAL PAGE WRAPPER
   ========================================= */

.ib-legal {
    margin: 0 auto;
    max-width: 740px;
    padding: 60px var(--ib-space-24) 80px;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.ib-legal h1 {
    border-bottom: 2px solid var(--ib-navy);
    font-size: var(--ib-font-size-3xl);
    margin-bottom: var(--ib-space-16);
    padding-bottom: var(--ib-space-16);
}

.ib-legal-updated {
    color: var(--ib-text-muted);
    font-size: var(--ib-font-size-sm);
    margin-bottom: var(--ib-space-40);
}


/* =========================================
   SECTION HEADINGS
   ========================================= */

.ib-legal h2 {
    color: var(--ib-navy);
    font-size: var(--ib-font-size-xl);
    margin-bottom: var(--ib-space-12);
    margin-top: var(--ib-space-40);
}

.ib-legal h3 {
    font-size: var(--ib-font-size-md);
    margin-bottom: var(--ib-space-8);
    margin-top: var(--ib-space-24);
}


/* =========================================
   BODY TEXT
   ========================================= */

.ib-legal p {
    color: var(--ib-text);
    font-size: var(--ib-font-size-base);
    line-height: 1.7;
    margin-bottom: var(--ib-space-16);
}

.ib-legal ul {
    color: var(--ib-text);
    font-size: var(--ib-font-size-base);
    line-height: 1.7;
    margin-bottom: var(--ib-space-16);
    margin-left: var(--ib-space-20);
    padding: 0;
}

.ib-legal ul li {
    margin-bottom: var(--ib-space-8);
}

.ib-legal strong {
    color: var(--ib-navy);
}

.ib-legal a {
    color: var(--ib-accent);
    text-decoration: underline;
}

.ib-legal a:hover {
    color: var(--ib-navy);
}


/* =========================================
   SECTION DIVIDERS
   ========================================= */

.ib-legal hr {
    background: var(--ib-border);
    border: none;
    height: 1px;
    margin: var(--ib-space-40) 0;
}


/* =========================================
   CONTACT BLOCK
   ========================================= */

.ib-legal-contact {
    background: var(--ib-light);
    border-left: 3px solid var(--ib-navy);
    border-radius: var(--ib-radius-sm);
    font-size: var(--ib-font-size-base);
    line-height: 1.8;
    margin-top: var(--ib-space-24);
    padding: var(--ib-space-20) var(--ib-space-24);
}

.ib-legal-contact p {
    margin-bottom: 0;
}


/* =========================================
   RESPONSIVE — 768px
   ========================================= */

@media (max-width: 768px) {
    .ib-legal {
        padding: 40px var(--ib-space-16) 60px;
    }

    .ib-legal h1 {
        font-size: var(--ib-font-size-2xl);
    }

    .ib-legal h2 {
        font-size: var(--ib-font-size-lg);
        margin-top: var(--ib-space-32);
    }
}