/* ==========================================
   LEGAL PAGES (Privacy Policy, Terms, etc.)
   White end-to-end, unlike the rest of the dark
   site — legal copy reads best as plain text on
   white, not over the navy/gold system. Reuses
   global.css's .section-light background + the
   same navy/gold/serif palette every other
   light-on-white block on the site already uses
   (see homepage.css .section-light rules).
========================================== */

.lg-hero{

    padding:var(--space-3xl) 0 var(--space-xl);

    border-bottom:1px solid rgba(11,29,58,.08);

}

.lg-hero__inner{

    max-width:820px;

}

.lg-hero__back{

    display:flex;

    align-items:center;

    gap:8px;

    width:fit-content;

    color:var(--color-gold);

    font-weight:700;

    font-size:var(--fs-xs);

    margin-bottom:28px;

}

.lg-hero__back:hover{

    text-decoration:underline;

}

.lg-hero h1{

    font-family:var(--font-heading);

    font-weight:700;

    font-size:var(--fs-3xl);

    line-height:1.1;

    color:#0B1D3A;

    margin-bottom:16px;

}

.lg-hero__meta{

    color:#5B6472;

    font-size:var(--fs-sm);

}

.lg-content{

    padding:var(--space-2xl) 0 var(--space-3xl);

}

.lg-content__inner{

    max-width:820px;

}

.lg-content section{

    padding-top:var(--space-lg);

    margin-top:var(--space-lg);

    border-top:1px solid rgba(11,29,58,.08);

}

.lg-content section:first-child{

    padding-top:0;

    margin-top:0;

    border-top:none;

}

.lg-content h2{

    font-family:var(--font-heading);

    font-weight:700;

    font-size:var(--fs-xl);

    color:#0B1D3A;

    margin-bottom:16px;

}

.lg-content h3{

    font-family:var(--font-body);

    font-weight:700;

    font-size:var(--fs-md);

    color:#0B1D3A;

    margin:20px 0 10px;

}

.lg-content p{

    color:#5B6472;

    margin-bottom:16px;

}

.lg-content p:last-child{

    margin-bottom:0;

}

.lg-content ul{

    margin:0 0 16px;

    display:flex;

    flex-direction:column;

    gap:8px;

}

.lg-content li{

    position:relative;

    padding-left:22px;

    color:#5B6472;

}

.lg-content li::before{

    content:"";

    position:absolute;

    left:0;

    top:.65em;

    width:6px;

    height:6px;

    border-radius:50%;

    background:var(--color-gold);

}

.lg-content a{

    color:var(--color-gold);

    text-decoration:underline;

    text-underline-offset:2px;

}

.lg-content strong{

    color:#0B1D3A;

}

@media (max-width:640px){

    .lg-hero{
        padding:var(--space-2xl) 0 var(--space-lg);
    }

    .lg-hero h1{
        font-size:var(--fs-2xl);
    }

}