.react-site-dhr,
        .react-site-dhr h1,
        .react-site-dhr h2,
        .react-site-dhr h3,
        .react-site-dhr h4,
        .react-site-dhr h5,
        .react-site-dhr h6,
        .react-site-dhr p,
        .react-site-dhr span,
        .react-site-dhr li,
        .react-site-dhr strong,
        .react-site-dhr em {
            cursor: default;
            caret-color: transparent;
        }

        .react-site-dhr a,
        .react-site-dhr a *,
        .react-site-dhr button,
        .react-site-dhr button *,
        .react-site-dhr label,
        .react-site-dhr select,
        .react-site-dhr summary,
        .react-site-dhr [role="button"],
        .react-site-dhr [role="link"] {
            cursor: pointer;
            caret-color: transparent;
        }

        .dhr-sitemap-link {
            display: inline-flex;
            position: absolute;
            top: 5px;
            right: 168px;
            z-index: 1000;
            align-items: center;
            gap: 6px;
            padding: 4px 9px;
            border: 1px solid rgba(255, 255, 255, .24);
            border-radius: 999px;
            background: rgba(255, 255, 255, .08);
            color: #f8fafc !important;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            text-decoration: none;
            white-space: nowrap;
            transition: border-color .15s ease, background .15s ease;
        }
        .dhr-sitemap-link:hover,
        .dhr-sitemap-link:focus-visible {
            border-color: rgba(255, 255, 255, .55);
            background: rgba(255, 255, 255, .16);
        }
        .dhr-sitemap-link:focus-visible {
            outline: 2px solid #60a5fa;
            outline-offset: 2px;
        }
        @media (max-width: 640px) {
            /* In the dark top bar: lower down it sat invisibly over the search and menu buttons. */
            .dhr-sitemap-link { top: 6px; right: auto; left: 50%; transform: translateX(-50%); }
        }
        @media (max-width: 360px) {
            .dhr-sitemap-link span { display: none; }
        }

        .react-site-dhr input,
        .react-site-dhr textarea,
        .react-site-dhr [contenteditable="true"],
        .react-site-dhr [contenteditable="plaintext-only"] {
            cursor: text;
            caret-color: auto;
        }

        /* Bo'sh OAK badge matni fon va padding bilan ko'rinib qolmasin. */
        .react-site-dhr span.bg-indigo-600.tracking-tighter:empty {
            display: none !important;
        }

        /* DHR ichki sahifalarining ixcham sarlavha banneri. */
        .react-site-dhr main > section.bg-slate-50.relative.overflow-hidden.border-b > .max-w-7xl {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }
        .react-site-dhr main > section.bg-slate-50.relative.overflow-hidden.border-b h1 {
            margin-bottom: 0 !important;
            font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
            line-height: 1.2 !important;
            letter-spacing: -.02em !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            grid-auto-rows: 1fr !important;
            min-width: 0 !important;
        }

        html.nhrc-news-index,
        body.react-site-nhrc.nhrc-news-index,
        body.react-site-nhrc.nhrc-news-index #root,
        body.react-site-nhrc.nhrc-news-index main {
            background: #f3f4f6 !important;
        }

        body.react-site-nhrc.nhrc-news-index main > section:first-child {
            background: #f3f4f6 !important;
            color: #0f172a !important;
        }

        body.react-site-nhrc.nhrc-news-index main > section:first-child > .absolute {
            display: none !important;
        }

        body.react-site-nhrc.nhrc-news-index main > section:first-child h1,
        body.react-site-nhrc.nhrc-news-index main > section:first-child h2,
        body.react-site-nhrc.nhrc-news-index main > section:first-child h3 {
            color: #0f172a !important;
        }

        body.react-site-nhrc.nhrc-news-index main > section:first-child p,
        body.react-site-nhrc.nhrc-news-index main > section:first-child a,
        body.react-site-nhrc.nhrc-news-index main > section:first-child span,
        body.react-site-nhrc.nhrc-news-index main > section:first-child svg {
            color: #475569 !important;
        }

        body.react-site-nhrc.nhrc-news-index main > section:first-child a:hover,
        body.react-site-nhrc.nhrc-news-index main > section:first-child span.font-semibold {
            color: #0f172a !important;
        }

        body.react-site-nhrc.nhrc-news-index nav[aria-label*="pagination" i] a[aria-current],
        body.react-site-nhrc.nhrc-news-index nav[aria-label*="pagination" i] span[aria-current],
        body.react-site-nhrc.nhrc-news-index nav[aria-label*="pagination" i] button[aria-current],
        body.react-site-nhrc.nhrc-news-index nav a[aria-current],
        body.react-site-nhrc.nhrc-news-index nav span[aria-current],
        body.react-site-nhrc.nhrc-news-index nav button[aria-current],
        body.react-site-nhrc.nhrc-news-index nav .active,
        body.react-site-nhrc.nhrc-news-index nav .is-active {
            border-color: #0f766e !important;
            background: #0f766e !important;
            color: #ffffff !important;
            box-shadow: 0 10px 22px rgba(15, 118, 110, 0.22) !important;
        }

        body.react-site-nhrc.nhrc-news-index nav a[href*="page="]:hover,
        body.react-site-nhrc.nhrc-news-index nav button:not(:disabled):hover {
            border-color: #14b8a6 !important;
            color: #0f766e !important;
        }

        body.react-site-dhr.dhr-library-four-columns {
            overflow-x: hidden !important;
        }

        body.react-site-dhr.dhr-library-four-columns #root,
        body.react-site-dhr.dhr-library-four-columns main,
        body.react-site-dhr.dhr-library-four-columns section {
            max-width: 100vw !important;
        }

        body.react-site-dhr.dhr-library-four-columns *,
        body.react-site-dhr.dhr-library-four-columns *::before,
        body.react-site-dhr.dhr-library-four-columns *::after {
            box-sizing: border-box !important;
        }

        html.dhr-articles-layout-fixed,
        body.react-site-dhr.dhr-articles-layout-fixed {
            overflow-x: hidden !important;
            max-width: 100vw !important;
        }

        body.react-site-dhr.dhr-articles-layout-fixed *,
        body.react-site-dhr.dhr-articles-layout-fixed *::before,
        body.react-site-dhr.dhr-articles-layout-fixed *::after {
            box-sizing: border-box !important;
        }

        body.react-site-dhr.dhr-articles-layout-fixed #root,
        body.react-site-dhr.dhr-articles-layout-fixed main,
        body.react-site-dhr.dhr-articles-layout-fixed section {
            max-width: 100vw !important;
        }

        body.react-site-dhr.dhr-articles-layout-fixed h1 {
            max-width: 100% !important;
            overflow-wrap: anywhere !important;
            word-break: break-word !important;
            letter-spacing: 0 !important;
        }

        /* The React bundle initially paints its legacy filter markup. Keep that
           catalog grid out of the paint tree until the shared enhanced filter
           has replaced it, preventing a flash on reload and slow connections. */
        body.react-site-dhr.dhr-articles-layout-fixed:not(.dhr-catalog-ready) main div.grid:has(> aside) {
            visibility: hidden !important;
        }
        body.react-site-dhr.dhr-articles-layout-fixed:not(.dhr-catalog-ready) main h1 + p {
            visibility: hidden !important;
        }
        body.react-site-dhr.dhr-articles-layout-fixed.dhr-catalog-ready main div.grid:has(> aside) {
            visibility: visible !important;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-layout],
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-filter-column],
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-list-column] {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            overflow-x: clip !important;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            padding-top: 1.35rem !important;
            padding-bottom: 1.35rem !important;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-list-column] > div:has(> [data-dhr-articles-card]) {
            gap: 1rem !important;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] {
            display: grid;
            gap: 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 1rem;
            background: #fff;
            padding: 1.25rem;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] h2 {
            color: #0f172a;
            font-size: .75rem;
            font-weight: 900;
            letter-spacing: .14em;
            text-transform: uppercase;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] label { display: grid; gap: .45rem; }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] label > span,
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] label > span {
            color: #475569;
            font-size: .7rem;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] :is(input, select),
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] select {
            width: 100%;
            min-height: 2.8rem;
            border: 1px solid #e2e8f0;
            border-radius: .75rem;
            background: #f8fafc;
            padding: .65rem .8rem;
            color: #334155;
            font-size: .8rem;
            font-weight: 700;
            outline: none;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] :is(input, select):focus-visible,
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] select:focus-visible,
        .react-site-dhr [data-dhr-filter-toggle]:focus-visible {
            border-color: #6366f1;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] button {
            min-height: 2.8rem;
            border-radius: .75rem;
            background: #0f172a;
            color: #fff;
            font-size: .7rem;
            font-weight: 900;
            letter-spacing: .1em;
            text-transform: uppercase;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-form] a {
            color: #4f46e5;
            font-size: .75rem;
            font-weight: 800;
            text-align: center;
            text-decoration: underline;
            text-underline-offset: 3px;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1rem;
            padding-bottom: .9rem;
            border-bottom: 1px solid #e2e8f0;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] p {
            color: #334155;
            font-size: .85rem;
            font-weight: 800;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] label {
            display: flex;
            align-items: center;
            gap: .65rem;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] select { min-width: 12rem; }
        .react-site-dhr [data-dhr-filter-toggle] { display: none; }

        .react-site-dhr.dhr-article-detail-fixed aside article h3,
        .react-site-dhr.dhr-article-detail-fixed aside article h4,
        .react-site-dhr.dhr-article-detail-fixed aside a[class*="block"] h3 {
            display: -webkit-box !important;
            overflow: hidden !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 3 !important;
            line-clamp: 3 !important;
        }
        .react-site-dhr.dhr-article-detail-fixed main h1 {
            font-size: clamp(1.45rem, 2.7vw, 2.35rem) !important;
            line-height: 1.18 !important;
            overflow-wrap: anywhere;
        }
        .react-site-dhr.dhr-home-compact main a:focus-visible {
            outline: 3px solid #818cf8;
            outline-offset: 3px;
        }
        .react-site-dhr.dhr-home-compact main a[class*="rounded"] {
            min-height: 100%;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-card-authors] {
            display: grid !important;
            gap: 7px !important;
            margin-bottom: 16px !important;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] > div:nth-of-type(2) {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 7px !important;
            align-items: stretch !important;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] > div:nth-of-type(2) > span {
            display: block !important;
            width: 100% !important;
            white-space: normal !important;
            line-height: 1.5 !important;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-card-author] {
            display: grid;
            gap: 2px;
            border-left: 2px solid #c7d2fe;
            border-radius: 0 7px 7px 0;
            background: #f8fafc;
            padding: 7px 10px;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-card-author] strong {
            color: #334155;
            font-size: 12px;
            line-height: 1.35;
        }
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-card-author] span {
            color: #64748b;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.4;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] h2,
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] h3,
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] p,
        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] a {
            max-width: 100% !important;
            overflow-wrap: anywhere !important;
            word-break: break-word !important;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-year-search] {
            width: 100% !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 0.75rem !important;
            background: #f8fafc !important;
            padding: 0.7rem 0.9rem !important;
            color: #334155 !important;
            font-size: 0.78rem !important;
            font-weight: 800 !important;
            outline: none !important;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-year-search]:focus {
            border-color: #6366f1 !important;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
        }

        .react-site-dhr.dhr-articles-layout-fixed [data-dhr-year-filter-hidden] {
            display: none !important;
        }

        @media (min-width: 1024px) {
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-layout] {
                display: grid !important;
                grid-template-columns: 260px minmax(0, 1fr) !important;
                gap: 1.5rem !important;
                max-width: 76rem !important;
                margin-left: auto !important;
                margin-right: auto !important;
                align-items: start !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter-column] {
                grid-column: 1 / 2 !important;
                min-width: 0 !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-list-column] {
                grid-column: 2 / 3 !important;
                min-width: 0 !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-layout] {
                display: grid !important;
                grid-template-columns: 268px minmax(0, 1fr) !important;
                gap: 2rem !important;
                max-width: 80rem !important;
                margin-left: auto !important;
                margin-right: auto !important;
                align-items: start !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-filter-column] {
                grid-column: 1 / 2 !important;
                min-width: 0 !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-list-column] {
                grid-column: 2 / 3 !important;
                min-width: 0 !important;
            }
        }

        @media (max-width: 767px) {
            .react-site-dhr [data-dhr-filter-toggle] {
                display: inline-flex;
                min-height: 2.75rem;
                align-items: center;
                margin-bottom: 1rem;
                border: 1px solid #cbd5e1;
                border-radius: .75rem;
                background: #fff;
                padding: .65rem 1rem;
                color: #312e81;
                font-size: .75rem;
                font-weight: 900;
                letter-spacing: .08em;
                text-transform: uppercase;
            }
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-filter-column] { display: none; }
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-filter-column].is-open { display: block; margin-bottom: 1rem; }
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] { align-items: stretch; flex-direction: column; }
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] label { align-items: stretch; flex-direction: column; }
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-catalog-toolbar] select { min-width: 0; }
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-layout],
        .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter-column],
        .react-site-dhr.dhr-library-four-columns [data-dhr-library-list-column] {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: clip !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article {
            height: 100% !important;
            padding: 0.75rem !important;
            min-width: 0 !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article > div {
            display: flex !important;
            flex-direction: column !important;
            gap: 0.75rem !important;
            height: 100% !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article > div > div:first-child {
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 3 / 4 !important;
            border-radius: 1rem !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article h3 {
            margin-bottom: 0.5rem !important;
            font-size: 1rem !important;
            line-height: 1.3 !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article p:not(:first-child) {
            display: none !important;
        }

        .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article a {
            justify-content: center !important;
            padding: 0.5rem 0.75rem !important;
            font-size: 0.62rem !important;
            min-width: 0 !important;
            white-space: normal !important;
            text-align: center !important;
        }

        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b {
            background: #ffffff !important;
            border-bottom-color: #e2e8f0 !important;
        }

        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b > div.absolute {
            display: none !important;
        }

        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b > div.relative.z-10 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b p:first-of-type,
        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b h1 + p {
            display: none !important;
        }

        .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b h1 {
            margin-bottom: 0 !important;
            max-width: 72rem !important;
            font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
            line-height: 1.1 !important;
            letter-spacing: 0 !important;
        }

        @media (max-width: 1279px) {
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 1023px) {
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-layout] {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) !important;
                gap: 1.25rem !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-layout] {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) !important;
                gap: 1.25rem !important;
                width: calc(100vw - 2rem) !important;
                max-width: calc(100vw - 2rem) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-filter-column],
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-list-column],
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
            }
        }

        @media (max-width: 767px) {
            body.react-site-dhr.dhr-articles-layout-fixed h1 {
                font-size: 1.65rem !important;
                line-height: 1.15 !important;
            }

            body.react-site-dhr.dhr-articles-layout-fixed .max-w-7xl,
            body.react-site-dhr.dhr-articles-layout-fixed .rounded-3xl,
            body.react-site-dhr.dhr-articles-layout-fixed .rounded-2xl {
                max-width: calc(100vw - 2rem) !important;
                min-width: 0 !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] {
                padding: 1rem !important;
            }

            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] h2,
            .react-site-dhr.dhr-articles-layout-fixed [data-dhr-articles-card] h3 {
                font-size: 1rem !important;
                line-height: 1.35 !important;
            }

            .react-site-dhr.dhr-library-compact-hero section.bg-slate-50.border-b h1 {
                max-width: calc(100vw - 2rem) !important;
                font-size: 1.45rem !important;
                line-height: 1.15 !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
                white-space: normal !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-layout] {
                width: calc(100vw - 2rem) !important;
                max-width: calc(100vw - 2rem) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter-column],
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-list-column],
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter],
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid],
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] select,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] button {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
            }

            body.react-site-dhr.dhr-library-four-columns .max-w-7xl,
            body.react-site-dhr.dhr-library-four-columns .rounded-3xl,
            body.react-site-dhr.dhr-library-four-columns .rounded-2xl {
                max-width: calc(100vw - 2rem) !important;
                min-width: 0 !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] select,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] button,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] p.mt-6 {
                width: calc(100% - 1rem) !important;
                max-width: calc(100vw - 7rem) !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] label,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] label span,
            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] label select {
                display: block !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-filter] label span {
                margin-bottom: 0.5rem !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] article > div > div:first-child {
                width: 100% !important;
                max-width: calc(100vw - 7rem) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .react-site-dhr.dhr-library-four-columns [data-dhr-library-issues-grid] {
                grid-template-columns: 1fr !important;
            }
        }

        .react-site-dhr [data-dhr-main-nav] {
            justify-content: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
            width: 100% !important;
            text-align: center !important;
        }

        .react-site-dhr [data-dhr-main-nav] .absolute,
        .react-site-dhr [data-dhr-main-nav] .absolute * {
            text-align: left !important;
        }

        .react-site-dhr [data-dhr-main-nav] .absolute .grid {
            justify-items: stretch !important;
        }

        .react-site-dhr [data-dhr-main-nav] .absolute a {
            justify-content: flex-start !important;
        }

        .react-site-dhr.dhr-people-large-photos article.overflow-hidden.rounded-3xl > div:first-child {
            height: 24rem !important;
        }

        .react-site-dhr.dhr-people-large-photos article.overflow-hidden.rounded-3xl > div:first-child img {
            height: 100% !important;
            width: 100% !important;
            object-fit: cover !important;
        }

        .react-site-dhr.dhr-people-large-photos img.h-28.w-24.flex-shrink-0.object-cover {
            width: 6rem !important;
            height: 7rem !important;
            object-fit: cover !important;
        }

        @media (min-width: 768px) {
            .react-site-dhr.dhr-people-large-photos img.h-28.w-24.flex-shrink-0.object-cover {
                width: 7rem !important;
                height: 8rem !important;
            }
        }

        @media (max-width: 767px) {
            .react-site-dhr.dhr-people-large-photos article.overflow-hidden.rounded-3xl > div:first-child {
                height: 20rem !important;
            }
        }

        .react-site-dhr.dhr-people-page main > section:first-child {
            background:
                radial-gradient(circle at 86% 20%, rgba(99, 102, 241, 0.13), transparent 26rem),
                linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%) !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child > div:last-child {
            padding-top: 2.75rem !important;
            padding-bottom: 2.75rem !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child h1 {
            margin-bottom: 0.75rem !important;
            font-family: var(--site-font-sans) !important;
            font-size: clamp(2rem, 4vw, 3rem) !important;
            line-height: 1.08 !important;
            letter-spacing: -0.04em !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child p:first-of-type {
            margin-bottom: 1rem !important;
        }

        .react-site-dhr.dhr-people-page main > section:nth-child(2) {
            padding-top: 3rem !important;
            padding-bottom: 4rem !important;
            background: #f8fafc !important;
        }

        .react-site-dhr.dhr-people-page main > section:nth-child(2) .max-w-7xl > .bg-white {
            padding: 0 !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-people-grid] {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 1.25rem !important;
        }

        .react-site-dhr.dhr-leadership-page [data-dhr-people-grid] {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            max-width: 58rem !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] {
            height: 100% !important;
            min-height: 12rem !important;
            padding: 1.35rem !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 1.35rem !important;
            background: rgba(255, 255, 255, 0.96) !important;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card]:hover {
            border-color: #a5b4fc !important;
            box-shadow: 0 18px 36px rgba(79, 70, 229, 0.13) !important;
            transform: translateY(-4px) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] > div {
            display: flex !important;
            height: 100% !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 1rem !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] img,
        .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > div:first-child:not(.min-w-0) {
            width: 5.75rem !important;
            height: 6.75rem !important;
            border: 3px solid #eef2ff !important;
            border-radius: 1.15rem !important;
            object-fit: cover !important;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12) !important;
        }

        .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > div > div:first-child:not(.min-w-0) {
            background: linear-gradient(145deg, #eef2ff, #e0e7ff) !important;
            color: #4f46e5 !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] h3 {
            margin: 0 !important;
            font-family: var(--site-font-sans) !important;
            font-size: 1.05rem !important;
            line-height: 1.35 !important;
            letter-spacing: -0.015em !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] p {
            margin-top: 0.5rem !important;
            margin-bottom: 0 !important;
            color: #64748b !important;
            font-size: 0.82rem !important;
            font-weight: 600 !important;
            line-height: 1.65 !important;
        }

        @media (max-width: 1023px) {
            .react-site-dhr.dhr-people-page [data-dhr-people-grid] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 639px) {
            .react-site-dhr.dhr-people-page main > section:first-child > div:last-child {
                padding-top: 2rem !important;
                padding-bottom: 2rem !important;
            }

            .react-site-dhr.dhr-people-page main > section:nth-child(2) {
                padding-top: 1.5rem !important;
                padding-bottom: 2.5rem !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-people-grid] {
                grid-template-columns: 1fr !important;
                gap: 0.9rem !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card] {
                min-height: 0 !important;
                padding: 1rem !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card] > div {
                flex-direction: row !important;
                gap: 0.9rem !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card] img,
            .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > div:first-child:not(.min-w-0) {
                width: 4.5rem !important;
                height: 5.25rem !important;
                flex: 0 0 auto !important;
            }
        }

        /* DHR leadership and editorial directory */
        .react-site-dhr.dhr-people-page main > section:first-child {
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #e0e7ff;
            background:
                radial-gradient(circle at 82% 25%, rgba(99, 102, 241, 0.2), transparent 27%),
                linear-gradient(120deg, #f8fafc 0%, #eef2ff 58%, #e0e7ff 100%) !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child::after {
            position: absolute;
            right: 6%;
            bottom: -5rem;
            width: 17rem;
            height: 17rem;
            border: 1px solid rgba(79, 70, 229, 0.15);
            border-radius: 9999px;
            box-shadow: 0 0 0 2.5rem rgba(99, 102, 241, 0.04), 0 0 0 5rem rgba(99, 102, 241, 0.025);
            content: "";
            pointer-events: none;
        }

        .react-site-dhr.dhr-people-page main > section:first-child h1 {
            position: relative;
            z-index: 1;
            max-width: 54rem;
            color: #0f172a !important;
            text-wrap: balance;
        }

        .react-site-dhr.dhr-people-page main > section:nth-child(2) {
            background:
                linear-gradient(rgba(248, 250, 252, 0.92), rgba(248, 250, 252, 0.98)),
                radial-gradient(circle at 1px 1px, #cbd5e1 1px, transparent 0) !important;
            background-size: auto, 24px 24px !important;
        }

        .react-site-dhr .dhr-people-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
            padding: 1.1rem 1.25rem;
            border: 1px solid #e2e8f0;
            border-radius: 1.25rem;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
            backdrop-filter: blur(12px);
        }

        .react-site-dhr .dhr-people-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            color: #4f46e5;
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .react-site-dhr .dhr-people-summary p {
            margin: 0.35rem 0 0 !important;
            color: #94a3b8 !important;
            font-size: 0.62rem !important;
            font-weight: 900 !important;
            letter-spacing: 0.2em;
        }

        .react-site-dhr .dhr-people-count {
            display: flex;
            align-items: baseline;
            gap: 0.45rem;
            padding: 0.6rem 0.9rem;
            border-radius: 0.9rem;
            background: #0f172a;
            color: #fff;
        }

        .react-site-dhr .dhr-people-count strong {
            font-size: 1.35rem;
            font-weight: 950;
            line-height: 1;
        }

        .react-site-dhr .dhr-people-count span {
            color: #c7d2fe;
            font-size: 0.66rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        .react-site-dhr.dhr-people-page [data-dhr-people-grid].dhr-people-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            max-width: none !important;
            margin: 0 !important;
            gap: 1.25rem !important;
        }

        .react-site-dhr.dhr-leadership-page [data-dhr-people-grid].dhr-people-grid-leadership {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card {
            position: relative;
            min-height: 18rem !important;
            height: 100% !important;
            overflow: hidden;
            padding: 0 !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 1.5rem !important;
            background: rgba(255, 255, 255, 0.97) !important;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
            isolation: isolate;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card::before {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 4px;
            background: linear-gradient(90deg, #4f46e5, #6366f1, #14b8a6);
            content: "";
            transition: height 250ms ease;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card:hover {
            border-color: #a5b4fc !important;
            box-shadow: 0 22px 50px rgba(79, 70, 229, 0.14) !important;
            transform: translateY(-5px) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card:hover::before {
            height: 6px;
        }

        .react-site-dhr .dhr-person-card-number {
            position: absolute;
            right: 1rem;
            top: 0.65rem;
            z-index: -1;
            color: #f1f5f9;
            font-size: 4.8rem;
            font-weight: 950;
            line-height: 1;
            letter-spacing: -0.08em;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] > .dhr-person-card-inner {
            display: flex !important;
            height: 100% !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 0 !important;
            padding: 1.35rem !important;
        }

        .react-site-dhr.dhr-people-page .dhr-person-photo,
        .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > .dhr-person-photo:first-child {
            position: relative;
            display: flex;
            width: 6.25rem !important;
            height: 7.25rem !important;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 4px solid #fff !important;
            border-radius: 1.3rem !important;
            outline: 1px solid #e0e7ff;
            background: linear-gradient(145deg, #312e81, #4f46e5 55%, #14b8a6) !important;
            color: #fff !important;
            box-shadow: 0 13px 28px rgba(79, 70, 229, 0.2) !important;
        }

        .react-site-dhr .dhr-person-photo > span {
            font-size: 2.3rem;
            font-weight: 950;
        }

        .react-site-dhr.dhr-people-page .dhr-person-photo img {
            position: absolute;
            inset: 0;
            width: 100% !important;
            height: 100% !important;
            border: 0 !important;
            border-radius: 0 !important;
            object-fit: cover !important;
            box-shadow: none !important;
        }

        .react-site-dhr .dhr-person-copy {
            display: flex;
            min-width: 0;
            flex: 1;
            flex-direction: column;
            padding-top: 1.2rem;
        }

        .react-site-dhr .dhr-person-meta {
            display: flex;
            min-height: 1.6rem;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.45rem;
            margin-bottom: 0.75rem;
        }

        .react-site-dhr .dhr-person-role,
        .react-site-dhr .dhr-person-country {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            border-radius: 9999px;
            padding: 0.35rem 0.6rem;
            font-size: 0.58rem;
            font-weight: 900;
            letter-spacing: 0.08em;
            line-height: 1;
            text-transform: uppercase;
        }

        .react-site-dhr .dhr-person-role {
            background: #eef2ff;
            color: #4338ca;
        }

        .react-site-dhr .dhr-person-country {
            background: #ecfeff;
            color: #0f766e;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] .dhr-person-copy h3 {
            margin: 0 !important;
            color: #0f172a !important;
            font-size: 1.08rem !important;
            font-weight: 950 !important;
            line-height: 1.28 !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] .dhr-person-position {
            margin: 0.7rem 0 0 !important;
            color: #64748b !important;
            font-size: 0.79rem !important;
            font-weight: 650 !important;
            line-height: 1.6 !important;
        }

        .react-site-dhr .dhr-person-hours {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            margin: 0.75rem 0 0 !important;
            color: #64748b !important;
            font-size: 0.72rem !important;
            font-weight: 700 !important;
            line-height: 1.5 !important;
        }

        .react-site-dhr .dhr-person-hours i {
            margin-top: 0.2rem;
            color: #6366f1;
        }

        .react-site-dhr .dhr-person-card-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
            padding-top: 1rem;
            color: #94a3b8;
            font-size: 0.58rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .react-site-dhr .dhr-person-card-footer i {
            color: #6366f1;
            transition: transform 250ms ease;
        }

        .react-site-dhr .dhr-person-card:hover .dhr-person-card-footer i {
            transform: translate(2px, -2px);
        }

        .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner {
            min-height: 15.5rem;
            flex-direction: row !important;
            align-items: center !important;
            gap: 1.35rem !important;
            padding: 1.65rem !important;
        }

        .react-site-dhr.dhr-leadership-page .dhr-person-copy {
            align-self: stretch;
            justify-content: center;
            padding-top: 0;
        }

        .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner > .dhr-person-photo:first-child {
            background: linear-gradient(145deg, #312e81, #4f46e5 55%, #14b8a6) !important;
            color: #fff !important;
        }

        @media (max-width: 1023px) {
            .react-site-dhr.dhr-people-page [data-dhr-people-grid].dhr-people-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 639px) {
            .react-site-dhr .dhr-people-summary {
                margin-bottom: 1rem;
                padding: 0.9rem;
            }

            .react-site-dhr.dhr-people-page [data-dhr-people-grid].dhr-people-grid {
                grid-template-columns: 1fr !important;
                gap: 0.9rem !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card {
                min-height: 0 !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card] > .dhr-person-card-inner,
            .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner {
                min-height: 0;
                flex-direction: row !important;
                align-items: flex-start !important;
                gap: 1rem !important;
                padding: 1.1rem !important;
            }

            .react-site-dhr.dhr-people-page .dhr-person-photo,
            .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > .dhr-person-photo:first-child {
                width: 4.9rem !important;
                height: 5.7rem !important;
            }

            .react-site-dhr .dhr-person-copy {
                align-self: stretch;
                padding-top: 0;
            }

            .react-site-dhr .dhr-person-meta {
                margin-bottom: 0.55rem;
            }

            .react-site-dhr .dhr-person-card-number,
            .react-site-dhr .dhr-person-card-footer {
                display: none;
            }
        }

        /* Formal directory theme: restrained institutional presentation. */
        .react-site-dhr.dhr-people-page main > section:first-child {
            border-top: 4px solid #172554 !important;
            border-bottom: 1px solid #cbd5e1 !important;
            background: #f4f6f8 !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child::after {
            display: none !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child h1 {
            color: #172554 !important;
            font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
            letter-spacing: -0.035em !important;
        }

        .react-site-dhr.dhr-people-page main > section:first-child > div:last-child {
            padding-top: 2.5rem !important;
            padding-bottom: 2.5rem !important;
        }

        .react-site-dhr.dhr-people-page main > section:nth-child(2) {
            background: #f8fafc !important;
        }

        .react-site-dhr .dhr-people-summary {
            justify-content: flex-start;
            gap: 1rem;
            margin-bottom: 1.75rem;
            padding: 1.15rem 1.3rem;
            border: 1px solid #dbe2ea;
            border-left: 4px solid #172554;
            border-radius: 0.75rem;
            background: #fff;
            box-shadow: none;
            backdrop-filter: none;
        }

        .react-site-dhr .dhr-people-summary-mark {
            display: inline-flex;
            width: 2.65rem;
            height: 2.65rem;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            background: #172554;
            color: #fff;
            font-size: 0.9rem;
        }

        .react-site-dhr .dhr-people-summary > div {
            min-width: 0;
        }

        .react-site-dhr .dhr-people-summary > div > p {
            margin: 0 !important;
            color: #1e293b !important;
            font-size: 0.82rem !important;
            font-weight: 800 !important;
            line-height: 1.45 !important;
            letter-spacing: 0 !important;
            text-transform: none;
        }

        .react-site-dhr .dhr-people-summary > div > span {
            display: block;
            margin-top: 0.25rem;
            color: #64748b;
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .react-site-dhr .dhr-people-count,
        .react-site-dhr .dhr-people-eyebrow,
        .react-site-dhr .dhr-person-card-number,
        .react-site-dhr .dhr-person-role,
        .react-site-dhr .dhr-person-card-footer {
            display: none !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-people-grid].dhr-people-grid,
        .react-site-dhr.dhr-leadership-page [data-dhr-people-grid].dhr-people-grid-leadership {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 1.25rem !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card {
            min-height: 13.5rem !important;
            border: 1px solid #dbe2ea !important;
            border-radius: 0.9rem !important;
            background: #fff !important;
            box-shadow: 0 5px 16px rgba(15, 23, 42, 0.045) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card::before {
            display: none !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card:hover {
            border-color: #94a3b8 !important;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
            transform: translateY(-2px) !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] > .dhr-person-card-inner,
        .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner {
            min-height: 13.5rem !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 1.25rem !important;
            padding: 1.35rem !important;
        }

        .react-site-dhr.dhr-people-page .dhr-person-photo,
        .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > .dhr-person-photo:first-child,
        .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner > .dhr-person-photo:first-child {
            width: 7rem !important;
            height: 8.75rem !important;
            border: 1px solid #cbd5e1 !important;
            border-radius: 0.55rem !important;
            outline: 0 !important;
            background: #e8edf3 !important;
            color: #172554 !important;
            box-shadow: none !important;
        }

        .react-site-dhr .dhr-person-photo > span {
            font-size: 2rem;
            font-weight: 900;
        }

        .react-site-dhr.dhr-people-page .dhr-person-photo img {
            border-radius: 0 !important;
        }

        .react-site-dhr .dhr-person-copy,
        .react-site-dhr.dhr-leadership-page .dhr-person-copy {
            align-self: stretch;
            justify-content: center;
            padding-top: 0;
        }

        .react-site-dhr .dhr-person-meta {
            min-height: 0;
            margin-bottom: 0.6rem;
        }

        .react-site-dhr .dhr-person-country {
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: #475569;
            font-size: 0.62rem;
            letter-spacing: 0.06em;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] .dhr-person-copy h3 {
            padding-bottom: 0.6rem;
            border-bottom: 1px solid #e2e8f0;
            color: #172554 !important;
            font-size: 1.05rem !important;
            line-height: 1.35 !important;
        }

        .react-site-dhr.dhr-people-page [data-dhr-person-card] .dhr-person-position {
            margin-top: 0.65rem !important;
            color: #475569 !important;
            font-size: 0.78rem !important;
            font-weight: 600 !important;
            line-height: 1.58 !important;
        }

        .react-site-dhr .dhr-person-hours {
            margin-top: 0.65rem !important;
            color: #64748b !important;
        }

        .react-site-dhr .dhr-person-hours i {
            color: #172554;
        }

        @media (max-width: 900px) {
            .react-site-dhr.dhr-people-page [data-dhr-people-grid].dhr-people-grid,
            .react-site-dhr.dhr-leadership-page [data-dhr-people-grid].dhr-people-grid-leadership {
                grid-template-columns: 1fr !important;
            }
        }

        @media (max-width: 639px) {
            .react-site-dhr .dhr-people-summary {
                align-items: flex-start;
                padding: 0.9rem;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card].dhr-person-card,
            .react-site-dhr.dhr-people-page [data-dhr-person-card] > .dhr-person-card-inner,
            .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner {
                min-height: 0 !important;
            }

            .react-site-dhr.dhr-people-page [data-dhr-person-card] > .dhr-person-card-inner,
            .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner {
                gap: 0.9rem !important;
                padding: 1rem !important;
            }

            .react-site-dhr.dhr-people-page .dhr-person-photo,
            .react-site-dhr.dhr-people-page [data-dhr-person-card] > div > .dhr-person-photo:first-child,
            .react-site-dhr.dhr-leadership-page [data-dhr-person-card] > .dhr-person-card-inner > .dhr-person-photo:first-child {
                width: 4.75rem !important;
                height: 6rem !important;
            }
        }

        .react-site-dhr .dhr-order-price-panel {
            border: 1px solid #dbeafe;
            border-radius: 1.25rem;
            background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
            padding: 1rem;
            box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08);
        }

        .react-site-dhr .dhr-leadership-tabs {
            width: 100%;
            margin-top: 1rem;
            border-top: 1px solid #e2e8f0;
            padding-top: 0.85rem;
        }

        .react-site-dhr .dhr-leadership-tablist {
            display: flex;
            flex-wrap: wrap;
            gap: 0.35rem;
            margin-bottom: 0.75rem;
        }

        .react-site-dhr .dhr-leadership-tab {
            min-height: 2.35rem;
            padding: 0.48rem 0.78rem;
            border: 1px solid #dbe2ea;
            border-radius: 0.45rem;
            background: #f8fafc;
            color: #475569;
            font-size: 0.72rem;
            font-weight: 800;
            cursor: pointer;
        }

        .react-site-dhr .dhr-leadership-tab[aria-selected="true"] {
            border-color: #1e3a8a;
            background: #1e3a8a;
            color: #fff;
        }

        .react-site-dhr .dhr-leadership-panel {
            color: #475569;
            font-size: 0.82rem;
            font-weight: 500;
            line-height: 1.65;
        }

        .react-site-dhr .dhr-leadership-panel[hidden] {
            display: none !important;
        }

        .react-site-dhr .dhr-leadership-panel p:last-child {
            margin-bottom: 0 !important;
        }

        .react-site-dhr .dhr-order-price-panel .dhr-order-price-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            color: #334155;
            font-size: 0.875rem;
            font-weight: 800;
            line-height: 1.5;
        }

        .react-site-dhr .dhr-order-price-panel .dhr-order-price-total {
            margin-top: 0.75rem;
            border-top: 1px solid #bfdbfe;
            padding-top: 0.875rem;
            color: #0f172a;
            font-size: 1.5rem;
            font-weight: 900;
            letter-spacing: 0;
        }

        .react-site-dhr .dhr-order-price-panel .dhr-order-price-muted {
            margin-top: 0.35rem;
            color: #64748b;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.5;
        }

        html,
        body,
        #root {
            max-width: 100%;
        }

        body.react-site-dhr,
        body.react-site-ecourse {
            overflow-x: clip;
        }

        body.react-site-dhr.dhr-home-compact main > section {
            padding-top: 2.75rem !important;
            padding-bottom: 2.75rem !important;
        }

        body.react-site-dhr.dhr-home-compact main > section:first-child {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important;
            min-height: auto !important;
        }

        body.react-site-dhr.dhr-home-compact main .py-24,
        body.react-site-dhr.dhr-home-compact main .py-20,
        body.react-site-dhr.dhr-home-compact main .py-16 {
            padding-top: 2.75rem !important;
            padding-bottom: 2.75rem !important;
        }

        body.react-site-dhr.dhr-home-compact main .mb-16,
        body.react-site-dhr.dhr-home-compact main .mb-14,
        body.react-site-dhr.dhr-home-compact main .mb-12 {
            margin-bottom: 2rem !important;
        }

        body.react-site-dhr.dhr-home-compact main .mt-16,
        body.react-site-dhr.dhr-home-compact main .mt-14,
        body.react-site-dhr.dhr-home-compact main .mt-12 {
            margin-top: 2rem !important;
        }

        body.react-site-dhr.dhr-home-compact main .space-y-8 > :not([hidden]) ~ :not([hidden]) {
            margin-top: 1.5rem !important;
        }

        @media (max-width: 767.98px) {
            body.react-site-dhr.dhr-home-compact main > section,
            body.react-site-dhr.dhr-home-compact main > section:first-child,
            body.react-site-dhr.dhr-home-compact main .py-24,
            body.react-site-dhr.dhr-home-compact main .py-20,
            body.react-site-dhr.dhr-home-compact main .py-16 {
                padding-top: 2rem !important;
                padding-bottom: 2rem !important;
            }

            body.react-site-dhr.dhr-home-compact main > section {
                min-width: 0 !important;
                max-width: 100vw !important;
                overflow-x: hidden !important;
            }

            body.react-site-dhr.dhr-home-compact main > section > div,
            body.react-site-dhr.dhr-home-compact main > section > div > div {
                min-width: 0 !important;
                max-width: 100% !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child > div {
                width: 100vw !important;
                max-width: 100vw !important;
                padding-left: 1rem !important;
                padding-right: 1rem !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child .grid {
                grid-template-columns: minmax(0, 1fr) !important;
                width: calc(100vw - 2rem) !important;
                max-width: calc(100vw - 2rem) !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child h1 {
                width: calc(100vw - 4rem) !important;
                max-width: calc(100vw - 4rem) !important;
                font-size: clamp(1.2rem, 5.5vw, 1.55rem) !important;
                line-height: 1.08 !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: normal !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child h1 span {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: normal !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child p {
                width: min(32ch, calc(100vw - 7rem)) !important;
                max-width: min(32ch, calc(100vw - 7rem)) !important;
                min-width: 0 !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child [class*="max-w-"] {
                width: calc(100vw - 2rem) !important;
                max-width: calc(100vw - 2rem) !important;
                min-width: 0 !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child a,
            body.react-site-dhr.dhr-home-compact main > section:first-child button {
                width: calc(100vw - 4rem) !important;
                max-width: calc(100vw - 4rem) !important;
            }

            body.react-site-dhr.dhr-home-compact main > section:first-child [class*="rounded-3xl"] {
                width: calc(100vw - 4rem) !important;
                max-width: calc(100vw - 4rem) !important;
                min-width: 0 !important;
            }
        }

        @media (max-width: 767.98px) {
            .react-site-dhr nav,
            .react-site-dhr nav > div {
                width: 100vw !important;
                max-width: 100vw !important;
                min-width: 0 !important;
            }

            .react-site-dhr nav > div > div > div:first-child {
                min-width: 0 !important;
            }

            .react-site-dhr #root,
            .react-site-ecourse #root,
            .react-site-dhr #root > div,
            .react-site-ecourse #root > div,
            .react-site-dhr main,
            .react-site-ecourse main,
            .react-site-dhr main section,
            .react-site-ecourse main section {
                width: 100%;
                max-width: 100%;
                min-width: 0;
                overflow-x: clip;
            }

            .react-site-dhr .container,
            .react-site-ecourse .container,
            .react-site-dhr [class*="max-w-"],
            .react-site-ecourse [class*="max-w-"] {
                width: 100%;
                max-width: 100%;
                min-width: 0;
            }

            .react-site-dhr main h1,
            .react-site-ecourse main h1 {
                max-width: 100%;
                font-size: clamp(2rem, 10vw, 2.75rem) !important;
                line-height: 1.08 !important;
                overflow-wrap: anywhere;
            }

            .react-site-dhr main h2,
            .react-site-ecourse main h2,
            .react-site-dhr main h3,
            .react-site-ecourse main h3,
            .react-site-dhr main p,
            .react-site-ecourse main p {
                max-width: 100%;
                overflow-wrap: anywhere;
            }

            .react-site-dhr img,
            .react-site-ecourse img,
            .react-site-dhr video,
            .react-site-ecourse video,
            .react-site-dhr iframe,
            .react-site-ecourse iframe {
                max-width: 100%;
            }

            .react-site-dhr main .flex,
            .react-site-ecourse main .flex,
            .react-site-dhr main [class*="grid-cols-"],
            .react-site-ecourse main [class*="grid-cols-"] {
                min-width: 0;
            }

            .react-site-dhr main a,
            .react-site-dhr main button,
            .react-site-ecourse main a,
            .react-site-ecourse main button {
                max-width: 100%;
                white-space: normal;
            }

            .react-site-dhr header .container > div,
            .react-site-ecourse header .container > div {
                max-width: 100%;
                min-width: 0;
            }

            .react-site-dhr header a[class*="items-center"],
            .react-site-ecourse header a[class*="items-center"] {
                min-width: 0;
                max-width: calc(100% - 3.25rem);
            }

            .react-site-dhr header a[class*="items-center"] span,
            .react-site-ecourse header a[class*="items-center"] span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .react-site-dhr table,
            .react-site-ecourse table {
                width: 100%;
                min-width: 38rem;
            }

            .react-site-dhr main .overflow-x-auto,
            .react-site-ecourse main .overflow-x-auto {
                width: 100%;
                max-width: 100%;
                -webkit-overflow-scrolling: touch;
            }
        }