/* --- Section Styling --- */
        .resources-section {
            padding: 0;
            width: 100%;
        }
        
        /* --- Grid Layout --- */
        .resources-wrapper {
            max-width: 1480px;
            margin: 0 auto;
            padding: 0 1.2rem;
            display: grid;
            grid-template-columns: 1fr 1.8fr; /* Left is narrower, right is wider */
            gap: 2rem;
        }

        /* --- Panel Standard Styles --- */
        .resource-panel {
            background-color: var(--card-bg);
            border-top: 3px solid var(--primary-blue);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);
            padding: 2.5rem;
            border-radius: 0 0 0.5rem 0.5rem;
            background-image: linear-gradient(to bottom, #f4faff, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
        }

        .resource-panel > p {
            color: var(--text-dark);
            text-align: justify;
            line-height: 1.5;
            margin-bottom: 1.5rem;
        }

        /* --- Left Panel Specifics --- */
        .sidebar-panel {
            /* This property prevents the left panel from stretching to match the right panel */
            align-self: start; 
        }

        /* <details> and <summary> Styling */
        details summary {
            font-family: "PT Sans", "Arial", sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--primary-dark-blue);
            cursor: pointer;
            margin-bottom: 1.5rem;
            outline: none;
            list-style: none; /* Removes default arrow in modern browsers */
            position: relative;
            padding-right: 1.25rem;
        }

        /* Custom Chevron for details summary */
        details summary::-webkit-details-marker {
            display: none; /* Removes default arrow in Safari/Chrome */
        }
        
        details summary::after {
            content: '+';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: var(--primary-blue);
            font-size: 1.5rem;
            font-weight: 400;
        }

        details[open] summary::after {
            content: '-';
        }

        .links-intro {
            font-size: 1rem;
            color: var(--text-light);
            margin-bottom: 1.5rem;
            line-height: 1.5;
        }

        .important-links, .important-links-services {
            list-style: none;
        }

        .important-links li, .important-links-services li {
            margin-bottom: 1rem;
        }

        .important-links a {
            display: flex;
            align-items: center;
            color: var(--text-dark);
            text-decoration: none;
            font-size: 1.05rem;
            transition: color 0.3s ease;
        }

        .important-links-services a {
            display: flex;
            align-items: flex-start;
            color: var(--text-dark);
            text-decoration: none;
            font-size: 1.05rem;
            transition: all 0.3s ease;
            padding: 0.65rem 0.75rem;
            border-left: 3px solid transparent; /* Placeholder for active state border */
            border-right: 3px solid transparent;
            border-radius: 4px;
        }

        .link-icon {
            color: var(--primary-blue);
            margin-right: 0.75rem;
            font-size: 0.9rem;
            transition: color 0.3s ease, transform 0.3s ease;
            flex-shrink: 0;
        }

        /* Active Page Link State */
        .important-links-services a.active-link {
            background-color: #f0f7ff; /* Variable light blue */
            border-left: 4px solid var(--hover-crimson);
            border-right: 4px solid var(--hover-crimson);
            color: var(--primary-dark-blue);
            font-weight: 600;
            border-radius: 0; /* Removing radius makes the edge borders look sharper */
        }

        .important-links-services a.active-link .link-icon {
            color: var(--hover-crimson);
        }

        /* Elegant Hover Effect on Links */
        .important-links a:hover, .important-links-services a:hover {
            color: var(--hover-crimson);
        }

        .important-links a:hover .link-icon {
            color: var(--hover-crimson);
            transform: translateX(6px); /* Arrow slides right */
        }

        /* Elegant Hover Effect on Non-Active Links */
        .important-links-services a:hover:not(.active-link) {
            color: var(--hover-crimson);
            background-color: #f8fafc;
        }

        .important-links-services a:hover:not(.active-link) .link-icon {
            color: var(--hover-crimson);
            transform: translateX(6px); /* Arrow slides right */
        }

        /* --- Right Panel Specifics --- */
        .section-heading {
            font-family: "PT Sans", "Arial", sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary-dark-blue);
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #e2e8f0;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* Image Placeholder styling */
        .image-placeholder {
            width: 100%;
            height: 350px; /* Fixed height for the placeholder, will adjust automatically with a real image if height is auto */
            background-color: #f1f5f9; /* Light slate color */
            border: 2px dashed #cbd5e1;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 2.5rem 0; /* Space between the paragraphs */
            color: #94a3b8;
            font-weight: 500;
            font-size: 1.1rem;
            overflow: hidden;
        }

        .mt-4 {
            margin-top: 3rem;
        }

        .updates-list {
            padding-left: 1.5rem; /* Space for numbers */
        }

        .updates-list > li {
            margin-bottom: 1.5rem;
            padding-left: 0.5rem;
        }

        .updates-list p {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            color: var(--text-light);
        }

        .updates-list > li::marker {
            font-weight: 700;
            color: var(--primary-blue);
            font-size: 1.1rem;
        }

        .updates-list strong {
            color: var(--primary-dark-blue);
            font-size: 1.15rem;
            margin-bottom: 0.5rem;
        }

        /* Nested List Styles for complex sub-points */
        .nested-list {
            list-style-type: disc;
            padding-left: 1.5rem;
            margin-top: 0.75rem;
        }

        .nested-list li {
            margin-bottom: 0.5rem;
            color: var(--text-light);
            line-height: 1.5;
        }

        /* Bullet List Styles for unnumbered sections */
        .bullet-list {
            list-style-type: none; 
            padding-left: 0.5rem;
        }

        .bullet-list li {
            margin-bottom: 0.75rem;
            position: relative;
            padding-left: 1.5rem;
            color: var(--text-light);
        }

        .bullet-list li::before {
            content: '•';
            color: var(--primary-blue);
            font-weight: bold;
            position: absolute;
            left: 0;
            font-size: 1.5rem;
            line-height: 1;
            top: -4px;
        }

        /* --- Table Styling --- */
        .tax-table-container {
            width: 100%;
            overflow-x: auto; /* Scroll horizontally on small screens */
            margin: 2rem 0;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
            border-radius: 0.5rem;
        }

        .tax-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            background-color: var(--white);
            font-size: 1rem;
        }

        .tax-table th, .tax-table td {
            border: 1px solid #e2e8f0;
            padding: 1rem 1.25rem;
        }

        .tax-table th {
            background-color: #f1f5f9;
            color: var(--primary-dark-blue);
            font-family: "PT Sans", "Arial", sans-serif;
            font-weight: 600;
        }

        .tax-table tbody tr:nth-child(even) {
            background-color: #fafbfc;
        }

        .tax-table tbody tr:hover {
            background-color: #f0f7ff;
        }

        /* --- Responsiveness --- */
        @media (max-width: 1199px) {
            .resources-wrapper {
                /* Less aggressive ratio on medium screens */
                grid-template-columns: 1fr 1.3fr; 
            }
        }

        @media (max-width: 1199px) {
            .resources-wrapper {
                grid-template-columns: 1fr; /* Stack panels on mobile */
            }
            .resource-panel {
                padding: 1.5rem;
            }
            /* Pointer events only make sense on mobile where it functions as an accordion */
            details summary {
                margin-bottom: 0;
            }
            details[open] summary {
                margin-bottom: 1.5rem;
            }
        }

        @media (min-width: 641px) {
            /* Disable closing the details tag on desktop to ensure it's always visible */
            details summary {
                pointer-events: none; 
            }
            details summary::after {
                display: none; /* Hide the +/- indicator on desktop */
            }
        }