/* ==========================================================================
   GGAM & Associates LLP — Legal & Compliance Stylesheet (legal.css)
   Specialized styling for statutory documents, editorial legal prose,
   table of contents navigation, active section indicators, and print styles.
   ========================================================================== */

/* Active Table of Contents Link */
.toc-link.active {
    background-color: #EFF6FF;
    color: #1D4ED8;
    border-left-color: #2563EB;
    font-weight: 700;
}

.toc-link {
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.toc-link:hover {
    background-color: #F8FAFC;
    color: #1E40AF;
}

/* Legal Prose Styling */
.legal-prose h2 {
    scroll-margin-top: 120px;
}

.legal-prose h3 {
    scroll-margin-top: 130px;
}

.legal-clause {
    position: relative;
    padding-left: 1.25rem;
    border-left: 2px solid #E2E8F0;
}

.legal-clause:hover {
    border-left-color: #93C5FD;
}

/* Print Stylesheet for Official Compliance Dossier */
@media print {
    #mainHeader,
    .top-utility-bar,
    #mobileNavDrawer,
    #mobileNavBackdrop,
    #floatingActionHub,
    .no-print,
    footer,
    #legalTocContainer {
        display: none !important;
    }

    body {
        background-color: #FFFFFF !important;
        color: #000000 !important;
        font-size: 11pt !important;
        line-height: 1.5 !important;
    }

    .legal-card {
        border: 1px solid #CCCCCC !important;
        box-shadow: none !important;
        page-break-inside: avoid;
        margin-bottom: 2rem !important;
    }

    .site-container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}