/*
 * assets/css/legal.css
 * Styles for the Privacy Policy page, the Terms of use page, the legal links
 * in the footer, and the small Privacy Policy notes at the Contact and Filing forms.
 * Loaded from includes/header.php AFTER nav-extra.css, so it is on every page.
 *
 * Every rule starts with one of these names, so no other page is affected:
 *   .legal-page   .site-footer .footer-legal   .contact-page .cp-privacy-link   .filing-page .fp-privacy-line
 * Colours: only the approved site palette (see design-system.css). Link colours come from design-system.css.
 */

/* ---------- Privacy Policy and Terms of use pages ---------- */

.legal-page {
    max-width: 760px;
}

.legal-page .legal-updated {
    margin: 0 0 28px 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #595959;
}

.legal-page h2 {
    margin: 32px 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #CFCFCF;
    font-size: 1.65rem;
    font-weight: bold;
    line-height: 1.25;
    color: #262626;
}

.legal-page p,
.legal-page li {
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.legal-page ul,
.legal-page ol {
    margin: 0 0 16px 0;
    padding-left: 28px;
}

/* Terms: the list numbers are bold EC Blue (the page is white) */
.legal-page ol li::marker {
    font-weight: bold;
    color: #4073AF;
}

/* ---------- Footer: legal links row ---------- */

.site-footer .footer-legal {
    margin-top: 24px;
}

.site-footer .footer-legal p {
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid #CFCFCF;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #444444;
    text-align: left;
}

.site-footer .footer-legal a {
    display: inline-block;
    padding: 2px 0;
}

/* ---------- Privacy Policy notes at the two forms ---------- */

.filing-page .fp-privacy-line {
    margin: 16px 0 12px 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #444444;
}