/* ========================================
   INTRO SECTION (Responsive Padding)
   ======================================== */
p,li,ol,b,h1,h2,h3{
    line-height: 1.2;
}
.intro-section {
    padding: 60px 20px 20px;
    background: #F8F9FB; /* Unified background color */
    position: relative;
}

@media (min-width: 1024px) {
    .intro-section {
        padding: 60px 80px 10px !important; /* Consolidated 1024px rules */
    }
}

@media (min-width: 1200px) {
    .intro-section {
        padding: 60px 50px 20px !important;
    }
}

/* ========================================
   REGULATORY MATTERS PAGE LAYOUT
   ======================================== */

.header-inner, .footer-inner {
    padding: 0 !important;
}

.regulatory-layout {
    display: flex;
    max-width: 1560px;
    margin: 0 auto;
    margin-top: 40px;
    gap: 65px;
    font-family: 'Inter Tight', sans-serif;
}

/* --- Sidebar Navigation --- */
.regulatory-sidebar {
    width: 280px;
    flex-shrink: 0;
}

.regulatory-nav {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.regulatory-nav .nav-item {
    text-decoration: none;
    color: #0E0761; /* Dark Navy */
    font-size: 16px;
    font-weight: 400;
    transition: color 0.3s ease;
}

.regulatory-nav .nav-item.active {
    font-weight: 700;
}

.regulatory-nav .nav-item:hover {
    color: #2B59C3; /* Accent Blue Hover */
}

/* --- Main Content Area --- */
.regulatory-content {
    flex: 1;
    max-width: 900px;
}

.back-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #0E0761;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 400;
    transition: opacity 0.3s ease;
}

.back-link:hover {
    opacity: 0.7;
}

.regulatory-title {
    font-size: 42px;
    font-weight: 700;
    color: #0E0761;
    margin-bottom: 40px;
    line-height: 1.2;
}

.regulatory-body {
    color: #333333; /* Dark Gray text for readability */
    font-size: 16px;
    line-height: 1.6;
}

/* --- List Styling (UPDATED TO FORCE NUMBERS) --- */
.main-list {
    list-style-type: decimal !important; /* Force decimal numbers */
    list-style-position: outside !important; /* Hanging indent */
    padding-left: 20px; 
    margin: 0 0 30px 0;
}

.main-list > li {
    display: list-item !important; /* Overrides global resets */
    list-style-type: decimal !important;
    margin-bottom: 25px;
    padding-left: 8px; /* Space between number and text */
}

.main-list strong {
    font-weight: 700;
    color: #1a1a1a;
}

.main-list a {
    color: #0E0761;
    text-decoration: underline;
    font-weight: 700;
}

.sub-list {
    list-style-type: decimal !important; /* Forces 1, 2, 3 instead of a, b, c */
    list-style-position: outside !important;
    padding-left: 30px; /* Indent sub-list further */
    margin-top: 15px;
    margin-bottom: 0;
}

.sub-list > li {
    display: list-item !important; /* Overrides global resets */
    list-style-type: decimal !important;
    margin-bottom: 12px;
    padding-left: 8px; /* Space between number and text */
}

.example-text {
    margin-top: 30px;
    font-size: 16px;
    color: #333333;
}

/* ========================================
   RESPONSIVE LAYOUT (Tablet & Mobile)
   ======================================== */
@media (max-width: 1024px) {
    .regulatory-layout {
        flex-direction: column;
        gap: 40px;
    }

    .regulatory-sidebar {
        width: 100%;
        border-bottom: 1px solid #d1d5db; /* Adds visual separation on mobile */
        padding-bottom: 25px;
    }
    
    .regulatory-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .regulatory-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .regulatory-title {
        font-size: 32px;
        margin-bottom: 25px;
    }
}