/* ============================================
   CALIBER HOUSE — Legal Pages Stylesheet
   Inherits style.css, adds page-specific rules.
   ============================================ */

main.legal {
    max-width: 760px;
    margin: 4rem auto 6rem;
    padding: 0 1.5rem;
    font-family: var(--mono);
    color: var(--text-dim);
    line-height: 1.8;
    font-size: 0.92rem;
}

@media (min-width: 768px) {
    main.legal {
        padding: 0 2.5rem;
        margin: 6rem auto 8rem;
    }
}

main.legal h1 {
    font-family: var(--serif);
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--text-light);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

@media (min-width: 768px) {
    main.legal h1 {
        font-size: 1.85rem;
    }
}

main.legal h2 {
    font-family: var(--serif);
    font-weight: 600;
    font-size: 1.08rem;
    color: var(--text-light);
    margin: 2.5rem 0 1rem;
    letter-spacing: 0.01em;
}

main.legal p {
    margin-bottom: 1.25rem;
    color: var(--text-dim);
}

main.legal a {
    color: var(--industrial-amber);
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s var(--ease-smooth);
}

main.legal a:hover {
    border-bottom-color: var(--industrial-amber);
}

main.legal strong {
    color: var(--text-light);
    font-weight: 700;
}

main.legal hr.legal-divider {
    border: none;
    border-top: 1px solid var(--border-subtle);
    margin: 4rem 0;
}

main.legal section[lang="en"] h1::before {
    content: '— ';
    color: var(--industrial-amber);
}