.resource-page-main {
            padding: 64px 24px 96px;
        }

        .inner-about-detail-page {
            overflow-x: hidden;
        }

        .resource-shell {
            max-width: 1280px;
            margin: 0 auto;
        }

        .resource-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(300px, 420px);
            gap: 48px;
            align-items: center;
            margin-bottom: 36px;
        }

        .resource-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
            padding: 8px 14px;
            border-radius: 999px;
            background: #e7deff;
            color: #4200be;
            font-size: 13px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: .04em;

        }

        .resource-meta {
            margin: 0 0 16px;
            color: #6d6878;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 500;
        }

        .resource-title {
            margin: 0 0 18px;
            color: #1d1b20;
            font-size: 60px;
            line-height: 1.04;
            font-weight: 700;
            letter-spacing: -.03em;
        }

        .resource-description {
            max-width: 720px;
            margin: 0;
            color: #5b5766;
            font-size: 18px;
            line-height: 1.8;
        }

        .resource-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin-top: 32px;
        }

        .resource-cover-frame {
            padding: 15px;
            border-radius: 34px;
            background: #ffffff;
            box-shadow: 0 22px 54px rgba(60, 29, 132, 0.12);
        }

        .resource-cover-card {
            min-height: auto;
            padding: 10px;
            border-radius: 26px;
            background: linear-gradient(180deg, #f4eeff 0%, #ede7fb 100%);
            border: 1px solid rgba(202, 195, 215, 0.5);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 28px;
        }

        .resource-cover-card img {
            width: 100%;
            height: 360px;
            object-fit: cover;
            object-position: center;
            border-radius: 18px;
            box-shadow: 0 18px 32px rgba(66, 0, 190, 0.08);
        }

        .resource-cover-title {
            margin: 0;
            color: #2b1e40;
            font-size: 24px;
            line-height: 1.25;
            font-weight: 700;

        }

        .resource-stats-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
            margin-bottom: 52px;
        }

        .resource-stat-card {
            padding: 24px 26px;
            border-radius: 24px;
            background: #ffffff;
            border: 1px solid rgba(202, 195, 215, 0.45);
            box-shadow: 0 14px 38px rgba(60, 29, 132, 0.08);
        }

        .resource-stat-card--highlight {
            background: #5229c8;
            border-color: transparent;
            color: #ffffff;
        }

        .resource-stat-value {
            margin: 0 0 8px;
            font-size: 36px;
            line-height: 1;
            font-weight: 700;
            letter-spacing: -.03em;
        }

        .resource-stat-label {
            margin: 0;
            color: #5b5766;
            font-size: 15px;
            line-height: 1.5;
            font-weight: 500;
        }

        .resource-stat-card--highlight .resource-stat-label {
            color: rgba(255, 255, 255, 0.86);
        }

        .resource-content-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 340px;
            gap: 32px;
            align-items: start;
        }

        .resource-main-column {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .resource-section-card {
            padding: 36px;
            border-radius: 28px;
            background: #ffffff;
            border: 1px solid rgba(202, 195, 215, 0.42);
            box-shadow: 0 16px 42px rgba(60, 29, 132, 0.08);
        }

        .resource-section-title {
            margin: 0 0 18px;
            color: #1d1b20;
            font-size: 32px;
            line-height: 1.15;
            font-weight: 700;
        }

        .resource-section-copy {
            margin: 0;
            color: #5b5766;
            font-size: 17px;
            line-height: 1.82;
        }

        .resource-section-copy + .resource-section-copy {
            margin-top: 20px;
        }

        .resource-sidebar {
            display: flex;
            flex-direction: column;
            gap: 24px;
            position: sticky;
            top: 108px;
        }

        .resource-sidebar-card {
            padding: 28px;
            border-radius: 28px;
            background: #ffffff;
            border: 1px solid rgba(202, 195, 215, 0.42);
            box-shadow: 0 14px 38px rgba(60, 29, 132, 0.08);
        }

        .resource-sidebar-heading {
            margin: 0 0 16px;
            color: #4200be;
            font-size: 13px;
            line-height: 1.3;
            font-weight: 700;
            letter-spacing: .16em;

        }

        .resource-citation-box {
            word-wrap: break-word;
            margin-bottom: 18px;
            padding: 18px;
            border-radius: 20px;
            background: #f7f2fb;
            color: #4f4a59;
            font-size: 15px;
            line-height: 1.7;
            border: 1px solid rgba(202, 195, 215, 0.35);
        }

        .resource-detail-list {
            display: flex;
            flex-direction: column;
            gap: 14px;
            color: #4f4a59;
            font-size: 15px;
            line-height: 1.6;
        }

        .resource-detail-list strong {
            color: #1d1b20;
        }

        .resource-focus-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .resource-focus-tag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 36px;
            padding: 0 14px;
            border-radius: 999px;
            background: #efe8fb;
            color: #5229c8;
            font-size: 14px;
            line-height: 1;
            font-weight: 500;
        }

        .resource-takeaways-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .resource-takeaway-card {
            padding: 26px;
            border-radius: 24px;
            background: #faf7fd;
            border: 1px solid rgba(202, 195, 215, 0.4);
        }

        .resource-takeaway-card h3 {
            margin: 0 0 12px;
            color: #1d1b20;
            font-size: 22px;
            line-height: 1.25;
            font-weight: 700;
        }

        .resource-takeaway-card p {
            margin: 0;
            color: #5b5766;
            font-size: 15px;
            line-height: 1.75;
        }

        .resource-preview-section {
            padding: 32px;
            border-radius: 30px;
            background: #f3eefb;
            border: 1px solid rgba(202, 195, 215, 0.38);
        }

        .resource-preview-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 24px;
        }

        .resource-preview-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 0;
            background: transparent;
            color: #5229c8;
            font-size: 15px;
            line-height: 1.2;
            font-weight: 600;
        }

        .resource-preview-card {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 620px;
            padding: 42px;
            border-radius: 30px;
            background: #ffffff;
            border: 1px solid rgba(202, 195, 215, 0.42);
            box-shadow: 0 16px 42px rgba(60, 29, 132, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .resource-preview-card img {
            width: auto;
            max-width: 100%;
            max-height: 520px;
            border-radius: 22px;
            object-fit: contain;
        }

        .resource-preview-card--pdf {
            min-height: 0;
            padding: 0;
            overflow: hidden;
        }

        .resource-preview-card--pdf iframe {
            display: block;
            width: 100%;
            height: clamp(420px, 58vw, 720px);
            border: 0;
        }

        .resource-preview-card--unavailable p {
            margin: 0;
            color: #5b5766;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
        }

        .resource-page-main,
        .resource-shell {
            overflow-x: hidden;
        }

        .resource-related-section {
            margin-top: 88px;
            overflow-x: hidden;
        }

        .resource-related-carousel {
            overflow: hidden;
        }

        .resource-related-header {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 28px;
        }

        .resource-related-header p {
            margin: 8px 0 0;
            color: #5b5766;
            font-size: 16px;
            line-height: 1.6;
        }

        .resource-related-grid {
            display: flex;
            gap: 24px;
            max-width: 100%;
            padding-bottom: 12px;
            position: relative;
            transform: translate3d(calc(var(--carousel-offset, 0px) * -1), 0, 0);
            transition: transform 420ms ease;
            will-change: transform;
        }

        .resource-related-grid .featured-resource-card {
            display: grid;
            flex: 0 0 clamp(420px, 38vw, 560px);
            min-height: 238px;
            padding: 22px 24px;
            border: 1px solid rgba(202, 195, 215, .42);
            border-radius: 28px;
            box-shadow: 0 14px 34px rgba(60, 29, 132, .08);
            grid-template-columns: minmax(0, 1fr) 180px;
            grid-template-rows: auto auto 1fr;
            align-items: center;
            gap: 24px;
        }

        .resource-related-grid .featured-resource-image {
            grid-column: 2;
            grid-row: 1 / -1;
            width: 180px;
            height: 180px;
            min-height: 0;
            margin: 0;
            border-radius: 18px;
        }

        .resource-related-grid .featured-resource-image img,
        .resource-related-cover-placeholder {
            align-items: center;
            background: #f0eaff;
            border-radius: inherit;
            color: #40207d;
            display: flex;
            font-size: .82rem;
            font-weight: 700;
            height: 100%;
            justify-content: center;
            object-fit: cover;
            padding: 1rem;
            text-align: center;
            width: 100%;
        }

        .resource-related-section svg,
        .button-with-arrow svg {
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
        }

        .featured-arrow-button svg { height: 1.15rem; width: 1.15rem; }

        .resource-related-grid .featured-resource-type,
        .resource-related-grid .featured-resource-title,
        .resource-related-grid .featured-resource-author,
        .resource-related-grid .featured-resource-footer {
            grid-column: 1;
        }

        .resource-related-grid .featured-resource-type {
            display: none;
        }

        .resource-related-grid .featured-resource-title {
            margin: 0 0 10px;
            font-size: 24px;
            line-height: 1.32;
            letter-spacing: -.02em;
            font-weight: 700;
        }

        .resource-related-grid .featured-resource-author {
            display: none;
        }

        .resource-related-grid .featured-resource-description {
            grid-column: 1;
            margin: 0 0 12px;
            color: #5b5766;
            font-size: 16px;
            line-height: 1.6;
            text-align: inherit;
        }

        .resource-related-grid .featured-resource-bookmark {
            display: none;
        }

        .resource-related-grid .featured-resource-footer {
            margin-top: 4px;
            justify-content: flex-start;
        }

        html[lang="ur"] .resource-related-grid .featured-resource-footer,
        html[lang="ur"] .resource-related-grid .featured-resource-tags {
            direction: rtl;
            justify-content: flex-start !important;
        }

        .resource-related-grid .featured-resource-tags {
            width: 100%;
        }

        html[lang="ur"] .resource-related-grid .featured-resource-tags {
            flex-direction: row !important;
            margin-right: 0;
            margin-left: auto;
        }

        @media (hover: hover) and (pointer: fine) {
            .resource-preview-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 20px 48px rgba(60, 29, 132, 0.12);
            }
        }

        @media (max-width: 1180px) {
            .resource-hero {
                grid-template-columns: 1fr;
            }

            .resource-cover-frame {
                max-width: 460px;
            }

            .resource-stats-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .resource-content-grid {
                grid-template-columns: 1fr;
            }

            .resource-sidebar {
                position: static;
            }

            .resource-related-grid {
                gap: 20px;
            }

            .resource-related-grid .featured-resource-card {
                flex-basis: clamp(420px, 76vw, 560px);
            }
        }

        @media (max-width: 767px) {
            .resource-page-main {
                padding: 40px 20px 72px;
            }

            .resource-title {
                font-size: 42px;
            }

            .resource-description,
            .resource-section-copy {
                font-size: 16px;
                line-height: 1.75;
            }

            .resource-hero-actions {
                flex-direction: column;
                align-items: stretch;
            }

            .resource-related-grid {
                gap: 16px;
                padding-bottom: 8px;
            }

            .resource-related-grid .featured-resource-card {
                flex-basis: 84vw;
                min-width: 84vw;
            }

            .resource-section-card,
            .resource-sidebar-card {
                padding: 28px 22px;
            }

            .resource-preview-section {
                padding: 24px 20px;
                border-radius: 24px;
            }

            .resource-section-title {
                font-size: 28px;
            }

            .resource-related-header,
            .resource-preview-header {
                flex-direction: column;
                align-items: flex-start;
            }

            .resource-related-grid .featured-resource-card {
                grid-template-columns: 1fr;
                grid-template-areas: "image" "content";
                gap: 14px;
            }

            .resource-related-grid .featured-resource-image {
                width: 100%;
                height: 170px;
                grid-column: 1;
                grid-row: auto;
            }

            .resource-cover-card {
                min-height: 0;
                padding: 24px;
            }

            .resource-preview-card {
                min-height: 0;
                padding: 24px 18px;
                border-radius: 24px;
            }

            .resource-preview-card--pdf {
                padding: 0;
            }

            .resource-preview-card--pdf iframe {
                height: clamp(360px, 112vw, 560px);
            }

            .resource-cover-card img {
                height: 280px;
            }

            .resource-preview-card img {
                max-height: 420px;
            }
        }