/*
  PSI institutional design system
  Centralized visual layer loaded after the legacy stylesheets.
  Business logic, routes, forms and CMS behavior remain untouched.
*/

:root,
:root[data-theme="light"] {
    --psi-primary: #27A8D8;
    --psi-primary-dark: #147FA8;
    --psi-primary-light: #EAF8FC;
    --psi-primary-soft: #6CCCEB;
    --psi-brown: #95683D;
    --psi-brown-dark: #6F4727;
    --psi-brown-light: #B98956;
    --psi-cream: #F8F1EA;
    --psi-deep-navy: #063970;
    --psi-cool-white: #F7FAFC;
    --psi-white: #FFFFFF;
    --psi-charcoal: #20282D;
    --psi-slate-gray: #66747C;

    --brand-primary: var(--psi-primary);
    --brand-primary-hover: var(--psi-primary-dark);
    --brand-secondary: var(--psi-primary-dark);
    --brand-accent: var(--psi-brown);
    --brand-accent-hover: var(--psi-brown-dark);
    --brand-green: var(--psi-deep-navy);
    --brand-dark: var(--psi-deep-navy);

    --background: var(--psi-cool-white);
    --background-alt: var(--psi-cream);
    --surface: var(--psi-white);
    --surface-secondary: var(--psi-primary-light);
    --surface-tertiary: var(--psi-primary-light);
    --card-background: rgba(255, 255, 255, .88);
    --header-background: rgba(255, 255, 255, .86);
    --footer-background: var(--brand-dark);

    --text-primary: #20282D;
    --text-secondary: var(--psi-slate-gray);
    --text-muted: #7b8890;
    --text-inverse: var(--psi-white);
    --border: #d8e7ec;
    --divider: #e4edf1;

    --primary: var(--brand-primary);
    --primary-hover: var(--brand-primary-hover);
    --secondary: var(--brand-secondary);
    --accent: var(--brand-accent);
    --accent-hover: var(--brand-accent-hover);
    --institutional-green: var(--brand-green);

    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --container-max: 1280px;
    --content-max: 820px;
    --section-y: clamp(58px, 7vw, 92px);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;

    --shadow-sm: 0 1px 2px rgba(32, 40, 45, .05);
    --shadow-md: 0 14px 34px -28px rgba(6, 57, 112, .45);
    --shadow-lg: 0 24px 58px -42px rgba(6, 57, 112, .56);
    --focus-ring: 0 0 0 3px rgba(39, 168, 216, .28);
    --transition-fast: 160ms ease;
    --transition: 220ms ease;

    --section-default: transparent;
    --section-muted: rgba(247, 250, 252, .72);
    --section-highlight: rgba(234, 248, 252, .68);
    --section-accent: rgba(248, 241, 234, .7);
    --site-bg-image: none;
    --site-bg-overlay:
        linear-gradient(180deg, rgba(248, 250, 251, .28), rgba(248, 250, 251, .5) 58%, rgba(242, 246, 248, .72));
    --chart-1: var(--psi-primary);
    --chart-2: var(--psi-primary-dark);
    --chart-3: var(--psi-deep-navy);
    --chart-4: var(--psi-brown);
    --chart-5: var(--psi-primary-soft);
    --chart-6: var(--psi-brown-dark);

    /* Legacy variable bridge so existing CSS inherits the new system. */
    --brown: var(--accent);
    --brown-dark: var(--accent-hover);
    --brown-light: var(--psi-brown-light);
    --blue: var(--primary);
    --blue-dark: var(--primary-hover);
    --blue-light: var(--psi-primary-light);
    --navy: var(--text-primary);
    --cream: var(--section-accent);
    --pale: var(--section-highlight);
    --text: var(--text-primary);
    --muted: var(--text-secondary);
    --font-sans: "Plus Jakarta Sans", "Noto Sans Ethiopic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --shadow: var(--shadow-md);
}

:root[data-theme="dark"] {
    --background: #084079;
    --background-alt: #052f5d;
    --surface: rgba(6, 57, 112, .92);
    --surface-secondary: rgba(20, 127, 168, .22);
    --surface-tertiary: rgba(108, 204, 235, .16);
    --card-background: rgba(6, 57, 112, .78);
    --header-background: rgba(6, 57, 112, .8);
    --footer-background: #052f5d;

    --text-primary: var(--psi-cool-white);
    --text-secondary: #EAF8FC;
    --text-muted: #b7d9e5;
    --text-inverse: var(--psi-charcoal);
    --border: rgba(234, 248, 252, .2);
    --divider: rgba(234, 248, 252, .13);

    --primary-hover: var(--psi-primary-soft);
    --accent: var(--psi-brown);
    --accent-hover: var(--psi-brown-light);
    --institutional-green: var(--psi-primary-dark);

    --section-muted: rgba(6, 57, 112, .42);
    --section-highlight: rgba(39, 168, 216, .16);
    --section-accent: rgba(149, 104, 61, .2);
    --site-bg-image: none;
    --site-bg-overlay:
        linear-gradient(180deg, rgba(6, 57, 112, .08), rgba(6, 57, 112, .24) 58%, rgba(6, 57, 112, .44));
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);
    --shadow-md: 0 18px 44px -34px rgba(0, 0, 0, .8);
    --shadow-lg: 0 28px 70px -44px rgba(0, 0, 0, .86);
    --focus-ring: 0 0 0 3px rgba(39, 168, 216, .36);

    --brown: var(--accent);
    --brown-dark: var(--accent-hover);
    --blue-dark: var(--primary);
    --blue-light: var(--psi-primary-light);
    --navy: var(--text-primary);
    --cream: var(--section-accent);
    --pale: var(--section-highlight);
    --text: var(--text-primary);
    --muted: var(--text-secondary);
    --shadow: var(--shadow-md);
}

* {
    box-sizing: border-box;
}

html {
    color-scheme: light;
    scroll-behavior: smooth;
}

:root[data-theme="dark"] {
    color-scheme: dark;
}

body {
    min-height: 100vh;
    margin: 0;
    background-color: var(--background);
    background-image: none;
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.65;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

:root[data-theme="dark"] body {
    background-image: none;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .08;
    background-image:
        linear-gradient(90deg, rgba(39, 168, 216, .055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(20, 127, 168, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 50% 20%, transparent 0, black 68%, transparent 100%);
}

:root[data-theme="dark"] body::before {
    opacity: .06;
    background-image:
        linear-gradient(90deg, rgba(39, 168, 216, .06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(6, 57, 112, .045) 1px, transparent 1px);
}

::selection {
    background: rgba(39, 168, 216, .28);
    color: var(--text-primary);
}

a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

.container {
    width: min(100% - 32px, var(--container-max));
    margin-inline: auto;
}

.section {
    padding-block: var(--section-y);
}

.section-head {
    max-width: 780px;
    margin-bottom: clamp(24px, 4vw, 42px);
}

.section-head.center {
    text-align: center;
    margin-inline: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-primary);
    letter-spacing: 0;
    line-height: 1.12;
}

h1 {
    font-size: clamp(36px, 5.6vw, 68px);
    font-weight: 800;
}

h2 {
    font-size: clamp(28px, 3.9vw, 46px);
    font-weight: 780;
}

h3 {
    font-size: clamp(20px, 2.1vw, 26px);
    font-weight: 740;
}

h4 {
    font-size: 17px;
    font-weight: 740;
}

p,
.muted,
.card-list {
    color: var(--text-secondary);
}

.muted,
.section-head p,
.card p,
.page-hero p {
    line-height: 1.72;
}

.eyebrow,
.pill,
.admin-resource-meta span {
    letter-spacing: .08em;
    text-transform: uppercase;
}

.eyebrow {
    color: var(--secondary);
    font-size: 12px;
    font-weight: 820;
}

.topbar {
    background: var(--brand-dark);
    color: rgba(244, 247, 248, .82);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.topbar .container {
    gap: var(--space-4);
    padding-block: 8px;
}

.site-header {
    background: var(--header-background);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 12px 36px -32px rgba(32, 40, 45, .62);
    backdrop-filter: blur(14px);
}

.header-row {
    gap: 18px;
    padding-block: 11px;
}

.brand {
    gap: 11px;
}

.brand img {
    height: 48px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 4px;
}

.brand strong {
    color: var(--text-primary);
    font-size: clamp(17px, 1.4vw, 20px);
    font-weight: 800;
}

.brand .brand-tagline,
.brand > span > span {
    color: var(--text-muted);
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: .08em;
}

.nav {
    gap: 2px;
}

.nav a,
.nav button,
.site-search button,
.theme-toggle,
.language-mode a {
    transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.nav a,
.nav button {
    min-height: 40px;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 780;
}

.nav a:hover,
.nav button:hover,
.nav .active {
    background: rgba(39, 168, 216, .1);
    color: var(--primary-hover);
}

.nav-chevron {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
}

.dropdown {
    min-width: 280px;
    padding: 8px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
}

.dropdown a {
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    padding: 10px 12px;
}

.dropdown a:hover {
    color: var(--text-primary);
}

.language-mode {
    display: inline-flex;
    gap: 4px;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .06);
}

.language-mode a {
    min-width: 38px;
    border-radius: var(--radius-pill);
    padding: 6px 10px;
    color: rgba(244, 247, 248, .78);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.language-mode a.active,
.language-mode a:hover {
    background: var(--primary);
    color: #ffffff;
}

.theme-toggle,
.site-search button,
.topbar-social-links a,
.social-links a {
    display: inline-grid;
    place-items: center;
}

.theme-toggle {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

.theme-toggle:hover {
    background: rgba(39, 168, 216, .22);
    transform: translateY(-1px);
}

.site-search {
    display: inline-flex;
    align-items: center;
    min-width: 176px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface-secondary);
    overflow: hidden;
}

.site-search input {
    width: 130px;
    border: 0;
    background: transparent;
    color: var(--text-primary);
    padding: 9px 4px 9px 12px;
    font: 600 12px var(--font-sans);
}

.site-search button {
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: var(--primary-hover);
}

.btn,
.login-btn,
button.btn,
.form button:not(.theme-toggle),
.footer-subscribe-form button {
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: #ffffff !important;
    border: 1px solid var(--primary);
    box-shadow: none;
    font-weight: 820;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.btn:hover,
.login-btn:hover,
button.btn:hover,
.form button:not(.theme-toggle):hover,
.footer-subscribe-form button:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    transform: translateY(-1px);
}

.btn.secondary,
a.btn.secondary {
    background: transparent;
    border-color: var(--secondary);
    color: var(--secondary) !important;
}

.btn.secondary:hover,
a.btn.secondary:hover {
    background: rgba(20, 127, 168, .1);
    color: var(--primary-hover) !important;
}

.btn.accent,
.impact-message-section .btn,
.collab-portal-card .btn {
    background: var(--accent);
    border-color: var(--accent);
}

.btn.accent:hover,
.impact-message-section .btn:hover,
.collab-portal-card .btn:hover {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
}

.blog-link,
.service-read-more,
.social-card-link,
.card a:not(.btn) {
    color: var(--primary-hover);
    font-weight: 820;
}

.card,
.card.pad,
.about-anchor-card,
.thematic-detail-card,
.mandate-detail-card,
.researcher-card,
.researcher-directory-card,
.news-card,
.carousel-card,
.impact-rich-card,
.impact-contribution-card,
.partner-directory-card,
.partner-carousel-card,
.logo-card,
.social-post-preview,
.collab-platform-card,
.collab-portal-card,
.blog-feature-card,
.blog-list-item {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    color: var(--text-primary);
}

.card:hover,
.about-anchor-card:hover,
.researcher-card:hover,
.researcher-directory-card:hover,
.carousel-card:hover,
.partner-directory-card:hover,
.blog-feature-card:hover,
.blog-list-item:hover {
    border-color: rgba(39, 168, 216, .36);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.card,
.about-anchor-card,
.researcher-card,
.researcher-directory-card,
.carousel-card,
.partner-directory-card,
.blog-feature-card,
.blog-list-item {
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.card.pad {
    padding: clamp(20px, 2.2vw, 28px);
}

.pill,
.icon,
.overview-year,
.overview-merge-badge,
.thematic-detail-number,
.impact-domain-icon,
.impact-section-icon {
    background: rgba(39, 168, 216, .1);
    border: 1px solid rgba(39, 168, 216, .18);
    color: var(--primary-hover);
}

.pill {
    border-radius: var(--radius-pill);
    padding: 6px 11px;
    font-size: 11.5px;
    font-weight: 820;
}

.band,
.pale-band,
.home-section-news,
.home-section-insights,
.home-section-publications,
.home-section-events,
.home-section-impact,
.about-section-overview,
.about-section-vision,
.about-section-mandate,
.about-section-thematic,
.about-section-organogram,
.researcher-feature-section.about-section-researchers {
    background:
        radial-gradient(circle at 8% 0%, rgba(39, 168, 216, .055), transparent 28rem),
        var(--section-muted);
}

.service-band,
.home-section-research {
    background:
        radial-gradient(circle at 90% 0%, rgba(20, 127, 168, .055), transparent 26rem),
        var(--surface);
}

.home-section-insights,
.home-section-events,
.about-section-vision,
.about-section-mandate-detail-1,
.about-section-mandate-detail-3 {
    background:
        radial-gradient(circle at 95% 12%, rgba(149, 104, 61, .055), transparent 26rem),
        var(--section-accent);
}

.hero,
.impact-hero,
.image-page-hero,
.about-page-hero,
.page-hero {
    overflow: hidden;
}

.hero {
    min-height: clamp(590px, 74vh, 800px);
}

.hero:after,
.impact-hero:after,
.image-page-hero:after,
.about-page-hero:after {
    background:
        linear-gradient(115deg, rgba(32, 40, 45, .78), rgba(20, 127, 168, .38)),
        radial-gradient(circle at 18% 18%, rgba(39, 168, 216, .22), transparent 34rem);
}

.page-hero {
    background:
        radial-gradient(circle at 8% 12%, rgba(39, 168, 216, .08), transparent 30rem),
        var(--section-muted);
    border-bottom: 1px solid var(--border);
}

.hero h1,
.impact-hero h1,
.image-page-hero h1,
.about-page-hero h1,
.hero p,
.impact-hero p,
.image-page-hero p,
.about-page-hero p {
    color: #ffffff;
}

.stats-strip,
.impact-stat-grid,
.modern-org-stats,
.impact-capacity-stats {
    gap: var(--space-4);
}

.stat,
.impact-stat,
.modern-org-stats .card,
.impact-capacity-stats .card {
    position: relative;
    overflow: hidden;
    background: color-mix(in srgb, var(--card-background) 88%, var(--primary) 12%);
    border: 1px solid rgba(39, 168, 216, .22);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.hero .stat,
.impact-hero .impact-stat {
    background: rgba(23, 29, 33, .64);
    border-color: rgba(188, 236, 255, .24);
    backdrop-filter: blur(8px);
}

.stat strong,
.impact-stat strong,
.modern-org-stats strong,
.impact-capacity-stats strong {
    color: var(--primary);
    font-weight: 850;
}

.stat p,
.impact-stat p,
.modern-org-stats span,
.impact-capacity-stats p {
    color: var(--text-secondary);
    margin: 0;
    font-weight: 700;
}

.hero .stat p,
.hero .stat,
.impact-hero .impact-stat p {
    color: rgba(244, 247, 248, .88);
}

img,
.news-img,
.media-img,
.researcher-card img,
.researcher-directory-card > img,
.visual-case-card img,
.blog-card-image img,
.impact-video-preview img {
    border-radius: inherit;
}

.news-img,
.media-img,
.researcher-card img,
.researcher-directory-card > img,
.visual-case-card figure img,
.blog-card-image img {
    object-fit: cover;
}

.form input,
.form textarea,
.form select,
.searchbar,
.site-search input,
.footer-subscribe-form input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="number"],
textarea,
select {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text-primary);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.form input:focus,
.form textarea:focus,
.form select:focus,
.searchbar:focus,
.footer-subscribe-form input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary);
    box-shadow: var(--focus-ring);
}

.footer-subscribe-form input {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .12);
    color: #ffffff;
}

.footer-subscribe-form input::placeholder {
    color: rgba(244, 247, 248, .68);
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
}

th,
td {
    border-bottom: 1px solid var(--divider);
    padding: 13px 15px;
    text-align: left;
    vertical-align: top;
}

th {
    background: var(--surface-secondary);
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 820;
    letter-spacing: .05em;
    text-transform: uppercase;
}

tr:hover td {
    background: color-mix(in srgb, var(--surface-secondary) 82%, var(--primary) 18%);
}

.pagination a,
.pagination span,
.impact-page-nav a,
.about-section-nav a,
.blog-tab,
.blog-filter {
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--text-secondary);
}

.pagination a:hover,
.impact-page-nav a:hover,
.about-section-nav a:hover,
.blog-tab.active,
.blog-filter.active {
    border-color: var(--primary);
    background: rgba(39, 168, 216, .1);
    color: var(--primary-hover);
}

.footer {
    margin-top: 0;
    background:
        radial-gradient(circle at 12% 0%, rgba(39, 168, 216, .16), transparent 28rem),
        radial-gradient(circle at 82% 20%, rgba(149, 104, 61, .13), transparent 22rem),
        var(--footer-background);
    color: rgba(244, 247, 248, .86);
}

.footer-grid {
    gap: clamp(26px, 4vw, 44px);
    padding-block: clamp(48px, 7vw, 72px);
}

.footer h4 {
    color: #bcecff;
    font-size: 12px;
    letter-spacing: .1em;
}

.footer p,
.footer a {
    color: rgba(244, 247, 248, .72);
}

.footer a:hover {
    color: #bcecff;
}

.footer img {
    background: #ffffff;
    border-radius: var(--radius-sm);
}

.footer-subscribe-form button,
.back-to-top {
    background: var(--primary);
    border-color: var(--primary);
}

.footer-subscribe-form button:hover,
.back-to-top:hover,
.back-to-top:focus-visible {
    background: var(--primary-hover);
}

.flash {
    border-radius: var(--radius-sm);
    border: 1px solid rgba(20, 127, 168, .24);
    background: rgba(20, 127, 168, .12);
    color: var(--text-primary);
}

.blog-modal,
.gallery-lightbox {
    background: rgba(14, 20, 24, .82);
    backdrop-filter: blur(8px);
}

:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .footer {
    background:
        radial-gradient(circle at 10% 0%, rgba(39, 168, 216, .14), transparent 26rem),
        radial-gradient(circle at 86% 16%, rgba(149, 104, 61, .1), transparent 20rem),
        var(--footer-background);
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .dropdown,
:root[data-theme="dark"] .nav.open {
    background: var(--header-background);
    border-color: var(--border);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .about-anchor-card,
:root[data-theme="dark"] .thematic-detail-card,
:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card,
:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .logo-card,
:root[data-theme="dark"] .social-post-preview,
:root[data-theme="dark"] .collab-platform-card,
:root[data-theme="dark"] .collab-portal-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .blog-list-item,
:root[data-theme="dark"] table,
:root[data-theme="dark"] .form input,
:root[data-theme="dark"] .form textarea,
:root[data-theme="dark"] .form select {
    background: var(--card-background);
    border-color: var(--border);
    color: var(--text-primary);
}

:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .logo-card {
    background: #ffffff;
    color: #20282D;
}

:root[data-theme="dark"] .partner-directory-card h3,
:root[data-theme="dark"] .partner-carousel-card h3,
:root[data-theme="dark"] .logo-card h3 {
    color: #20282D;
}

:root[data-theme="dark"] .page-hero,
:root[data-theme="dark"] .band,
:root[data-theme="dark"] .pale-band,
:root[data-theme="dark"] .service-band,
:root[data-theme="dark"] .home-section-news,
:root[data-theme="dark"] .home-section-insights,
:root[data-theme="dark"] .home-section-publications,
:root[data-theme="dark"] .home-section-events,
:root[data-theme="dark"] .home-section-impact,
:root[data-theme="dark"] .home-section-research,
:root[data-theme="dark"] .about-section-overview,
:root[data-theme="dark"] .about-section-vision,
:root[data-theme="dark"] .about-section-mandate,
:root[data-theme="dark"] .about-section-thematic,
:root[data-theme="dark"] .about-section-organogram,
:root[data-theme="dark"] .researcher-feature-section.about-section-researchers {
    background:
        radial-gradient(circle at 10% 0%, rgba(39, 168, 216, .08), transparent 26rem),
        var(--section-muted);
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] .brand strong,
:root[data-theme="dark"] .card h1,
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .card h4 {
    color: var(--text-primary);
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .card p,
:root[data-theme="dark"] .card-list,
:root[data-theme="dark"] .brand .brand-tagline {
    color: var(--text-secondary);
}

@media (max-width: 1100px) {
    .nav.open {
        left: 0;
        right: 0;
        top: 100%;
        display: grid;
        gap: 4px;
        padding: 14px 20px;
        background: var(--surface);
        border-top: 1px solid var(--border);
        box-shadow: var(--shadow-lg);
    }

    .nav.open .nav-item > a {
        justify-content: space-between;
    }

    .nav.open .dropdown {
        margin: 2px 0 8px;
        background: var(--surface-secondary);
        box-shadow: none;
    }
}

@media (max-width: 720px) {
    body {
        background-image: none;
    }

    body::before {
        opacity: .16;
        background-size: 34px 34px;
    }

    .container {
        width: min(100% - 28px, var(--container-max));
    }

    .section {
        padding-block: clamp(46px, 12vw, 64px);
    }

    .hero {
        min-height: 620px;
    }

    .brand img {
        height: 44px;
    }

    .brand strong {
        font-size: 16px;
    }

    .brand .brand-tagline {
        font-size: 9px;
        white-space: normal;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
  Activation layer
  Some legacy page styles use very specific selectors and hard-coded colors.
  These rules are intentionally last so the PSI theme is visible everywhere.
*/
html[data-theme] body {
    color: var(--text-primary) !important;
    background: var(--background) !important;
}

html[data-theme] .site-header {
    background: var(--header-background) !important;
    border-bottom-color: var(--border) !important;
}

html[data-theme] .topbar,
html[data-theme] .footer {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .12), transparent 32%),
        linear-gradient(180deg, var(--brand-dark), #111416) !important;
}

html[data-theme] .brand strong,
html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] h4,
html[data-theme] h5,
html[data-theme] h6 {
    color: var(--text-primary) !important;
}

html[data-theme] .hero h1,
html[data-theme] .hero h2,
html[data-theme] .hero h3,
html[data-theme] .page-hero.has-image h1,
html[data-theme] .page-hero.has-image h2,
html[data-theme] .footer h1,
html[data-theme] .footer h2,
html[data-theme] .footer h3,
html[data-theme] .footer h4 {
    color: var(--text-inverse) !important;
}

html[data-theme] p,
html[data-theme] .muted,
html[data-theme] .section-head p,
html[data-theme] .card p,
html[data-theme] .card-list {
    color: var(--text-secondary) !important;
}

html[data-theme] .hero p,
html[data-theme] .page-hero.has-image p,
html[data-theme] .footer p,
html[data-theme] .footer a {
    color: rgba(244, 247, 248, .78) !important;
}

html[data-theme] .card,
html[data-theme] .card.pad,
html[data-theme] .about-anchor-card,
html[data-theme] .mandate-detail-card,
html[data-theme] .thematic-detail-card,
html[data-theme] .researcher-card,
html[data-theme] .researcher-directory-card,
html[data-theme] .news-card,
html[data-theme] .carousel-card,
html[data-theme] .impact-rich-card,
html[data-theme] .impact-contribution-card,
html[data-theme] .partner-directory-card,
html[data-theme] .partner-carousel-card,
html[data-theme] .logo-card,
html[data-theme] .blog-feature-card,
html[data-theme] .blog-list-item,
html[data-theme] table {
    background: var(--card-background) !important;
    border-color: var(--border) !important;
    box-shadow: var(--shadow-md) !important;
    backdrop-filter: blur(8px) saturate(1.08);
}

html[data-theme] .card.pad,
html[data-theme] .mandate-detail-card,
html[data-theme] .thematic-detail-card,
html[data-theme] .blog-list-item,
html[data-theme] table {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)),
        var(--card-background) !important;
}

:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .thematic-detail-card,
:root[data-theme="dark"] .blog-list-item,
:root[data-theme="dark"] table {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)),
        var(--card-background) !important;
}

html[data-theme] .btn,
html[data-theme] .login-btn,
html[data-theme] button.btn,
html[data-theme] .footer-subscribe-form button {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
    color: #fff !important;
    border-color: transparent !important;
}

html[data-theme] .btn.secondary,
html[data-theme] a.btn.secondary {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .34) !important;
    color: #fff !important;
}

html[data-theme] .pill,
html[data-theme] .eyebrow,
html[data-theme] .icon,
html[data-theme] .stat strong,
html[data-theme] .impact-stat strong,
html[data-theme] .theme-toggle,
html[data-theme] .language-switcher a {
    color: var(--brand-primary) !important;
}

html[data-theme] .section,
html[data-theme] .service-band,
html[data-theme] .band,
html[data-theme] .pale-band {
    position: relative;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .2)) !important;
    border-block: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(1.5px);
}

:root[data-theme="dark"] .section,
:root[data-theme="dark"] .service-band,
:root[data-theme="dark"] .band,
:root[data-theme="dark"] .pale-band {
    background:
        linear-gradient(180deg, rgba(6, 57, 112, .24), rgba(6, 57, 112, .12)) !important;
    border-block-color: rgba(188, 236, 255, .1);
}

html[data-theme] .home-section-news,
html[data-theme] .about-section-overview {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .2), rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, .08)) !important;
}

html[data-theme] .home-section-insights,
html[data-theme] .home-section-publications,
html[data-theme] .about-section-vision {
    background:
        linear-gradient(135deg, rgba(149, 104, 61, .18), rgba(255, 255, 255, .2) 52%, rgba(39, 168, 216, .08)) !important;
}

html[data-theme] .home-section-research,
html[data-theme] .home-section-impact,
html[data-theme] .about-section-mandate,
html[data-theme] .about-section-thematic {
    background:
        linear-gradient(135deg, rgba(6, 57, 112, .16), rgba(255, 255, 255, .18) 50%, rgba(20, 127, 168, .1)) !important;
}

html[data-theme] .home-section-events,
html[data-theme] .about-section-organogram,
html[data-theme] .researcher-feature-section.about-section-researchers {
    background:
        linear-gradient(135deg, rgba(20, 127, 168, .18), rgba(255, 255, 255, .18) 48%, rgba(149, 104, 61, .1)) !important;
}

:root[data-theme="dark"] body {
    background: var(--background) !important;
}

:root[data-theme="dark"] .home-section-news,
:root[data-theme="dark"] .about-section-overview {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .18), rgba(6, 57, 112, .24) 48%, rgba(6, 57, 112, .08)) !important;
}

:root[data-theme="dark"] .home-section-insights,
:root[data-theme="dark"] .home-section-publications,
:root[data-theme="dark"] .about-section-vision {
    background:
        linear-gradient(135deg, rgba(149, 104, 61, .2), rgba(6, 57, 112, .24) 52%, rgba(39, 168, 216, .08)) !important;
}

:root[data-theme="dark"] .home-section-research,
:root[data-theme="dark"] .home-section-impact,
:root[data-theme="dark"] .about-section-mandate,
:root[data-theme="dark"] .about-section-thematic {
    background:
        linear-gradient(135deg, rgba(6, 57, 112, .28), rgba(6, 57, 112, .24) 50%, rgba(20, 127, 168, .1)) !important;
}

:root[data-theme="dark"] .home-section-events,
:root[data-theme="dark"] .about-section-organogram,
:root[data-theme="dark"] .researcher-feature-section.about-section-researchers {
    background:
        linear-gradient(135deg, rgba(20, 127, 168, .2), rgba(6, 57, 112, .24) 48%, rgba(149, 104, 61, .1)) !important;
}

/* Dark-mode readability and map visibility */
:root[data-theme="dark"] body::before {
    opacity: .025;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] .brand strong,
:root[data-theme="dark"] .section-head h2,
:root[data-theme="dark"] .page-hero h1 {
    color: #F7FAFC !important;
    text-shadow: 0 1px 16px rgba(6, 57, 112, .28);
}

:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] a:not(.btn):not(.login-btn),
:root[data-theme="dark"] .card a:not(.btn),
:root[data-theme="dark"] .nav a:hover,
:root[data-theme="dark"] .nav button:hover {
    color: #6CCCEB !important;
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .page-hero p,
:root[data-theme="dark"] .card p,
:root[data-theme="dark"] .card-list,
:root[data-theme="dark"] .brand .brand-tagline {
    color: #EAF8FC !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .about-anchor-card,
:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .thematic-detail-card,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .blog-list-item {
    background:
        linear-gradient(180deg, rgba(6, 57, 112, .84), rgba(6, 57, 112, .72)),
        rgba(6, 57, 112, .78) !important;
    border-color: rgba(234, 248, 252, .24) !important;
}

:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .icon,
:root[data-theme="dark"] .theme-toggle,
:root[data-theme="dark"] .language-switcher a {
    background: rgba(234, 248, 252, .12) !important;
    color: #EAF8FC !important;
    border-color: rgba(234, 248, 252, .22) !important;
}

:root[data-theme="dark"] .footer-map,
:root[data-theme="dark"] .collab-map {
    background: #F7FAFC !important;
    border: 1px solid rgba(234, 248, 252, .34) !important;
    box-shadow: 0 18px 44px -30px rgba(0, 0, 0, .72);
}

:root[data-theme="dark"] .footer-map iframe,
:root[data-theme="dark"] .collab-map iframe {
    filter: saturate(1.05) contrast(1.04) brightness(1.02);
}

/* Collaboration page glass bands */
html[data-theme] .collab-section,
html[data-theme] .collab-band,
html[data-theme] .collab-feature-band,
html[data-theme] .collab-feature-band-examples,
html[data-theme] .collab-platform-band {
    position: relative;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .28), rgba(234, 248, 252, .18) 52%, rgba(233, 221, 211, .12)) !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    box-shadow: 0 22px 54px -42px rgba(6, 57, 112, .42) !important;
    backdrop-filter: blur(8px) saturate(1.08);
}

html[data-theme] .collab-band {
    padding: clamp(28px, 4vw, 44px);
    border-radius: var(--radius-lg);
}

html[data-theme] .collab-feature-band {
    border-radius: var(--radius-lg);
    padding: clamp(24px, 3.4vw, 38px);
}

html[data-theme] .collab-feature-band-examples {
    background:
        linear-gradient(135deg, rgba(233, 221, 211, .28), rgba(255, 255, 255, .2) 50%, rgba(39, 168, 216, .1)) !important;
}

html[data-theme] .collab-platform-band {
    background:
        linear-gradient(135deg, rgba(234, 248, 252, .3), rgba(255, 255, 255, .18) 50%, rgba(20, 127, 168, .12)) !important;
}

html[data-theme] .collab-card,
html[data-theme] .collab-platform-card,
html[data-theme] .collab-portal-card,
html[data-theme] .collab-contact-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)),
        rgba(255, 255, 255, .7) !important;
    border-color: rgba(207, 227, 236, .72) !important;
    backdrop-filter: blur(10px) saturate(1.08);
}

:root[data-theme="dark"] .collab-section,
:root[data-theme="dark"] .collab-band,
:root[data-theme="dark"] .collab-feature-band,
:root[data-theme="dark"] .collab-feature-band-examples,
:root[data-theme="dark"] .collab-platform-band {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .16), rgba(6, 57, 112, .26) 52%, rgba(149, 104, 61, .12)) !important;
    border-color: rgba(234, 248, 252, .16) !important;
    box-shadow: 0 24px 60px -44px rgba(0, 0, 0, .72) !important;
    backdrop-filter: blur(8px) saturate(1.12);
}

:root[data-theme="dark"] .collab-feature-band-examples {
    background:
        linear-gradient(135deg, rgba(149, 104, 61, .16), rgba(6, 57, 112, .24) 48%, rgba(39, 168, 216, .1)) !important;
}

:root[data-theme="dark"] .collab-platform-band {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .16), rgba(6, 57, 112, .22) 50%, rgba(234, 248, 252, .06)) !important;
}

:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .collab-platform-card,
:root[data-theme="dark"] .collab-portal-card,
:root[data-theme="dark"] .collab-contact-card {
    background:
        linear-gradient(180deg, rgba(234, 248, 252, .08), rgba(6, 57, 112, .1)),
        rgba(6, 57, 112, .62) !important;
    border-color: rgba(234, 248, 252, .2) !important;
    box-shadow: 0 18px 44px -36px rgba(0, 0, 0, .74) !important;
    backdrop-filter: blur(10px) saturate(1.12);
}

/* Collaboration partner logo cards keep readable labels in dark mode */
html[data-theme] .collab-local-logo-card,
html[data-theme] .collab-partner-logo-card {
    min-height: 158px;
    gap: 10px;
}

html[data-theme] .collab-local-logo-card span,
html[data-theme] .collab-partner-logo-card span {
    color: #20282D !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

:root[data-theme="dark"] .collab-local-logo-card,
:root[data-theme="dark"] .collab-partner-logo-card {
    background: #FFFFFF !important;
    border-color: rgba(234, 248, 252, .26) !important;
    color: #20282D !important;
    box-shadow: 0 18px 44px -36px rgba(0, 0, 0, .6) !important;
}

:root[data-theme="dark"] .collab-local-logo-card img,
:root[data-theme="dark"] .collab-partner-logo-card img {
    filter: none !important;
}

/* Collaboration process card sizing */
html[data-theme] .collab-process {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    align-content: start;
}

html[data-theme] .collab-process .card {
    min-height: 118px;
    padding: 22px 24px !important;
}

html[data-theme] .collab-process .card h3 {
    font-size: clamp(18px, 1.35vw, 22px);
    line-height: 1.22;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
}

@media (min-width: 1101px) {
    html[data-theme] .collab-process .card h3 {
        white-space: nowrap;
    }
}

@media (max-width: 720px) {
    html[data-theme] .collab-process {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .collab-process .card {
        min-height: 0;
    }

    html[data-theme] .collab-process .card h3 {
        white-space: normal;
    }
}

/* Collaboration inquiry layout */
html[data-theme] #collaboration-opportunities,
html[data-theme] #inquiry-form {
    width: 100%;
    margin-inline: auto;
    padding: clamp(28px, 4vw, 48px) !important;
}

html[data-theme] #inquiry-form {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(420px, 1.02fr);
    grid-template-areas:
        "process form"
        "office form";
    gap: 24px 28px;
    align-items: start;
}

html[data-theme] #inquiry-form > .collab-form-layout {
    display: contents !important;
    margin-top: 0 !important;
}

html[data-theme] #inquiry-form > .collab-form-layout > div:first-child {
    grid-area: process;
    min-width: 0;
}

html[data-theme] #inquiry-form > .collab-form-layout > div:nth-child(2) {
    grid-area: form;
    min-width: 0;
}

html[data-theme] #inquiry-form .collab-contact-card {
    grid-area: office;
    width: 100%;
    margin: 0 !important;
    align-self: stretch;
}

html[data-theme] #inquiry-form .section-head {
    margin-bottom: 20px;
}

html[data-theme] #inquiry-form .section-head h2 {
    max-width: 100%;
}

html[data-theme] #inquiry-form form.card {
    margin: 0;
    padding: clamp(24px, 3vw, 34px) !important;
}

html[data-theme] #inquiry-form .collab-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-theme] #inquiry-form .collab-process .card {
    min-height: 112px;
}

html[data-theme] #inquiry-form .collab-map iframe {
    height: 210px;
}

@media (max-width: 1100px) {
    html[data-theme] #inquiry-form {
        grid-template-columns: 1fr;
        grid-template-areas:
            "process"
            "form"
            "office";
    }
}

@media (max-width: 720px) {
    html[data-theme] #collaboration-opportunities,
    html[data-theme] #inquiry-form {
        padding: 22px !important;
    }

    html[data-theme] #inquiry-form .collab-process {
        grid-template-columns: 1fr !important;
    }
}

/* PSI logo-inspired color polish */
html[data-theme] .btn,
html[data-theme] .login-btn,
html[data-theme] button.btn,
html[data-theme] .footer-subscribe-form button {
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    box-shadow: 0 14px 30px -22px rgba(20, 127, 168, .72);
}

html[data-theme] .btn:hover,
html[data-theme] .login-btn:hover,
html[data-theme] button.btn:hover,
html[data-theme] .footer-subscribe-form button:hover {
    background: linear-gradient(135deg, #147FA8, #063970) !important;
}

html[data-theme] .eyebrow,
html[data-theme] .pill,
html[data-theme] .section-head .eyebrow {
    color: #95683D !important;
}

html[data-theme] .pill,
html[data-theme] .icon {
    background: rgba(248, 241, 234, .86) !important;
    border-color: rgba(185, 137, 86, .28) !important;
}

html[data-theme] .nav a:hover,
html[data-theme] .nav button:hover,
html[data-theme] .nav .active {
    background: rgba(248, 241, 234, .86) !important;
    color: #6F4727 !important;
}

html[data-theme] .card h3,
html[data-theme] .card h4 {
    color: #063970 !important;
}

html[data-theme] .section-head h2,
html[data-theme] .page-hero h1 {
    color: #063970 !important;
}

html[data-theme] .home-section-news,
html[data-theme] .about-section-overview,
html[data-theme] .collab-platform-band {
    background:
        linear-gradient(135deg, rgba(234, 248, 252, .42), rgba(255, 255, 255, .18) 48%, rgba(108, 204, 235, .14)) !important;
}

html[data-theme] .home-section-insights,
html[data-theme] .home-section-publications,
html[data-theme] .about-section-vision,
html[data-theme] .collab-feature-band-examples {
    background:
        linear-gradient(135deg, rgba(248, 241, 234, .46), rgba(255, 255, 255, .18) 52%, rgba(185, 137, 86, .12)) !important;
}

:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .card h4,
:root[data-theme="dark"] .section-head h2,
:root[data-theme="dark"] .page-hero h1 {
    color: #F7FAFC !important;
}

:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] a:not(.btn):not(.login-btn),
:root[data-theme="dark"] .card a:not(.btn) {
    color: #6CCCEB !important;
}

:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .icon {
    background: rgba(185, 137, 86, .18) !important;
    border-color: rgba(185, 137, 86, .32) !important;
    color: #F8F1EA !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .collab-platform-card,
:root[data-theme="dark"] .collab-portal-card,
:root[data-theme="dark"] .collab-contact-card {
    background:
        linear-gradient(180deg, rgba(6, 57, 112, .84), rgba(8, 41, 60, .72)),
        rgba(6, 57, 112, .76) !important;
    border-color: rgba(108, 204, 235, .22) !important;
}

:root[data-theme="dark"] .home-section-news,
:root[data-theme="dark"] .about-section-overview,
:root[data-theme="dark"] .collab-platform-band {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .18), rgba(6, 57, 112, .22) 52%, rgba(108, 204, 235, .08)) !important;
}

:root[data-theme="dark"] .home-section-insights,
:root[data-theme="dark"] .home-section-publications,
:root[data-theme="dark"] .about-section-vision,
:root[data-theme="dark"] .collab-feature-band-examples {
    background:
        linear-gradient(135deg, rgba(149, 104, 61, .2), rgba(6, 57, 112, .24) 52%, rgba(185, 137, 86, .1)) !important;
}

/* Deep blue header, footer and hero contrast */
html[data-theme] .site-header {
    background: rgba(255, 255, 255, .82) !important;
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .dropdown,
:root[data-theme="dark"] .nav.open {
    background: rgba(6, 57, 112, .82) !important;
    border-color: rgba(234, 248, 252, .18) !important;
}

html[data-theme] .topbar,
html[data-theme] .footer {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .22), transparent 38%),
        linear-gradient(180deg, rgba(6, 57, 112, .96), rgba(5, 47, 93, .98)) !important;
}

html[data-theme] .hero:after,
html[data-theme] .impact-hero:after,
html[data-theme] .image-page-hero:after,
html[data-theme] .about-page-hero:after {
    background:
        linear-gradient(115deg, rgba(6, 57, 112, .82), rgba(6, 57, 112, .5) 55%, rgba(39, 168, 216, .28)),
        radial-gradient(circle at 18% 18%, rgba(108, 204, 235, .24), transparent 34rem) !important;
}

:root[data-theme="dark"] .hero:after,
:root[data-theme="dark"] .impact-hero:after,
:root[data-theme="dark"] .image-page-hero:after,
:root[data-theme="dark"] .about-page-hero:after {
    background:
        linear-gradient(115deg, rgba(6, 57, 112, .74), rgba(6, 57, 112, .42) 58%, rgba(39, 168, 216, .22)),
        radial-gradient(circle at 18% 18%, rgba(108, 204, 235, .18), transparent 34rem) !important;
}

/* Our Impacts hero typography */
html[data-theme] .impact-hero-content {
    padding-block: clamp(72px, 8vw, 104px) !important;
}

html[data-theme] .impact-hero h1 {
    max-width: 980px;
    margin: 0 0 22px;
    color: #FFFFFF !important;
    font-family: var(--font-sans);
    font-size: clamp(42px, 5.4vw, 72px);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: 0;
    text-wrap: balance;
    text-shadow: 0 4px 28px rgba(6, 57, 112, .46);
}

html[data-theme] .impact-hero p {
    max-width: 820px;
    margin: 0;
    color: rgba(234, 248, 252, .92) !important;
    font-family: var(--font-sans);
    font-size: clamp(17px, 1.45vw, 21px);
    font-weight: 500;
    line-height: 1.68;
    letter-spacing: 0;
    text-wrap: pretty;
    text-shadow: 0 2px 18px rgba(6, 57, 112, .42);
}

html[data-theme] .impact-hero .actions {
    margin-top: 30px;
}

@media (max-width: 720px) {
    html[data-theme] .impact-hero h1 {
        font-size: clamp(34px, 10vw, 48px);
        line-height: 1.12;
    }

    html[data-theme] .impact-hero p {
        font-size: 16px;
        line-height: 1.62;
    }
}

/* Home hero typography */
html[data-theme] .hero .hero-content {
    padding-block: clamp(76px, 8vw, 112px) !important;
}

html[data-theme] .hero #hero-title,
html[data-theme] .hero h1 {
    max-width: 940px;
    margin: 0 0 22px;
    color: #FFFFFF !important;
    font-family: var(--font-sans);
    font-size: clamp(42px, 5.2vw, 70px);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: 0;
    text-wrap: balance;
    text-shadow: 0 4px 30px rgba(6, 57, 112, .48);
}

html[data-theme] .hero #hero-summary,
html[data-theme] .hero p {
    max-width: 790px;
    margin: 0;
    color: rgba(234, 248, 252, .93) !important;
    font-family: var(--font-sans);
    font-size: clamp(17px, 1.42vw, 21px);
    font-weight: 500;
    line-height: 1.68;
    letter-spacing: 0;
    text-wrap: pretty;
    text-shadow: 0 2px 18px rgba(6, 57, 112, .44);
}

html[data-theme] .hero .actions {
    margin-top: 30px;
}

:root[data-theme="dark"] .hero #hero-title,
:root[data-theme="dark"] .hero h1 {
    color: #F7FAFC !important;
}

:root[data-theme="dark"] .hero #hero-summary,
:root[data-theme="dark"] .hero p {
    color: rgba(234, 248, 252, .94) !important;
}

@media (max-width: 720px) {
    html[data-theme] .hero #hero-title,
    html[data-theme] .hero h1 {
        font-size: clamp(34px, 10vw, 48px);
        line-height: 1.12;
    }

    html[data-theme] .hero #hero-summary,
    html[data-theme] .hero p {
        font-size: 16px;
        line-height: 1.62;
    }
}

/* Global glass card finish */
html[data-theme] .card,
html[data-theme] .card.pad,
html[data-theme] .about-anchor-card,
html[data-theme] .mandate-detail-card,
html[data-theme] .thematic-detail-card,
html[data-theme] .researcher-card,
html[data-theme] .researcher-directory-card,
html[data-theme] .news-card,
html[data-theme] .carousel-card,
html[data-theme] .impact-rich-card,
html[data-theme] .impact-contribution-card,
html[data-theme] .blog-feature-card,
html[data-theme] .blog-list-item,
html[data-theme] .impact-stat,
html[data-theme] .impact-program-row,
html[data-theme] .impact-policy-list article,
html[data-theme] .impact-engagement-list article,
html[data-theme] .impact-training-table,
html[data-theme] .collab-card,
html[data-theme] .collab-platform-card,
html[data-theme] .collab-portal-card,
html[data-theme] .collab-contact-card,
html[data-theme] form.card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(234, 248, 252, .22) 46%, rgba(248, 241, 234, .18)),
        rgba(255, 255, 255, .5) !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    box-shadow: 0 24px 58px -44px rgba(6, 57, 112, .62) !important;
    backdrop-filter: blur(14px) saturate(1.16);
    -webkit-backdrop-filter: blur(14px) saturate(1.16);
}

html[data-theme] .card:hover,
html[data-theme] .card.pad:hover,
html[data-theme] .news-card:hover,
html[data-theme] .carousel-card:hover,
html[data-theme] .researcher-card:hover,
html[data-theme] .blog-list-item:hover,
html[data-theme] .collab-card:hover,
html[data-theme] .collab-platform-card:hover {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .58), rgba(234, 248, 252, .28) 46%, rgba(248, 241, 234, .22)),
        rgba(255, 255, 255, .58) !important;
    border-color: rgba(108, 204, 235, .38) !important;
    box-shadow: 0 30px 68px -46px rgba(6, 57, 112, .7) !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .about-anchor-card,
:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .thematic-detail-card,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .blog-list-item,
:root[data-theme="dark"] .impact-stat,
:root[data-theme="dark"] .impact-program-row,
:root[data-theme="dark"] .impact-policy-list article,
:root[data-theme="dark"] .impact-engagement-list article,
:root[data-theme="dark"] .impact-training-table,
:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .collab-platform-card,
:root[data-theme="dark"] .collab-portal-card,
:root[data-theme="dark"] .collab-contact-card,
:root[data-theme="dark"] form.card {
    background:
        linear-gradient(145deg, rgba(108, 204, 235, .13), rgba(6, 57, 112, .38) 48%, rgba(149, 104, 61, .1)),
        rgba(6, 57, 112, .52) !important;
    border-color: rgba(234, 248, 252, .18) !important;
    box-shadow: 0 26px 64px -46px rgba(0, 0, 0, .78) !important;
    backdrop-filter: blur(14px) saturate(1.18);
    -webkit-backdrop-filter: blur(14px) saturate(1.18);
}

:root[data-theme="dark"] .card:hover,
:root[data-theme="dark"] .card.pad:hover,
:root[data-theme="dark"] .news-card:hover,
:root[data-theme="dark"] .carousel-card:hover,
:root[data-theme="dark"] .researcher-card:hover,
:root[data-theme="dark"] .blog-list-item:hover,
:root[data-theme="dark"] .collab-card:hover,
:root[data-theme="dark"] .collab-platform-card:hover {
    background:
        linear-gradient(145deg, rgba(108, 204, 235, .18), rgba(6, 57, 112, .44) 48%, rgba(149, 104, 61, .14)),
        rgba(6, 57, 112, .58) !important;
    border-color: rgba(108, 204, 235, .34) !important;
}

html[data-theme] .logo-card,
html[data-theme] .partner-directory-card,
html[data-theme] .partner-carousel-card,
html[data-theme] .collab-local-logo-card,
html[data-theme] .collab-partner-logo-card,
html[data-theme] .impact-logo-card,
html[data-theme] .impact-partner-logo-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(234, 248, 252, .38)),
        rgba(255, 255, 255, .74) !important;
    color: #20282D !important;
}

:root[data-theme="dark"] .logo-card,
:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .collab-local-logo-card,
:root[data-theme="dark"] .collab-partner-logo-card,
:root[data-theme="dark"] .impact-logo-card,
:root[data-theme="dark"] .impact-partner-logo-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(234, 248, 252, .7)),
        rgba(255, 255, 255, .86) !important;
    color: #20282D !important;
    border-color: rgba(234, 248, 252, .36) !important;
}

html[data-theme] .form input,
html[data-theme] .form textarea,
html[data-theme] .form select,
html[data-theme] .footer-subscribe-form input {
    background: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

:root[data-theme="dark"] .form input,
:root[data-theme="dark"] .form textarea,
:root[data-theme="dark"] .form select,
:root[data-theme="dark"] .footer-subscribe-form input {
    background: rgba(6, 57, 112, .52) !important;
    color: #F7FAFC !important;
}

/* Final dark-mode header/footer and about-page polish */
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .dropdown,
:root[data-theme="dark"] .nav.open {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .16), transparent 44%),
        rgba(6, 57, 112, .9) !important;
    border-color: rgba(234, 248, 252, .18) !important;
    color: #EAF8FC !important;
}

:root[data-theme="dark"] .topbar a,
:root[data-theme="dark"] .brand strong,
:root[data-theme="dark"] .site-header .brand strong,
:root[data-theme="dark"] .nav a,
:root[data-theme="dark"] .nav button,
:root[data-theme="dark"] .mobile-toggle,
:root[data-theme="dark"] .theme-toggle {
    color: #F7FAFC !important;
}

:root[data-theme="dark"] .brand .brand-tagline,
:root[data-theme="dark"] .brand > span > span,
:root[data-theme="dark"] .footer p,
:root[data-theme="dark"] .footer a,
:root[data-theme="dark"] .copyright {
    color: rgba(234, 248, 252, .84) !important;
}

:root[data-theme="dark"] .footer {
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .18), transparent 40%),
        linear-gradient(180deg, rgba(6, 57, 112, .96), rgba(5, 47, 93, .98)) !important;
    color: #EAF8FC !important;
}

:root[data-theme="dark"] .footer h4,
:root[data-theme="dark"] .footer .footer-brand strong {
    color: #6CCCEB !important;
}

:root[data-theme="dark"] .nav a:hover,
:root[data-theme="dark"] .nav button:hover,
:root[data-theme="dark"] .nav .active,
:root[data-theme="dark"] .dropdown a:hover {
    background: rgba(108, 204, 235, .14) !important;
    color: #FFFFFF !important;
}

:root[data-theme="dark"] .language-switcher a,
:root[data-theme="dark"] .theme-toggle,
:root[data-theme="dark"] .mobile-toggle {
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(234, 248, 252, .22) !important;
}

:root[data-theme="dark"] .about-section-overview,
:root[data-theme="dark"] .about-section-vision,
:root[data-theme="dark"] .about-section-mandate,
:root[data-theme="dark"] .about-section-thematic,
:root[data-theme="dark"] .about-section-organogram,
:root[data-theme="dark"] .researcher-feature-section.about-section-researchers {
    background:
        linear-gradient(135deg, rgba(234, 248, 252, .055), rgba(108, 204, 235, .08) 42%, rgba(149, 104, 61, .055)),
        rgba(6, 57, 112, .2) !important;
    border-color: rgba(234, 248, 252, .12) !important;
}

/* Example-inspired dark about sections */
:root[data-theme="dark"] .about-section-nav {
    background:
        linear-gradient(90deg, rgba(6, 57, 112, .78), rgba(11, 37, 51, .88)),
        rgba(11, 37, 51, .9) !important;
    border-top: 1px solid rgba(108, 204, 235, .18) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .24) !important;
    box-shadow: 0 18px 42px -34px rgba(0, 0, 0, .72);
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
}

:root[data-theme="dark"] .about-section-nav .container {
    justify-content: center;
    gap: 12px;
}

:root[data-theme="dark"] .about-section-nav a {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(234, 248, 252, .055) !important;
    border: 1px solid rgba(234, 248, 252, .24) !important;
    color: #6CCCEB !important;
    font-weight: 850;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .about-section-nav a:hover,
:root[data-theme="dark"] .about-section-nav a:focus-visible {
    background: rgba(39, 168, 216, .18) !important;
    border-color: rgba(108, 204, 235, .52) !important;
    color: #FFFFFF !important;
}

:root[data-theme="dark"] .about-composite-section,
:root[data-theme="dark"] .mandate-detail-band {
    background:
        linear-gradient(135deg, rgba(6, 57, 112, .38), rgba(11, 37, 51, .34) 50%, rgba(39, 168, 216, .14)),
        rgba(6, 57, 112, .18) !important;
}

:root[data-theme="dark"] .about-section-mandate-detail-1,
:root[data-theme="dark"] .about-section-mandate-detail-2,
:root[data-theme="dark"] .about-section-mandate-detail-3,
:root[data-theme="dark"] .about-section-mandate-detail-4 {
    background:
        radial-gradient(circle at 15% 5%, rgba(39, 168, 216, .2), transparent 32rem),
        linear-gradient(135deg, rgba(6, 57, 112, .58), rgba(11, 37, 51, .3) 62%, rgba(149, 104, 61, .12)) !important;
}

:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .thematic-detail-card {
    background:
        linear-gradient(145deg, rgba(6, 57, 112, .56), rgba(11, 37, 51, .34)),
        rgba(6, 57, 112, .34) !important;
    border-color: rgba(108, 204, 235, .2) !important;
    box-shadow: 0 28px 70px -48px rgba(0, 0, 0, .78) !important;
}

:root[data-theme="dark"] .mandate-key-card,
:root[data-theme="dark"] .thematic-detail-areas {
    background:
        linear-gradient(145deg, rgba(11, 37, 51, .82), rgba(6, 57, 112, .58)),
        rgba(11, 37, 51, .72) !important;
    border: 1px solid rgba(185, 137, 86, .36) !important;
    border-radius: 8px;
    color: rgba(247, 250, 252, .86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .thematic-detail-areas {
    border-left: 1px solid rgba(185, 137, 86, .36) !important;
    padding: 24px 26px !important;
}

:root[data-theme="dark"] .mandate-detail-main h2,
:root[data-theme="dark"] .thematic-detail-copy h3 {
    color: #FFFFFF !important;
    text-shadow: 0 3px 24px rgba(6, 57, 112, .42);
}

:root[data-theme="dark"] .mandate-detail-main p,
:root[data-theme="dark"] .thematic-detail-copy p,
:root[data-theme="dark"] .mandate-key-card li,
:root[data-theme="dark"] .thematic-detail-areas li {
    color: rgba(247, 250, 252, .88) !important;
}

:root[data-theme="dark"] .mandate-key-card .eyebrow,
:root[data-theme="dark"] .thematic-detail-areas .eyebrow {
    color: #6CCCEB !important;
}

:root[data-theme="dark"] .mandate-key-card li::marker,
:root[data-theme="dark"] .thematic-detail-areas li::marker {
    color: #27A8D8;
}

/* Professional about section navigation */
html[data-theme] .about-section-nav {
    padding: 10px 0 !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .74), rgba(234, 248, 252, .64)),
        rgba(255, 255, 255, .72) !important;
    border-bottom: 1px solid rgba(39, 168, 216, .18) !important;
    box-shadow: 0 18px 42px -36px rgba(6, 57, 112, .34) !important;
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

html[data-theme] .about-section-nav .container {
    width: min(100% - 40px, 1180px);
    margin-inline: auto;
    justify-content: center;
    gap: 10px;
    padding: 0 !important;
    overflow-x: auto;
    scrollbar-width: none;
}

html[data-theme] .about-section-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(39, 168, 216, .28) !important;
    color: #147FA8 !important;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 10px 24px -22px rgba(6, 57, 112, .54);
}

html[data-theme] .about-section-nav a:hover,
html[data-theme] .about-section-nav a:focus-visible {
    background: rgba(39, 168, 216, .14) !important;
    border-color: rgba(39, 168, 216, .58) !important;
    color: #063970 !important;
}

:root[data-theme="dark"] .about-section-nav {
    padding: 9px 0 !important;
    background:
        linear-gradient(90deg, rgba(6, 57, 112, .76), rgba(11, 37, 51, .82)),
        rgba(11, 37, 51, .78) !important;
    border-top: 1px solid rgba(108, 204, 235, .12) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .22) !important;
    box-shadow: 0 18px 42px -36px rgba(0, 0, 0, .78) !important;
}

:root[data-theme="dark"] .about-section-nav a {
    min-height: 38px;
    background: rgba(234, 248, 252, .055) !important;
    border-color: rgba(108, 204, 235, .28) !important;
    color: #6CCCEB !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px -22px rgba(0, 0, 0, .7);
}

:root[data-theme="dark"] .about-section-nav a:hover,
:root[data-theme="dark"] .about-section-nav a:focus-visible {
    background: rgba(39, 168, 216, .18) !important;
    border-color: rgba(108, 204, 235, .58) !important;
    color: #FFFFFF !important;
}

@media (max-width: 760px) {
    html[data-theme] .about-section-nav .container {
        width: 100%;
        justify-content: flex-start;
        padding-inline: 16px !important;
    }

    html[data-theme] .about-section-nav a {
        min-height: 36px;
        padding-inline: 14px !important;
        font-size: 12px;
    }
}

/* Professional header search */
html[data-theme] .site-search {
    display: inline-flex;
    align-items: center;
    height: 40px;
    min-width: 190px;
    margin-left: 4px;
    overflow: hidden;
    border: 1px solid rgba(39, 168, 216, .28) !important;
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(234, 248, 252, .58)),
        rgba(255, 255, 255, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74), 0 14px 28px -26px rgba(6, 57, 112, .5);
    backdrop-filter: blur(12px) saturate(1.12);
    -webkit-backdrop-filter: blur(12px) saturate(1.12);
}

html[data-theme] .site-search label {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
}

html[data-theme] .site-search input {
    width: 142px;
    min-height: 38px;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #20282D !important;
    padding: 0 12px 0 16px !important;
    font: 700 13px var(--font-sans);
}

html[data-theme] .site-search input::placeholder {
    color: rgba(102, 116, 124, .82) !important;
}

html[data-theme] .site-search button {
    position: relative;
    display: grid;
    place-items: center;
    width: 42px;
    min-width: 42px;
    height: 40px;
    min-height: 40px;
    border: 0 !important;
    border-left: 1px solid rgba(39, 168, 216, .2) !important;
    background: #27A8D8 !important;
    color: transparent !important;
    font-size: 0;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease;
}

html[data-theme] .site-search button::before {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    transform: translate(-1px, -1px);
}

html[data-theme] .site-search button::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 999px;
    background: #FFFFFF;
    transform: translate(7px, 7px) rotate(45deg);
}

html[data-theme] .site-search button:hover {
    background: #147FA8 !important;
}

html[data-theme] .site-search:focus-within {
    border-color: rgba(39, 168, 216, .64) !important;
    box-shadow: 0 0 0 3px rgba(39, 168, 216, .16), 0 18px 34px -28px rgba(6, 57, 112, .62);
}

:root[data-theme="dark"] .site-search {
    border-color: rgba(108, 204, 235, .3) !important;
    background:
        linear-gradient(135deg, rgba(234, 248, 252, .1), rgba(108, 204, 235, .065)),
        rgba(6, 57, 112, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 30px -26px rgba(0, 0, 0, .8);
}

:root[data-theme="dark"] .site-search input {
    color: #F7FAFC !important;
}

:root[data-theme="dark"] .site-search input::placeholder {
    color: rgba(234, 248, 252, .62) !important;
}

:root[data-theme="dark"] .site-search button {
    border-left-color: rgba(108, 204, 235, .24) !important;
    background: #27A8D8 !important;
}

:root[data-theme="dark"] .site-search button:hover {
    background: #6CCCEB !important;
}

@media (max-width: 1340px) {
    html[data-theme] .site-search {
        min-width: 168px;
    }

    html[data-theme] .site-search input {
        width: 118px;
    }
}

/* About merger diagram icons */
html[data-theme] .overview-card-icons {
    align-items: center;
}

html[data-theme] .overview-icon,
html[data-theme] .overview-symbol {
    display: inline-grid;
    place-items: center;
}

html[data-theme] .overview-icon svg,
html[data-theme] .overview-symbol svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html[data-theme] .overview-symbol svg {
    width: 21px;
    height: 21px;
}

:root[data-theme="dark"] .overview-icon,
:root[data-theme="dark"] .overview-symbol {
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(108, 204, 235, .26) !important;
    color: #6CCCEB !important;
}

/* Home news carousel shows three cards per view */
html[data-theme] .home-section-news .home-carousel-track {
    grid-auto-columns: calc((100% - 36px) / 3) !important;
    gap: 18px !important;
}

html[data-theme] .home-section-news .carousel-card {
    min-width: 0;
}

@media (max-width: 980px) {
    html[data-theme] .home-section-news .home-carousel-track {
        grid-auto-columns: calc((100% - 18px) / 2) !important;
    }
}

@media (max-width: 640px) {
    html[data-theme] .home-section-news .home-carousel-track {
        grid-auto-columns: 86% !important;
    }
}

/* Refined About Mandate presentation */
html[data-theme] .about-section-mandate {
    background:
        radial-gradient(circle at 12% 10%, rgba(39, 168, 216, .13), transparent 30rem),
        linear-gradient(180deg, rgba(234, 248, 252, .54), rgba(248, 241, 234, .32)) !important;
}

html[data-theme] .mandate-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    counter-reset: mandate;
}

html[data-theme] .mandate-summary-grid .about-anchor-card {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    min-height: 154px;
    padding: 24px !important;
    overflow: hidden;
    text-align: left;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(234, 248, 252, .42)),
        rgba(255, 255, 255, .66) !important;
    border: 1px solid rgba(39, 168, 216, .22) !important;
    box-shadow: 0 24px 54px -44px rgba(6, 57, 112, .54) !important;
}

html[data-theme] .mandate-summary-grid .about-anchor-card::after {
    content: "";
    position: absolute;
    inset: auto 24px 0 106px;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #27A8D8, rgba(149, 104, 61, .72));
    opacity: .78;
}

html[data-theme] .mandate-summary-grid .about-anchor-card .icon {
    grid-row: span 2;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(39, 168, 216, .95), rgba(20, 127, 168, .95)) !important;
    color: #FFFFFF !important;
    font-size: 18px;
    box-shadow: 0 18px 34px -24px rgba(20, 127, 168, .82);
}

html[data-theme] .mandate-summary-grid .about-anchor-card h3 {
    margin: 2px 0 4px;
    color: #063970 !important;
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.16;
}

html[data-theme] .mandate-summary-grid .about-anchor-card p {
    margin: 0;
    color: #66747C !important;
    font-size: 15px;
    line-height: 1.62;
}

html[data-theme] .mandate-summary-grid .about-anchor-card:hover {
    transform: translateY(-3px);
    border-color: rgba(39, 168, 216, .46) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(234, 248, 252, .52)),
        rgba(255, 255, 255, .74) !important;
}

html[data-theme] .about-section-mandate-detail {
    padding-block: clamp(54px, 7vw, 82px) !important;
}

html[data-theme] .about-section-mandate-detail .mandate-detail {
    width: min(100% - 40px, 1180px);
}

html[data-theme] .about-section-mandate-detail .mandate-detail-card {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: clamp(28px, 4vw, 54px);
    align-items: start;
    padding: 0 !important;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html[data-theme] .about-section-mandate-detail .mandate-detail-main {
    position: relative;
    padding-left: 28px;
}

html[data-theme] .about-section-mandate-detail .mandate-detail-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #27A8D8, #95683D);
}

html[data-theme] .about-section-mandate-detail .mandate-detail-main .pill {
    display: none !important;
}

html[data-theme] .about-section-mandate-detail .mandate-detail-main h2 {
    max-width: 850px;
    color: #063970 !important;
    font-size: clamp(34px, 4.8vw, 56px);
    line-height: 1.08;
}

html[data-theme] .about-section-mandate-detail .mandate-detail-main p.muted {
    max-width: 860px;
    color: #43545D !important;
    font-size: 17px;
    line-height: 1.78;
}

html[data-theme] .about-section-mandate-detail .mandate-key-card {
    position: sticky;
    top: 112px;
    padding: 28px !important;
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(234, 248, 252, .42)),
        rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(39, 168, 216, .24) !important;
    box-shadow: 0 28px 62px -48px rgba(6, 57, 112, .62);
    backdrop-filter: blur(14px) saturate(1.14);
    -webkit-backdrop-filter: blur(14px) saturate(1.14);
}

html[data-theme] .about-section-mandate-detail .mandate-key-list {
    display: grid;
    gap: 12px;
}

html[data-theme] .about-section-mandate-detail .mandate-key-list li {
    position: relative;
    padding-left: 18px;
    color: #43545D !important;
    line-height: 1.52;
}

html[data-theme] .about-section-mandate-detail .mandate-key-list li::marker {
    color: transparent;
}

html[data-theme] .about-section-mandate-detail .mandate-key-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #27A8D8;
}

:root[data-theme="dark"] .about-section-mandate {
    background:
        radial-gradient(circle at 12% 6%, rgba(108, 204, 235, .14), transparent 30rem),
        linear-gradient(135deg, rgba(6, 57, 112, .36), rgba(11, 37, 51, .34)) !important;
}

:root[data-theme="dark"] .mandate-summary-grid .about-anchor-card {
    background:
        linear-gradient(145deg, rgba(108, 204, 235, .12), rgba(6, 57, 112, .36)),
        rgba(6, 57, 112, .34) !important;
    border-color: rgba(108, 204, 235, .22) !important;
}

:root[data-theme="dark"] .mandate-summary-grid .about-anchor-card h3,
:root[data-theme="dark"] .about-section-mandate-detail .mandate-detail-main h2 {
    color: #F7FAFC !important;
}

:root[data-theme="dark"] .mandate-summary-grid .about-anchor-card p,
:root[data-theme="dark"] .about-section-mandate-detail .mandate-detail-main p.muted,
:root[data-theme="dark"] .about-section-mandate-detail .mandate-key-list li {
    color: rgba(234, 248, 252, .84) !important;
}

:root[data-theme="dark"] .about-section-mandate-detail .mandate-key-card {
    background:
        linear-gradient(145deg, rgba(11, 37, 51, .74), rgba(6, 57, 112, .46)),
        rgba(11, 37, 51, .62) !important;
    border-color: rgba(108, 204, 235, .24) !important;
    box-shadow: 0 28px 68px -48px rgba(0, 0, 0, .82);
}

@media (max-width: 900px) {
    html[data-theme] .mandate-summary-grid,
    html[data-theme] .about-section-mandate-detail .mandate-detail-card {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .about-section-mandate-detail .mandate-key-card {
        position: static;
    }
}

@media (max-width: 620px) {
    html[data-theme] .mandate-summary-grid .about-anchor-card {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    html[data-theme] .mandate-summary-grid .about-anchor-card::after {
        left: 24px;
    }
}

/* Refined About Research Centers presentation */
html[data-theme] .about-section-thematic {
    background:
        radial-gradient(circle at 85% 8%, rgba(39, 168, 216, .13), transparent 30rem),
        linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(234, 248, 252, .5)) !important;
}

html[data-theme] .research-centers-layout {
    display: grid;
    gap: 24px;
}

html[data-theme] .research-center-cluster {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: 24px;
    padding: clamp(24px, 3vw, 34px);
    overflow: hidden;
    border: 1px solid rgba(39, 168, 216, .22);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .64), rgba(234, 248, 252, .34)),
        rgba(255, 255, 255, .54);
    box-shadow: 0 26px 62px -48px rgba(6, 57, 112, .62);
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
}

html[data-theme] .research-center-cluster::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #27A8D8, #95683D);
}

html[data-theme] .research-center-cluster-head {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 16px;
    align-content: start;
}

html[data-theme] .research-center-cluster-head > span,
html[data-theme] .research-center-card > span {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, #27A8D8, #147FA8);
    color: #FFFFFF;
    font-weight: 900;
    box-shadow: 0 18px 34px -24px rgba(20, 127, 168, .8);
}

html[data-theme] .research-center-cluster-head h3 {
    color: #063970;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.14;
    margin: 6px 0 10px;
}

html[data-theme] .research-center-cluster-head p:not(.eyebrow) {
    color: #43545D;
    line-height: 1.68;
    margin: 0;
}

html[data-theme] .research-center-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

html[data-theme] .research-center-card {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 230px;
    padding: 22px;
    border: 1px solid rgba(39, 168, 216, .2);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(248, 241, 234, .24)),
        rgba(255, 255, 255, .62);
}

html[data-theme] .research-center-card > span {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(39, 168, 216, .1);
    border: 1px solid rgba(39, 168, 216, .18);
    color: #147FA8;
    box-shadow: none;
}

html[data-theme] .research-center-card h4 {
    color: #20282D;
    font-size: 18px;
    line-height: 1.22;
    margin: 0;
}

html[data-theme] .research-center-card p {
    color: #66747C;
    line-height: 1.58;
    margin: 0;
}

html[data-theme] .research-center-cluster-governance::before {
    background: linear-gradient(180deg, #95683D, #27A8D8);
}

html[data-theme] .research-center-cluster-governance .research-center-cluster-head > span {
    background: linear-gradient(135deg, #95683D, #6F4727);
}

:root[data-theme="dark"] .about-section-thematic {
    background:
        radial-gradient(circle at 85% 8%, rgba(108, 204, 235, .14), transparent 30rem),
        linear-gradient(135deg, rgba(6, 57, 112, .34), rgba(11, 37, 51, .32)) !important;
}

:root[data-theme="dark"] .research-center-cluster {
    background:
        linear-gradient(145deg, rgba(108, 204, 235, .1), rgba(6, 57, 112, .34)),
        rgba(6, 57, 112, .32);
    border-color: rgba(108, 204, 235, .22);
}

:root[data-theme="dark"] .research-center-card {
    background:
        linear-gradient(145deg, rgba(234, 248, 252, .08), rgba(11, 37, 51, .28)),
        rgba(11, 37, 51, .32);
    border-color: rgba(108, 204, 235, .18);
}

:root[data-theme="dark"] .research-center-cluster-head h3,
:root[data-theme="dark"] .research-center-card h4 {
    color: #F7FAFC;
}

:root[data-theme="dark"] .research-center-cluster-head p:not(.eyebrow),
:root[data-theme="dark"] .research-center-card p {
    color: rgba(234, 248, 252, .82);
}

:root[data-theme="dark"] .research-center-card > span {
    background: rgba(108, 204, 235, .12);
    border-color: rgba(108, 204, 235, .22);
    color: #6CCCEB;
}

@media (max-width: 1080px) {
    html[data-theme] .research-center-cluster,
    html[data-theme] .research-center-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    html[data-theme] .research-center-cluster-head {
        grid-template-columns: 1fr;
    }
}

/* Client reference style system */
html[data-theme] {
    scroll-behavior: smooth;
}

html[data-theme] ::selection {
    background: #F8F1EA;
    color: #6F4727;
}

html[data-theme] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html[data-theme] ::-webkit-scrollbar-track {
    background: rgba(234, 248, 252, .7);
}

html[data-theme] ::-webkit-scrollbar-thumb {
    background: #27A8D8;
    border-radius: 999px;
}

html[data-theme] ::-webkit-scrollbar-thumb:hover {
    background: #147FA8;
}

@keyframes psiFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes psiSoftFloat {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

@keyframes psiShimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

html[data-theme] .nav a,
html[data-theme] .nav button {
    position: relative;
}

html[data-theme] .nav a::after,
html[data-theme] .nav button::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 5px;
    height: 2px;
    border-radius: 999px;
    background: #95683D;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease;
}

html[data-theme] .nav a:hover::after,
html[data-theme] .nav button:hover::after,
html[data-theme] .nav .active::after {
    transform: scaleX(1);
}

html[data-theme] .btn,
html[data-theme] .login-btn,
html[data-theme] button.btn,
html[data-theme] .form button:not(.theme-toggle),
html[data-theme] .footer-subscribe-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 12px 22px;
    border-radius: 999px !important;
    background: #95683D !important;
    border-color: #95683D !important;
    color: #FFFFFF !important;
    font-weight: 800;
    box-shadow: 0 14px 28px -20px rgba(111, 71, 39, .55);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

html[data-theme] .btn:hover,
html[data-theme] .login-btn:hover,
html[data-theme] button.btn:hover,
html[data-theme] .form button:not(.theme-toggle):hover,
html[data-theme] .footer-subscribe-form button:hover {
    background: #6F4727 !important;
    border-color: #6F4727 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 34px -22px rgba(111, 71, 39, .68);
}

html[data-theme] .btn.secondary,
html[data-theme] .btn-soft,
html[data-theme] .social-preview-actions a {
    background: #EAF8FC !important;
    border-color: rgba(39, 168, 216, .22) !important;
    color: #147FA8 !important;
    box-shadow: none;
}

html[data-theme] .btn.secondary:hover,
html[data-theme] .btn-soft:hover,
html[data-theme] .social-preview-actions a:hover {
    background: #27A8D8 !important;
    border-color: #27A8D8 !important;
    color: #FFFFFF !important;
}

html[data-theme] a.btn:not([download])::after,
html[data-theme] .blog-link::after,
html[data-theme] .service-read-more::after {
    content: "->";
    display: inline-block;
    margin-left: 4px;
    transition: transform .18s ease;
}

html[data-theme] a.btn:not([download]):hover::after,
html[data-theme] .blog-link:hover::after,
html[data-theme] .service-read-more:hover::after {
    transform: translateX(3px);
}

html[data-theme] .card,
html[data-theme] .card.pad,
html[data-theme] .content-card,
html[data-theme] .news-card,
html[data-theme] .carousel-card,
html[data-theme] .blog-feature-card,
html[data-theme] .blog-list-item,
html[data-theme] .researcher-card,
html[data-theme] .researcher-directory-card,
html[data-theme] .partner-directory-card,
html[data-theme] .partner-carousel-card,
html[data-theme] .collab-card,
html[data-theme] .impact-rich-card,
html[data-theme] .impact-contribution-card {
    border-radius: 16px !important;
    border-color: rgba(238, 242, 247, .9) !important;
    box-shadow: 0 10px 26px rgba(6, 57, 112, .07) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

html[data-theme] .card:hover,
html[data-theme] .content-card:hover,
html[data-theme] .news-card:hover,
html[data-theme] .carousel-card:hover,
html[data-theme] .blog-feature-card:hover,
html[data-theme] .blog-list-item:hover,
html[data-theme] .researcher-card:hover,
html[data-theme] .researcher-directory-card:hover,
html[data-theme] .partner-directory-card:hover,
html[data-theme] .partner-carousel-card:hover,
html[data-theme] .collab-card:hover,
html[data-theme] .impact-rich-card:hover,
html[data-theme] .impact-contribution-card:hover {
    transform: translateY(-3px);
    border-color: rgba(39, 168, 216, .3) !important;
    box-shadow: 0 20px 42px rgba(6, 57, 112, .12) !important;
}

html[data-theme] .icon,
html[data-theme] .icon-badge,
html[data-theme] .thematic-detail-number,
html[data-theme] .impact-domain-icon,
html[data-theme] .impact-section-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px !important;
    background: #F8F1EA !important;
    border-color: rgba(149, 104, 61, .18) !important;
    color: #95683D !important;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

html[data-theme] .card:hover .icon,
html[data-theme] .content-card:hover .icon-badge,
html[data-theme] .about-anchor-card:hover .icon {
    background: #95683D !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

html[data-theme] .pill {
    border-radius: 999px !important;
    background: #F8F1EA !important;
    color: #95683D !important;
    border: 1px solid rgba(149, 104, 61, .13) !important;
    font-weight: 850;
}

html[data-theme] .eyebrow {
    color: #95683D !important;
    font-weight: 850;
    letter-spacing: .12em;
}

html[data-theme] .section-head h2 {
    letter-spacing: 0;
}

html[data-theme] .section-head::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, #95683D 0%, #B98956 50%, #95683D 100%);
    background-size: 200% 100%;
    animation: psiShimmer 2.4s linear infinite;
}

html[data-theme] .section-head.center::after {
    margin-inline: auto;
}

:root[data-theme="dark"] ::selection {
    background: rgba(108, 204, 235, .26);
    color: #FFFFFF;
}

:root[data-theme="dark"] ::-webkit-scrollbar-track {
    background: rgba(11, 37, 51, .78);
}

:root[data-theme="dark"] .btn.secondary,
:root[data-theme="dark"] .btn-soft,
:root[data-theme="dark"] .social-preview-actions a {
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(108, 204, 235, .22) !important;
    color: #6CCCEB !important;
}

:root[data-theme="dark"] .btn.secondary:hover,
:root[data-theme="dark"] .btn-soft:hover,
:root[data-theme="dark"] .social-preview-actions a:hover {
    background: #27A8D8 !important;
    color: #FFFFFF !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .content-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .blog-list-item,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card {
    border-color: rgba(108, 204, 235, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
}

:root[data-theme="dark"] .icon,
:root[data-theme="dark"] .icon-badge,
:root[data-theme="dark"] .thematic-detail-number,
:root[data-theme="dark"] .impact-domain-icon,
:root[data-theme="dark"] .impact-section-icon {
    background: rgba(149, 104, 61, .2) !important;
    border-color: rgba(185, 137, 86, .28) !important;
    color: #F8F1EA !important;
}

:root[data-theme="dark"] .card:hover .icon,
:root[data-theme="dark"] .content-card:hover .icon-badge,
:root[data-theme="dark"] .about-anchor-card:hover .icon {
    background: #95683D !important;
    color: #FFFFFF !important;
}

:root[data-theme="dark"] .pill {
    background: rgba(149, 104, 61, .2) !important;
    border-color: rgba(185, 137, 86, .25) !important;
    color: #F8F1EA !important;
}

:root[data-theme="dark"] .eyebrow {
    color: #B98956 !important;
}

/* Stronger card contrast against page backgrounds */
html[data-theme] .card,
html[data-theme] .card.pad,
html[data-theme] .content-card,
html[data-theme] .news-card,
html[data-theme] .carousel-card,
html[data-theme] .blog-feature-card,
html[data-theme] .blog-list-item,
html[data-theme] .researcher-card,
html[data-theme] .researcher-directory-card,
html[data-theme] .partner-directory-card,
html[data-theme] .partner-carousel-card,
html[data-theme] .collab-card,
html[data-theme] .impact-rich-card,
html[data-theme] .impact-contribution-card,
html[data-theme] .about-anchor-card,
html[data-theme] .mandate-key-card,
html[data-theme] .research-center-cluster,
html[data-theme] .research-center-card,
html[data-theme] .org-focus-cluster,
html[data-theme] .org-area-card,
html[data-theme] .modern-org-leader,
html[data-theme] .modern-org-branch,
html[data-theme] .modern-org-unit {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 252, .9)) !important;
    border-color: rgba(39, 168, 216, .34) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .85) inset,
        0 20px 46px -34px rgba(6, 57, 112, .52) !important;
}

html[data-theme] .card:hover,
html[data-theme] .content-card:hover,
html[data-theme] .news-card:hover,
html[data-theme] .carousel-card:hover,
html[data-theme] .blog-feature-card:hover,
html[data-theme] .blog-list-item:hover,
html[data-theme] .researcher-card:hover,
html[data-theme] .researcher-directory-card:hover,
html[data-theme] .partner-directory-card:hover,
html[data-theme] .partner-carousel-card:hover,
html[data-theme] .collab-card:hover,
html[data-theme] .impact-rich-card:hover,
html[data-theme] .impact-contribution-card:hover,
html[data-theme] .about-anchor-card:hover,
html[data-theme] .research-center-card:hover {
    background:
        linear-gradient(145deg, #FFFFFF, rgba(234, 248, 252, .94)) !important;
    border-color: rgba(39, 168, 216, .52) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .9) inset,
        0 26px 58px -36px rgba(6, 57, 112, .62) !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .content-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .blog-list-item,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card,
:root[data-theme="dark"] .about-anchor-card,
:root[data-theme="dark"] .mandate-key-card,
:root[data-theme="dark"] .research-center-cluster,
:root[data-theme="dark"] .research-center-card,
:root[data-theme="dark"] .org-focus-cluster,
:root[data-theme="dark"] .org-area-card,
:root[data-theme="dark"] .modern-org-leader,
:root[data-theme="dark"] .modern-org-branch,
:root[data-theme="dark"] .modern-org-unit {
    background:
        linear-gradient(145deg, rgba(12, 70, 125, .94), rgba(8, 45, 87, .9)) !important;
    border-color: rgba(108, 204, 235, .34) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .08) inset,
        0 24px 56px -36px rgba(0, 0, 0, .72) !important;
}

:root[data-theme="dark"] .card:hover,
:root[data-theme="dark"] .content-card:hover,
:root[data-theme="dark"] .news-card:hover,
:root[data-theme="dark"] .carousel-card:hover,
:root[data-theme="dark"] .blog-feature-card:hover,
:root[data-theme="dark"] .blog-list-item:hover,
:root[data-theme="dark"] .researcher-card:hover,
:root[data-theme="dark"] .researcher-directory-card:hover,
:root[data-theme="dark"] .partner-directory-card:hover,
:root[data-theme="dark"] .partner-carousel-card:hover,
:root[data-theme="dark"] .collab-card:hover,
:root[data-theme="dark"] .impact-rich-card:hover,
:root[data-theme="dark"] .impact-contribution-card:hover,
:root[data-theme="dark"] .about-anchor-card:hover,
:root[data-theme="dark"] .research-center-card:hover {
    background:
        linear-gradient(145deg, rgba(15, 83, 145, .96), rgba(9, 52, 98, .92)) !important;
    border-color: rgba(108, 204, 235, .52) !important;
}

/* Equal hero statistics grid */
html[data-theme] .hero .stats-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    width: min(100%, 860px) !important;
    max-width: 860px !important;
    margin-top: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
}

html[data-theme] .hero .stat {
    min-width: 0;
    min-height: 76px;
    display: grid;
    align-content: center;
    padding: 12px 14px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
}

html[data-theme] .hero .stat strong {
    font-size: clamp(21px, 1.8vw, 28px);
    line-height: 1.02;
    margin-bottom: 3px;
}

@media (max-width: 900px) {
    html[data-theme] .hero .stats-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 560px !important;
    }
}

@media (max-width: 560px) {
    html[data-theme] .hero .stats-strip {
        grid-template-columns: 1fr !important;
    }
}

/* Home hero shorter image crop */
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) {
    min-height: clamp(420px, 48vh, 540px) !important;
}

html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-content {
    padding-block: clamp(38px, 4.8vw, 62px) !important;
}

html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 720px) {
    html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) {
        min-height: 460px !important;
    }
}

/* Home news carousel card color */
html[data-theme] .home-section-news .news-card {
    background: #B98956 !important;
    border-color: rgba(185, 137, 86, .9) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .22) inset,
        0 26px 58px -38px rgba(111, 71, 39, .72) !important;
}

html[data-theme] .home-section-news .news-card:hover {
    background: #B98956 !important;
    border-color: #B98956 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .28) inset,
        0 30px 68px -38px rgba(111, 71, 39, .86) !important;
}

html[data-theme] .home-section-news .news-card .eyebrow,
html[data-theme] .home-section-news .news-card h3,
html[data-theme] .home-section-news .news-card .muted,
html[data-theme] .home-section-news .news-card .blog-link {
    color: #FFFFFF !important;
}

html[data-theme] .home-section-news .news-card .blog-link::after {
    color: #FFFFFF !important;
}

/* Home insights carousel card color */
html[data-theme] .home-section-insights .carousel-card {
    background: #B98956 !important;
    border-color: rgba(185, 137, 86, .9) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .22) inset,
        0 26px 58px -38px rgba(111, 71, 39, .72) !important;
}

html[data-theme] .home-section-insights .carousel-card:hover {
    background: #B98956 !important;
    border-color: #B98956 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .28) inset,
        0 30px 68px -38px rgba(111, 71, 39, .86) !important;
}

html[data-theme] .home-section-insights .carousel-card .pad {
    padding: 24px 30px 28px !important;
}

html[data-theme] .home-section-insights .carousel-card .eyebrow,
html[data-theme] .home-section-insights .carousel-card h3,
html[data-theme] .home-section-insights .carousel-card .muted,
html[data-theme] .home-section-insights .carousel-card .blog-link {
    color: #FFFFFF !important;
}

html[data-theme] .home-section-insights .carousel-card .blog-link::after {
    color: #FFFFFF !important;
}

/* Professional glass cards for Home news and blogs */
html[data-theme] body.home-page .home-section-news .news-card,
html[data-theme] body.home-page .home-section-insights .carousel-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(248, 241, 234, .58) 54%, rgba(234, 248, 252, .72)) !important;
    border: 1px solid rgba(39, 168, 216, .34) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .88) inset,
        0 24px 58px -38px rgba(6, 57, 112, .46) !important;
    backdrop-filter: blur(18px) saturate(142%);
    -webkit-backdrop-filter: blur(18px) saturate(142%);
}

html[data-theme] body.home-page .home-section-news .news-card:hover,
html[data-theme] body.home-page .home-section-insights .carousel-card:hover {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(248, 241, 234, .66) 54%, rgba(234, 248, 252, .82)) !important;
    border-color: rgba(39, 168, 216, .58) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .94) inset,
        0 30px 68px -38px rgba(6, 57, 112, .56) !important;
}

html[data-theme] body.home-page .home-section-news .news-card .eyebrow,
html[data-theme] body.home-page .home-section-insights .carousel-card .eyebrow {
    color: #95683D !important;
}

html[data-theme] body.home-page .home-section-news .news-card h3,
html[data-theme] body.home-page .home-section-insights .carousel-card h3 {
    color: #063970 !important;
}

html[data-theme] body.home-page .home-section-news .news-card .muted,
html[data-theme] body.home-page .home-section-insights .carousel-card .muted {
    color: #66747C !important;
}

html[data-theme] body.home-page .home-section-news .news-card .blog-link,
html[data-theme] body.home-page .home-section-news .news-card .blog-link::after,
html[data-theme] body.home-page .home-section-insights .carousel-card .blog-link,
html[data-theme] body.home-page .home-section-insights .carousel-card .blog-link::after {
    color: #147FA8 !important;
}

:root[data-theme="dark"] body.home-page .home-section-news .news-card,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card {
    background:
        linear-gradient(145deg, rgba(234, 248, 252, .14), rgba(6, 57, 112, .7) 48%, rgba(149, 104, 61, .22)) !important;
    border-color: rgba(108, 204, 235, .28) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .1) inset,
        0 28px 68px -44px rgba(0, 0, 0, .78) !important;
}

:root[data-theme="dark"] body.home-page .home-section-news .news-card h3,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card h3 {
    color: #F8F1EA !important;
}

:root[data-theme="dark"] body.home-page .home-section-news .news-card .muted,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card .muted {
    color: #EAF8FC !important;
}

:root[data-theme="dark"] body.home-page .home-section-news .news-card .eyebrow,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card .eyebrow,
:root[data-theme="dark"] body.home-page .home-section-news .news-card .blog-link,
:root[data-theme="dark"] body.home-page .home-section-news .news-card .blog-link::after,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card .blog-link,
:root[data-theme="dark"] body.home-page .home-section-insights .carousel-card .blog-link::after {
    color: #6CCCEB !important;
}

/* Home research thematic card color */
html[data-theme] .home-section-research .thematic-card {
    background: #B98956 !important;
    border-color: rgba(185, 137, 86, .9) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .22) inset,
        0 26px 58px -38px rgba(111, 71, 39, .72) !important;
}

html[data-theme] .home-section-research .thematic-card:hover {
    background: #B98956 !important;
    border-color: #B98956 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .28) inset,
        0 30px 68px -38px rgba(111, 71, 39, .86) !important;
}

html[data-theme] .home-section-research .thematic-card .icon,
html[data-theme] .home-section-research .thematic-card .icon-badge {
    background: rgba(248, 241, 234, .86) !important;
    border-color: rgba(255, 255, 255, .36) !important;
    color: #6F4727 !important;
}

html[data-theme] .home-section-research .thematic-card h3,
html[data-theme] .home-section-research .thematic-card p,
html[data-theme] .home-section-research .thematic-card .muted,
html[data-theme] .home-section-research .thematic-card .service-read-more,
html[data-theme] .home-section-research .thematic-card .blog-link {
    color: #FFFFFF !important;
}

html[data-theme] .home-section-research .thematic-card .service-read-more::after,
html[data-theme] .home-section-research .thematic-card .blog-link::after {
    color: #FFFFFF !important;
}

/* Cream header and navigation surface */
html[data-theme] .topbar,
html[data-theme] .site-header,
html[data-theme] .nav.open {
    background: #F8F1EA !important;
    color: #20282D !important;
    border-color: rgba(149, 104, 61, .18) !important;
    box-shadow: 0 14px 34px -30px rgba(111, 71, 39, .42) !important;
}

html[data-theme] .topbar {
    border-bottom: 1px solid rgba(149, 104, 61, .18) !important;
}

html[data-theme] .site-header {
    border-bottom: 1px solid rgba(39, 168, 216, .22) !important;
}

html[data-theme] .topbar a,
html[data-theme] .brand strong,
html[data-theme] .brand .brand-tagline,
html[data-theme] .nav a,
html[data-theme] .nav button,
html[data-theme] .mobile-toggle {
    color: #20282D !important;
}

html[data-theme] .topbar a:hover,
html[data-theme] .nav a:hover,
html[data-theme] .nav button:hover,
html[data-theme] .brand:hover strong {
    color: #147FA8 !important;
}

html[data-theme] .brand img {
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(39, 168, 216, .24) !important;
}

html[data-theme] .nav .active,
html[data-theme] .nav a:hover,
html[data-theme] .nav button:hover {
    background: rgba(185, 137, 86, .2) !important;
    color: #6F4727 !important;
}

html[data-theme] .nav a::after,
html[data-theme] .nav button::after,
html[data-theme] .nav .active::after {
    background: #95683D !important;
}

html[data-theme] .nav-chevron path {
    stroke: currentColor !important;
}

html[data-theme] .dropdown {
    background: rgba(248, 241, 234, .98) !important;
    border-color: rgba(149, 104, 61, .2) !important;
    box-shadow: 0 28px 58px -36px rgba(111, 71, 39, .5) !important;
}

html[data-theme] .dropdown a:hover {
    background: rgba(39, 168, 216, .14) !important;
    color: #147FA8 !important;
}

html[data-theme] .language-mode {
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(39, 168, 216, .28) !important;
}

html[data-theme] .language-mode a {
    color: #6F4727 !important;
}

html[data-theme] .language-mode a.active,
html[data-theme] .language-mode a:hover {
    background: #27A8D8 !important;
    color: #FFFFFF !important;
}

html[data-theme] .theme-toggle,
html[data-theme] .topbar-social-links a,
html[data-theme] .social-links a,
html[data-theme] .mobile-toggle {
    background: rgba(255, 255, 255, .68) !important;
    border-color: rgba(39, 168, 216, .32) !important;
    color: #147FA8 !important;
}

html[data-theme] .theme-toggle:hover,
html[data-theme] .topbar-social-links a:hover,
html[data-theme] .social-links a:hover,
html[data-theme] .mobile-toggle:hover {
    background: #27A8D8 !important;
    border-color: #27A8D8 !important;
    color: #FFFFFF !important;
}

html[data-theme] .topbar-social-links svg,
html[data-theme] .social-links svg {
    fill: currentColor !important;
}

html[data-theme] .site-search {
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(39, 168, 216, .34) !important;
}

html[data-theme] .site-search input {
    color: #20282D !important;
}

html[data-theme] .site-search input::placeholder {
    color: #66747C !important;
}

html[data-theme] .site-search button {
    background: #27A8D8 !important;
    border-color: #27A8D8 !important;
    color: #FFFFFF !important;
}

html[data-theme] .site-search button:hover {
    background: #147FA8 !important;
    border-color: #147FA8 !important;
}

/* Home hero statistics color balance */
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .stat {
    background:
        linear-gradient(145deg, rgba(248, 241, 234, .9), rgba(234, 248, 252, .78)) !important;
    border-color: rgba(185, 137, 86, .46) !important;
    color: #20282D !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .68) inset,
        0 18px 42px -30px rgba(6, 57, 112, .52) !important;
    backdrop-filter: blur(14px);
}

html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .stat strong {
    color: #147FA8 !important;
}

:root[data-theme="dark"] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .stat {
    background:
        linear-gradient(145deg, rgba(6, 57, 112, .72), rgba(20, 127, 168, .34)) !important;
    border-color: rgba(108, 204, 235, .36) !important;
    color: #F8F1EA !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .12) inset,
        0 22px 50px -34px rgba(0, 0, 0, .78) !important;
}

:root[data-theme="dark"] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .stat strong {
    color: #6CCCEB !important;
}

/* Glass overlay controls for sliders and back-to-top */
html[data-theme] .carousel-arrow,
html[data-theme] .back-to-top {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 54px !important;
    height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    background: rgba(6, 57, 112, .34) !important;
    color: #FFFFFF !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .18) inset,
        0 18px 38px -26px rgba(6, 57, 112, .72) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    font-size: 25px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    transition:
        width .22s ease,
        transform .22s ease,
        opacity .22s ease,
        background-color .22s ease,
        border-color .22s ease !important;
}

html[data-theme] .carousel-arrow::before,
html[data-theme] .back-to-top::before {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    transition: max-width .22s ease, opacity .18s ease;
}

html[data-theme] .carousel-arrow.prev::before {
    content: "Prev";
}

html[data-theme] .carousel-arrow.next::before {
    content: "Next";
    order: 2;
}

html[data-theme] .back-to-top::before {
    content: "Top";
}

html[data-theme] .carousel-arrow:hover,
html[data-theme] .carousel-arrow:focus-visible,
html[data-theme] .back-to-top:hover,
html[data-theme] .back-to-top:focus-visible {
    width: 104px !important;
    background: rgba(6, 57, 112, .58) !important;
    border-color: rgba(255, 255, 255, .64) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

html[data-theme] .carousel-arrow:hover::before,
html[data-theme] .carousel-arrow:focus-visible::before,
html[data-theme] .back-to-top:hover::before,
html[data-theme] .back-to-top:focus-visible::before {
    max-width: 58px;
    opacity: 1;
}

html[data-theme] .home-carousel {
    padding-inline: 42px !important;
}

html[data-theme] .carousel-arrow.prev {
    left: 0 !important;
}

html[data-theme] .carousel-arrow.next {
    right: 0 !important;
}

html[data-theme] .back-to-top {
    right: 24px !important;
    bottom: 24px !important;
    min-width: 54px !important;
}

html[data-theme] .back-to-top.visible {
    transform: translateY(0) !important;
}

html[data-theme] .back-to-top.visible:hover,
html[data-theme] .back-to-top.visible:focus-visible {
    transform: translateY(-2px) !important;
}

:root[data-theme="dark"] .carousel-arrow,
:root[data-theme="dark"] .back-to-top {
    background: rgba(248, 241, 234, .14) !important;
    border-color: rgba(234, 248, 252, .3) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .12) inset,
        0 20px 44px -28px rgba(0, 0, 0, .84) !important;
}

:root[data-theme="dark"] .carousel-arrow:hover,
:root[data-theme="dark"] .carousel-arrow:focus-visible,
:root[data-theme="dark"] .back-to-top:hover,
:root[data-theme="dark"] .back-to-top:focus-visible {
    background: rgba(39, 168, 216, .32) !important;
    border-color: rgba(108, 204, 235, .62) !important;
}

@media (max-width: 640px) {
    html[data-theme] .carousel-arrow,
    html[data-theme] .back-to-top {
        width: 46px !important;
        height: 40px !important;
        font-size: 22px !important;
    }

    html[data-theme] .carousel-arrow:hover,
    html[data-theme] .carousel-arrow:focus-visible,
    html[data-theme] .back-to-top:hover,
    html[data-theme] .back-to-top:focus-visible {
        width: 86px !important;
    }

    html[data-theme] .home-carousel {
        padding-inline: 30px !important;
    }

    html[data-theme] .back-to-top {
        right: 16px !important;
        bottom: 16px !important;
    }
}

/* Pure white Home page surface */
html[data-theme] body.home-page,
html[data-theme] body.home-page main,
html[data-theme] body.home-page .home-section-news,
html[data-theme] body.home-page .home-section-insights,
html[data-theme] body.home-page .home-section-research,
html[data-theme] body.home-page .home-section-publications,
html[data-theme] body.home-page .home-section-events,
html[data-theme] body.home-page .home-section-impact,
html[data-theme] body.home-page .home-section-social,
html[data-theme] body.home-page .partners-slider-section {
    background: #FFFFFF !important;
    background-image: none !important;
}

html[data-theme] body.home-page::before {
    opacity: 0 !important;
}

/* Pure white About page surface */
html[data-theme] body.about-page,
html[data-theme] body.about-page main,
html[data-theme] body.about-page .about-section-nav,
html[data-theme] body.about-page .about-section-overview,
html[data-theme] body.about-page .about-section-vision,
html[data-theme] body.about-page .about-section-mandate,
html[data-theme] body.about-page .about-section-mandate-detail,
html[data-theme] body.about-page .about-section-thematic,
html[data-theme] body.about-page .about-section-organogram,
html[data-theme] body.about-page .researcher-feature-section.about-section-researchers,
html[data-theme] body.about-page .about-composite-section {
    background: #FFFFFF !important;
    background-image: none !important;
}

html[data-theme] body.about-page::before {
    opacity: 0 !important;
}

/* Absolute final header cleanup */
html[data-theme] .site-header .brand,
html[data-theme] .site-header .brand *,
html[data-theme] .header-utility-actions,
html[data-theme] .header-utility-actions *,
html[data-theme] .header-action-cluster,
html[data-theme] .header-action-cluster *,
html[data-theme] .header-action-cluster .topbar-social-links {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

html[data-theme] .site-header .brand::before,
html[data-theme] .site-header .brand::after,
html[data-theme] .site-header .brand > span::before,
html[data-theme] .site-header .brand > span::after,
html[data-theme] .site-header .brand > span > span::before,
html[data-theme] .site-header .brand > span > span::after,
html[data-theme] .site-header .brand .brand-tagline::before,
html[data-theme] .site-header .brand strong::before,
html[data-theme] .site-header .brand strong::after,
html[data-theme] .header-utility-actions::before,
html[data-theme] .header-utility-actions::after,
html[data-theme] .header-action-cluster::before,
html[data-theme] .header-action-cluster::after,
html[data-theme] .header-action-cluster .topbar-social-links::before,
html[data-theme] .header-action-cluster .topbar-social-links::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    border: 0 !important;
    padding-left: 0 !important;
}

html[data-theme] .header-utility-actions .site-search {
    width: min(100%, 520px) !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(74, 48, 28, .16), 0 1px 2px rgba(11, 37, 51, .08) !important;
    overflow: hidden !important;
}

html[data-theme] .header-utility-actions .site-search::before,
html[data-theme] .header-utility-actions .site-search::after {
    content: none !important;
    display: none !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 48px !important;
    color: #5f6368 !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}

html[data-theme] .header-utility-actions .site-search input {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #202124 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: #6f7277 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f3135 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Final research-center detail presentation */
html[data-theme] .research-center-detail-hero {
    padding: clamp(118px, 13vw, 164px) 0 clamp(56px, 7vw, 86px) !important;
    background: #061936 !important;
    color: #F7FAFC !important;
}

html[data-theme] .research-center-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
    gap: clamp(42px, 7vw, 96px) !important;
    align-items: center !important;
}

html[data-theme] .research-center-hero-grid .eyebrow {
    color: #E5B94E !important;
    letter-spacing: .26em !important;
    max-width: 820px !important;
}

html[data-theme] .research-center-hero-grid h1 {
    max-width: 780px !important;
    margin: 16px 0 20px !important;
    color: #FFFFFF !important;
    font-size: clamp(34px, 4vw, 56px) !important;
    line-height: 1.05 !important;
}

html[data-theme] .research-center-hero-grid p:not(.eyebrow) {
    max-width: 780px !important;
    color: rgba(247, 250, 252, .88) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

html[data-theme] .research-center-hero-grid figure {
    margin: 0 !important;
}

html[data-theme] .research-center-hero-grid figure img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-theme] .research-center-hero-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: clamp(36px, 5vw, 72px) !important;
    margin: 34px 0 0 !important;
}

html[data-theme] .research-center-hero-stats div {
    display: grid !important;
    gap: 6px !important;
}

html[data-theme] .research-center-hero-stats dt {
    color: rgba(226, 235, 244, .62) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
}

html[data-theme] .research-center-hero-stats dd {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

html[data-theme] .research-center-detail-section {
    padding: clamp(56px, 6vw, 82px) 0 !important;
    border-bottom: 1px solid rgba(6, 25, 54, .14) !important;
    background: #F4F7FA !important;
}

html[data-theme] .research-center-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
    gap: clamp(34px, 6vw, 82px) !important;
}

html[data-theme] .research-center-about-card,
html[data-theme] .research-center-focus-card,
html[data-theme] .research-department-list article,
html[data-theme] .research-center-publication-list article,
html[data-theme] .research-center-member-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme] .research-center-about-card {
    padding: 0 clamp(28px, 5vw, 72px) 0 0 !important;
    border-right: 1px solid rgba(185, 137, 86, .7) !important;
}

html[data-theme] .research-center-about-card .eyebrow,
html[data-theme] .research-center-focus-card .eyebrow,
html[data-theme] .research-center-list-head .eyebrow,
html[data-theme] .research-center-publication-list .eyebrow {
    margin: 0 0 24px !important;
    color: #3E536A !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
}

html[data-theme] .research-center-about-card p:not(.eyebrow) {
    margin: 0 0 20px !important;
    max-width: 640px !important;
    color: #061936 !important;
    font-size: 18px !important;
    line-height: 1.74 !important;
}

html[data-theme] .research-center-about-card strong {
    color: #061936 !important;
    font-weight: 900 !important;
}

html[data-theme] .research-center-focus-card {
    padding: 0 !important;
}

html[data-theme] .research-center-focus-card ol {
    display: grid !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html[data-theme] .research-center-focus-card li {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    color: #061936 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

html[data-theme] .research-center-focus-card li span,
html[data-theme] .research-department-list article > span {
    color: #C8963E !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

html[data-theme] .research-center-list-head {
    margin-bottom: 30px !important;
}

html[data-theme] .research-center-list-head--inline {
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    align-items: center !important;
}

html[data-theme] .research-center-list-head--inline span {
    color: #3E536A !important;
    font-size: 14px !important;
}

html[data-theme] .research-department-list {
    border-top: 1px solid rgba(6, 25, 54, .16) !important;
}

html[data-theme] .research-department-list article {
    display: grid !important;
    grid-template-columns: 46px minmax(220px, .55fr) minmax(0, 1fr) !important;
    gap: clamp(22px, 4vw, 72px) !important;
    align-items: start !important;
    padding: 30px 0 !important;
    border-bottom: 1px solid rgba(6, 25, 54, .14) !important;
}

html[data-theme] .research-department-list h3 {
    margin: 0 !important;
    color: #061936 !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
}

html[data-theme] .research-department-list p {
    margin: 0 !important;
    color: #53657A !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

html[data-theme] .research-center-publication-list {
    display: grid !important;
    gap: 22px !important;
    max-width: 760px !important;
}

html[data-theme] .research-center-publication-list article {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    align-items: stretch !important;
    background: #FFFFFF !important;
    box-shadow: 0 18px 42px -34px rgba(6, 25, 54, .42) !important;
}

html[data-theme] .research-center-publication-list img {
    width: 150px !important;
    height: 100% !important;
    min-height: 180px !important;
    object-fit: cover !important;
}

html[data-theme] .research-center-publication-list article > div {
    padding: 28px 30px !important;
}

html[data-theme] .research-center-publication-list h3 {
    margin: 0 0 10px !important;
    color: #061936 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
}

html[data-theme] .research-center-publication-list small,
html[data-theme] .research-center-publication-list p {
    display: block !important;
    margin: 0 0 16px !important;
    color: #53657A !important;
    line-height: 1.6 !important;
}

html[data-theme] .research-center-publication-list article > div > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
}

html[data-theme] .research-center-publication-list a,
html[data-theme] .research-center-member-card strong {
    color: #007DAA !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html[data-theme] .research-center-member-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(24px, 3vw, 40px) !important;
}

html[data-theme] .research-center-member-card {
    display: block !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

html[data-theme] .research-center-member-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    filter: grayscale(1) contrast(1.08) !important;
    margin-bottom: 22px !important;
}

html[data-theme] .research-center-member-card h3 {
    margin: 0 0 4px !important;
    color: #061936 !important;
    font-size: 18px !important;
}

html[data-theme] .research-center-member-card p,
html[data-theme] .research-center-member-card span {
    margin: 0 0 7px !important;
    color: #52677E !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html[data-theme] .research-center-member-card span {
    color: #007DAA !important;
    font-weight: 700 !important;
}

html[data-theme] .research-center-member-card strong {
    display: inline-block !important;
    margin-top: 8px !important;
}

@media (max-width: 900px) {
    html[data-theme] .research-center-hero-grid,
    html[data-theme] .research-center-detail-grid {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .research-center-about-card {
        padding-right: 0 !important;
        border-right: 0 !important;
    }

    html[data-theme] .research-department-list article {
        grid-template-columns: 40px 1fr !important;
    }

    html[data-theme] .research-department-list article p {
        grid-column: 2 !important;
    }

    html[data-theme] .research-center-publication-list article,
    html[data-theme] .research-center-member-grid {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .research-center-publication-list img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        min-height: 0 !important;
    }
}

/* EOF glass header + hero top-edge alignment */
html[data-theme] .site-header {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .44), rgba(248, 241, 234, .28) 50%, rgba(255, 255, 255, .42)) !important;
    border-bottom: 1px solid rgba(111, 71, 39, .14) !important;
    box-shadow:
        0 18px 36px -34px rgba(6, 57, 112, .38),
        inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    backdrop-filter: blur(24px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(175%) !important;
}

:root[data-theme="dark"] .site-header {
    background:
        linear-gradient(135deg, rgba(11, 37, 51, .38), rgba(6, 22, 33, .24)) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .16) !important;
    box-shadow:
        0 18px 36px -34px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html[data-theme] .site-header::before,
:root[data-theme="dark"] .site-header::before {
    opacity: .12 !important;
}

html[data-theme] {
    --psi-header-offset: 186px;
}

@media (max-width: 720px) {
    html[data-theme] {
        --psi-header-offset: 148px;
    }
}

html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.impact-hero:first-child {
    margin-top: calc(-1 * var(--psi-header-offset, 186px)) !important;
    padding-top: var(--psi-header-offset, 186px) !important;
}

html[data-theme] .hero-slide img,
html[data-theme] .image-page-hero > img,
html[data-theme] .impact-hero > img,
html[data-theme] .about-page-hero > img,
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-slide img {
    object-position: top left !important;
}

@media (max-width: 720px) {
    html[data-theme] main > section.hero:first-child,
    html[data-theme] main > section.page-hero:first-child,
    html[data-theme] main > section.about-page-hero:first-child,
    html[data-theme] main > section.image-page-hero:first-child,
    html[data-theme] main > section.impact-hero:first-child {
        margin-top: calc(-1 * var(--psi-header-offset, 148px)) !important;
        padding-top: var(--psi-header-offset, 148px) !important;
    }
}

/* TRUE final override: glass header + hero top-edge alignment */
html[data-theme] .site-header {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .44), rgba(248, 241, 234, .28) 50%, rgba(255, 255, 255, .42)) !important;
    border-bottom: 1px solid rgba(111, 71, 39, .14) !important;
    box-shadow:
        0 18px 36px -34px rgba(6, 57, 112, .38),
        inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    backdrop-filter: blur(24px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(175%) !important;
}

:root[data-theme="dark"] .site-header {
    background:
        linear-gradient(135deg, rgba(11, 37, 51, .38), rgba(6, 22, 33, .24)) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .16) !important;
    box-shadow:
        0 18px 36px -34px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html[data-theme] .site-header::before,
:root[data-theme="dark"] .site-header::before {
    opacity: .12 !important;
}

html[data-theme] {
    --psi-header-offset: 186px;
}

@media (max-width: 720px) {
    html[data-theme] {
        --psi-header-offset: 148px;
    }
}

html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.impact-hero:first-child {
    margin-top: calc(-1 * var(--psi-header-offset, 186px)) !important;
    padding-top: var(--psi-header-offset, 186px) !important;
}

html[data-theme] .hero-slide img,
html[data-theme] .image-page-hero > img,
html[data-theme] .impact-hero > img,
html[data-theme] .about-page-hero > img,
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-slide img {
    object-position: top left !important;
}

@media (max-width: 720px) {
    html[data-theme] main > section.hero:first-child,
    html[data-theme] main > section.page-hero:first-child,
    html[data-theme] main > section.about-page-hero:first-child,
    html[data-theme] main > section.image-page-hero:first-child,
    html[data-theme] main > section.impact-hero:first-child {
        margin-top: calc(-1 * var(--psi-header-offset, 148px)) !important;
        padding-top: var(--psi-header-offset, 148px) !important;
    }
}

/* FINAL override: glass header + hero pull to top edge */
html[data-theme] .site-header {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .44), rgba(248, 241, 234, .28) 50%, rgba(255, 255, 255, .42)) !important;
    border-bottom: 1px solid rgba(111, 71, 39, .14) !important;
    box-shadow:
        0 18px 36px -34px rgba(6, 57, 112, .38),
        inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    backdrop-filter: blur(24px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(175%) !important;
}

:root[data-theme="dark"] .site-header {
    background:
        linear-gradient(135deg, rgba(11, 37, 51, .38), rgba(6, 22, 33, .24)) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .16) !important;
    box-shadow:
        0 18px 36px -34px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html[data-theme] .site-header::before,
:root[data-theme="dark"] .site-header::before {
    opacity: .12 !important;
}

html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.impact-hero:first-child {
    margin-top: calc(-1 * var(--psi-header-offset, 186px)) !important;
    padding-top: var(--psi-header-offset, 186px) !important;
}

html[data-theme] .hero-slide img,
html[data-theme] .image-page-hero > img,
html[data-theme] .impact-hero > img,
html[data-theme] .about-page-hero > img,
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-slide img {
    object-position: top left !important;
}

@media (max-width: 720px) {
    html[data-theme] main > section.hero:first-child,
    html[data-theme] main > section.page-hero:first-child,
    html[data-theme] main > section.about-page-hero:first-child,
    html[data-theme] main > section.image-page-hero:first-child,
    html[data-theme] main > section.impact-hero:first-child {
        margin-top: calc(-1 * var(--psi-header-offset, 148px)) !important;
        padding-top: var(--psi-header-offset, 148px) !important;
    }
}

/* Carousel controls: move arrows to the bottom row beside the dots */
html[data-theme] .home-carousel,
:root[data-theme="dark"] .home-carousel {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px 14px !important;
    padding-inline: 0 !important;
}

html[data-theme] .home-carousel > [data-carousel-track],
:root[data-theme="dark"] .home-carousel > [data-carousel-track] {
    order: 1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
}

html[data-theme] .home-carousel > [data-carousel-prev],
:root[data-theme="dark"] .home-carousel > [data-carousel-prev] {
    order: 2 !important;
}

html[data-theme] .home-carousel > [data-carousel-dots],
:root[data-theme="dark"] .home-carousel > [data-carousel-dots] {
    order: 3 !important;
    flex: 1 1 auto !important;
    min-width: 140px !important;
    margin: 0 !important;
}

html[data-theme] .home-carousel > [data-carousel-next],
:root[data-theme="dark"] .home-carousel > [data-carousel-next] {
    order: 4 !important;
}

html[data-theme] .home-carousel .carousel-arrow,
:root[data-theme="dark"] .home-carousel .carousel-arrow {
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 999px !important;
    font-size: 26px !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

html[data-theme] .home-carousel .carousel-arrow::before,
:root[data-theme="dark"] .home-carousel .carousel-arrow::before {
    content: none !important;
    display: none !important;
}

html[data-theme] .home-carousel .carousel-arrow:hover,
html[data-theme] .home-carousel .carousel-arrow:focus-visible,
:root[data-theme="dark"] .home-carousel .carousel-arrow:hover,
:root[data-theme="dark"] .home-carousel .carousel-arrow:focus-visible {
    width: 42px !important;
    transform: translateY(-1px) !important;
}

html[data-theme] .home-carousel .carousel-dots,
:root[data-theme="dark"] .home-carousel .carousel-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
}

html[data-theme] .footer .footer-subscribe-form input {
    background: rgba(6, 57, 112, .55) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html[data-theme] .footer .footer-subscribe-form input::placeholder {
    color: rgba(255, 255, 255, .55) !important;
}

html[data-theme] .footer .footer-subscribe-form input:focus {
    background: rgba(6, 57, 112, .72) !important;
    border-color: rgba(108, 204, 235, .42) !important;
    box-shadow: 0 0 0 3px rgba(39, 168, 216, .18) !important;
}

html[data-theme="dark"] .footer .footer-subscribe-form input {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .footer .footer-subscribe-form input:focus {
    background: rgba(255, 255, 255, .09) !important;
}

:root {
    --font-sans: "Plus Jakarta Sans", "Noto Sans Ethiopic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --site-header-height: clamp(88px, 9vw, 112px);
}

@media (max-width: 767px) {
    :root {
        --site-header-height: 78px;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.eyebrow,
.section-head,
.site-header,
.footer {
    font-family: var(--font-sans) !important;
}

blockquote,
.site-header .brand strong {
    font-family: var(--font-serif) !important;
}

html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, backdrop-filter 300ms ease, -webkit-backdrop-filter 300ms ease !important;
}

html[data-theme] .site-header *,
html[data-theme] .site-header .brand strong,
html[data-theme] .site-header .brand .brand-tagline,
html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button,
html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode a,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a,
html[data-theme] .site-header .site-search input,
html[data-theme] .site-header .site-search button {
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, opacity 300ms ease, transform 300ms ease !important;
}

html[data-theme] .site-header .brand strong,
html[data-theme] .site-header .brand .brand-tagline,
html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button,
html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode a,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a {
    color: #ffffff !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    opacity: .88 !important;
}

html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a {
    border-color: rgba(255, 255, 255, .32) !important;
    background: rgba(255, 255, 255, .08) !important;
}

html[data-theme] .site-header .site-search {
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    box-shadow: none !important;
}

html[data-theme] .site-header .site-search input::placeholder {
    color: rgba(255, 255, 255, .74) !important;
}

html[data-theme] .site-header.is-scrolled,
html[data-theme] .site-header.is-menu-open {
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid rgba(18, 58, 82, .12) !important;
    box-shadow: 0 10px 30px rgba(18, 58, 82, .10) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
}

html[data-theme] .site-header.is-scrolled .brand strong,
html[data-theme] .site-header.is-scrolled .brand .brand-tagline,
html[data-theme] .site-header.is-scrolled .nav a,
html[data-theme] .site-header.is-scrolled .nav button,
html[data-theme] .site-header.is-scrolled .mobile-toggle,
html[data-theme] .site-header.is-scrolled .language-mode a,
html[data-theme] .site-header.is-scrolled .theme-toggle,
html[data-theme] .site-header.is-scrolled .topbar-social-links a,
html[data-theme] .site-header.is-menu-open .brand strong,
html[data-theme] .site-header.is-menu-open .brand .brand-tagline,
html[data-theme] .site-header.is-menu-open .nav a,
html[data-theme] .site-header.is-menu-open .nav button,
html[data-theme] .site-header.is-menu-open .mobile-toggle,
html[data-theme] .site-header.is-menu-open .language-mode a,
html[data-theme] .site-header.is-menu-open .theme-toggle,
html[data-theme] .site-header.is-menu-open .topbar-social-links a {
    color: #123A52 !important;
}

html[data-theme] .site-header.is-scrolled .mobile-toggle,
html[data-theme] .site-header.is-scrolled .language-mode,
html[data-theme] .site-header.is-scrolled .theme-toggle,
html[data-theme] .site-header.is-scrolled .topbar-social-links a,
html[data-theme] .site-header.is-menu-open .mobile-toggle,
html[data-theme] .site-header.is-menu-open .language-mode,
html[data-theme] .site-header.is-menu-open .theme-toggle,
html[data-theme] .site-header.is-menu-open .topbar-social-links a {
    background: rgba(39, 168, 216, .08) !important;
    border-color: rgba(39, 168, 216, .18) !important;
}

html[data-theme] .site-header.is-scrolled .site-search,
html[data-theme] .site-header.is-menu-open .site-search {
    background: rgba(255, 255, 255, .94) !important;
    border-color: rgba(20, 127, 168, .22) !important;
    box-shadow: 0 8px 24px rgba(18, 58, 82, .10) !important;
}

html[data-theme] .site-header.is-scrolled .site-search input,
html[data-theme] .site-header.is-menu-open .site-search input {
    color: #123A52 !important;
}

html[data-theme] .site-header.is-scrolled .site-search input::placeholder,
html[data-theme] .site-header.is-menu-open .site-search input::placeholder {
    color: rgba(18, 58, 82, .58) !important;
}

html[data-theme] .site-header.is-scrolled .site-search button,
html[data-theme] .site-header.is-menu-open .site-search button {
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    color: #ffffff !important;
}

html[data-theme] .site-header.is-scrolled .site-search button:hover,
html[data-theme] .site-header.is-menu-open .site-search button:hover {
    background: linear-gradient(135deg, #147FA8, #063970) !important;
}

html[data-theme] main > section:first-child,
html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.impact-hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.news-detail-hero:first-child,
html[data-theme] main > section.researcher-profile-hero:first-child {
    margin-top: calc(var(--site-header-height) * -1) !important;
    padding-top: var(--site-header-height) !important;
}

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease-out, transform .7s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

:where(.btn, .login-btn, .footer-subscribe-form button, .hero-actions a, .form button:not(.theme-toggle)) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 48px;
    padding: 14px 24px;
    border-radius: 14px;
    border: 0;
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    color: #ffffff !important;
    font-family: var(--font-sans) !important;
    font-weight: 700;
    box-shadow: 0 18px 30px -20px rgba(18, 58, 82, .55);
}

:where(.btn, .login-btn, .footer-subscribe-form button, .hero-actions a, .form button:not(.theme-toggle)):hover {
    background: linear-gradient(135deg, #147FA8, #063970) !important;
    transform: translateY(-1px);
}

:where(.btn.secondary, .hero-actions a.secondary, .btn.ghost) {
    background: rgba(255, 255, 255, .10) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    backdrop-filter: blur(10px);
    box-shadow: none;
}

.blog-link,
.service-read-more,
.blog-card a,
.news-card a,
.publication-card a,
.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 700;
    color: #27A8D8 !important;
    text-decoration: none;
    transition: gap .22s ease, color .22s ease, transform .22s ease;
}

.blog-link::after,
.service-read-more::after,
.link-arrow::after {
    content: "→";
    line-height: 1;
}

.blog-link:hover,
.service-read-more:hover,
.link-arrow:hover {
    gap: .85rem;
    color: #147FA8 !important;
}

:where(.card, .carousel-card, .news-card, .blog-card, .publication-card, .partner-card, .event-card, .researcher-card, .service-item, .thematic-card, .impact-stat, .stat) {
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(39, 168, 216, .12);
    box-shadow: 0 10px 34px rgba(18, 58, 82, .08);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

:where(.card, .carousel-card, .news-card, .blog-card, .publication-card, .partner-card, .event-card, .researcher-card, .service-item, .thematic-card, .impact-stat, .stat):hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 44px rgba(18, 58, 82, .12);
}

:where(.card, .carousel-card, .news-card, .blog-card, .publication-card, .partner-card, .event-card, .researcher-card, .service-item, .thematic-card) {
    overflow: hidden;
}

:where(.news-card, .blog-card, .publication-card, .researcher-card, .carousel-card) > img:first-child,
:where(.news-card, .blog-card, .publication-card, .researcher-card) .news-img {
    width: 100%;
    height: 208px;
    object-fit: cover;
}

:where(.news-card, .blog-card, .publication-card, .researcher-card) .pill {
    background: rgba(18, 58, 82, .8);
    color: #ffffff;
}

.hero .stat,
.impact-hero .impact-stat {
    background: rgba(255, 255, 255, .10) !important;
    backdrop-filter: blur(12px) saturate(160%) !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 30px -22px rgba(0, 0, 0, .55) !important;
}

.hero .stat strong,
.impact-hero .impact-stat strong,
.hero .stat p,
.impact-hero .impact-stat p {
    color: #ffffff !important;
}

.eyebrow,
.section-head .eyebrow {
    color: #147FA8 !important;
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.section-head h1,
.section-head h2,
.page-hero h1,
.hero h1,
.impact-hero h1 {
    color: #123A52;
    font-family: var(--font-sans);
    font-size: clamp(1.875rem, 2.2vw, 2.75rem);
    font-weight: 800;
    line-height: 1.12;
}

.section-head p,
.page-hero p,
.section-head .muted,
.muted {
    color: rgba(18, 58, 82, .66);
}

.footer {
    background: #123A52 !important;
    color: #ffffff !important;
    padding: 4rem 0 0 !important;
}

.footer-grid {
    gap: 2rem;
}

.footer h4 {
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: .9rem;
}

.footer p,
.footer li,
.footer a {
    color: rgba(255, 255, 255, .72) !important;
}

.footer a:hover {
    color: #6CCCEB !important;
}

.footer ul li a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.footer ul li a::before {
    content: "›";
    color: #6CCCEB;
    font-size: 1rem;
    line-height: 1;
}

.footer .social-links a {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .10);
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer .social-links a:hover {
    background: #27A8D8;
}

.footer .footer-subscription {
    margin-top: 1.5rem;
}

.footer .footer-subscribe-form {
    display: grid;
    gap: .75rem;
}

.footer .footer-subscribe-form label {
    display: grid;
    gap: .35rem;
}

.footer .footer-subscribe-form input {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

.footer .footer-subscribe-form input::placeholder {
    color: rgba(255, 255, 255, .55);
}

.footer .copyright {
    margin-top: 3rem;
    padding: 1.5rem 0 2rem;
    border-top: 1px solid rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .44);
}

.back-to-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 50;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 9999px;
    background: linear-gradient(135deg, #27A8D8, #147FA8);
    color: #ffffff;
    box-shadow: 0 20px 30px -18px rgba(18, 58, 82, .60);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease, background-color .25s ease;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: linear-gradient(135deg, #147FA8, #063970);
}

:root {
    --site-header-height: clamp(88px, 9vw, 112px);
}

@media (max-width: 767px) {
    :root {
        --site-header-height: 78px;
    }
}

html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
        background-color 300ms ease,
        color 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease,
        backdrop-filter 300ms ease,
        -webkit-backdrop-filter 300ms ease !important;
}

html[data-theme] .site-header .brand strong,
html[data-theme] .site-header .brand .brand-tagline,
html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button,
html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode a,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a,
html[data-theme] .site-header .site-search input,
html[data-theme] .site-header .site-search button {
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, opacity 300ms ease !important;
}

html[data-theme] .site-header .brand strong,
html[data-theme] .site-header .brand .brand-tagline,
html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button,
html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode a,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a {
    color: #ffffff !important;
}

html[data-theme] .site-header .mobile-toggle,
html[data-theme] .site-header .language-mode,
html[data-theme] .site-header .theme-toggle,
html[data-theme] .site-header .topbar-social-links a {
    border-color: rgba(255, 255, 255, 0.34) !important;
}

html[data-theme] .site-header .site-search {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
}

html[data-theme] .site-header .site-search input::placeholder {
    color: rgba(255, 255, 255, 0.72) !important;
}

html[data-theme] .site-header .site-search button {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

html[data-theme] .site-header.is-scrolled,
html[data-theme] .site-header.is-menu-open {
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom: 1px solid rgba(20, 127, 168, 0.14) !important;
    box-shadow: 0 10px 30px rgba(18, 58, 82, 0.10) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
}

html[data-theme="dark"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-menu-open {
    background: rgba(6, 57, 112, 0.97) !important;
    border-bottom-color: rgba(234, 248, 252, 0.10) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme] .site-header.is-scrolled .brand strong,
html[data-theme] .site-header.is-scrolled .brand .brand-tagline,
html[data-theme] .site-header.is-scrolled .nav a,
html[data-theme] .site-header.is-scrolled .nav button,
html[data-theme] .site-header.is-scrolled .mobile-toggle,
html[data-theme] .site-header.is-scrolled .language-mode a,
html[data-theme] .site-header.is-scrolled .theme-toggle,
html[data-theme] .site-header.is-scrolled .topbar-social-links a,
html[data-theme] .site-header.is-menu-open .brand strong,
html[data-theme] .site-header.is-menu-open .brand .brand-tagline,
html[data-theme] .site-header.is-menu-open .nav a,
html[data-theme] .site-header.is-menu-open .nav button,
html[data-theme] .site-header.is-menu-open .mobile-toggle,
html[data-theme] .site-header.is-menu-open .language-mode a,
html[data-theme] .site-header.is-menu-open .theme-toggle,
html[data-theme] .site-header.is-menu-open .topbar-social-links a {
    color: var(--navy) !important;
}

html[data-theme="dark"] .site-header.is-scrolled .brand strong,
html[data-theme="dark"] .site-header.is-scrolled .brand .brand-tagline,
html[data-theme="dark"] .site-header.is-scrolled .nav a,
html[data-theme="dark"] .site-header.is-scrolled .nav button,
html[data-theme="dark"] .site-header.is-scrolled .mobile-toggle,
html[data-theme="dark"] .site-header.is-scrolled .language-mode a,
html[data-theme="dark"] .site-header.is-scrolled .theme-toggle,
html[data-theme="dark"] .site-header.is-scrolled .topbar-social-links a,
html[data-theme="dark"] .site-header.is-menu-open .brand strong,
html[data-theme="dark"] .site-header.is-menu-open .brand .brand-tagline,
html[data-theme="dark"] .site-header.is-menu-open .nav a,
html[data-theme="dark"] .site-header.is-menu-open .nav button,
html[data-theme="dark"] .site-header.is-menu-open .mobile-toggle,
html[data-theme="dark"] .site-header.is-menu-open .language-mode a,
html[data-theme="dark"] .site-header.is-menu-open .theme-toggle,
html[data-theme="dark"] .site-header.is-menu-open .topbar-social-links a {
    color: #ffffff !important;
}

html[data-theme] .site-header.is-scrolled .site-search,
html[data-theme] .site-header.is-menu-open .site-search {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(20, 127, 168, 0.22) !important;
    box-shadow: 0 8px 24px rgba(18, 58, 82, 0.10) !important;
}

html[data-theme="dark"] .site-header.is-scrolled .site-search,
html[data-theme="dark"] .site-header.is-menu-open .site-search {
    background: rgba(6, 57, 112, 0.70) !important;
    border-color: rgba(108, 204, 235, 0.32) !important;
}

html[data-theme] .site-header.is-scrolled .site-search input,
html[data-theme] .site-header.is-menu-open .site-search input {
    color: var(--navy) !important;
}

html[data-theme="dark"] .site-header.is-scrolled .site-search input,
html[data-theme="dark"] .site-header.is-menu-open .site-search input {
    color: #ffffff !important;
}

html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.impact-hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.news-detail-hero:first-child,
html[data-theme] main > section.researcher-profile-hero:first-child {
    margin-top: calc(var(--site-header-height) * -1) !important;
    padding-top: var(--site-header-height) !important;
}

html[data-theme] .site-header {
    transition: background-color 220ms ease, box-shadow 220ms ease, border-color 220ms ease, backdrop-filter 220ms ease, -webkit-backdrop-filter 220ms ease !important;
}

html[data-theme] .site-header.is-scrolled {
    background: rgba(248, 241, 234, 0.95) !important;
    border-bottom: 1px solid rgba(111, 71, 39, 0.12) !important;
    box-shadow: 0 10px 26px rgba(18, 58, 82, 0.10) !important;
}

html[data-theme="dark"] .site-header.is-scrolled {
    background: rgba(6, 57, 112, 0.96) !important;
    border-bottom-color: rgba(234, 248, 252, 0.10) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme] .site-header.is-scrolled .nav,
html[data-theme] .site-header.is-scrolled .topbar-actions,
html[data-theme] .site-header.is-scrolled .header-utility-actions,
html[data-theme] .site-header.is-scrolled .header-action-cluster {
    background: transparent !important;
}

html[data-theme] .site-header,
html[data-theme] .site-header *,
html[data-theme] .site-header .brand strong,
html[data-theme] .site-header .brand .brand-tagline,
html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button,
html[data-theme] .site-header .site-search input,
html[data-theme] .site-header .site-search button,
html[data-theme] .site-header .language-mode a,
html[data-theme] .site-header .theme-toggle {
    font-family: var(--font-sans) !important;
}

html[data-theme] .site-header .brand strong {
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    font-weight: 600 !important;
}

html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    background: rgba(248, 241, 234, 0.82) !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    border-bottom: 1px solid rgba(111, 71, 39, 0.12) !important;
    box-shadow: 0 10px 30px rgba(18, 58, 82, 0.08) !important;
}

html[data-theme] .site-header::before {
    opacity: 0.14 !important;
}

html[data-theme] .site-header .header-row {
    min-height: 92px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

html[data-theme] .site-header .nav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html[data-theme] .site-header .nav > ul > li > a {
    background: transparent !important;
}

html[data-theme] .site-header .topbar-actions,
html[data-theme] .site-header .header-utility-actions,
html[data-theme] .site-header .header-action-cluster {
    background: transparent !important;
}

html[data-theme="dark"] .site-header {
    background: rgba(11, 37, 51, 0.74) !important;
    border-bottom-color: rgba(247, 250, 252, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .site-header::before {
    opacity: 0.18 !important;
}

html[data-theme="dark"] .site-header .nav,
html[data-theme="dark"] .site-header .nav > ul > li > a,
html[data-theme="dark"] .site-header .topbar-actions,
html[data-theme="dark"] .site-header .header-utility-actions,
html[data-theme="dark"] .site-header .header-action-cluster {
    background: transparent !important;
}

/* Absolute final header treatment: sticky and transparent */
html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}

html[data-theme] .site-header::before {
    opacity: .18 !important;
}

html[data-theme] .site-header .nav {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html[data-theme] .site-header .header-row {
    min-height: 0 !important;
    padding: 12px 0 0 !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    background: transparent !important;
}

html[data-theme="light"] .site-header .nav a,
html[data-theme="light"] .site-header .nav button,
html[data-theme="light"] .site-header .brand strong,
html[data-theme="light"] .site-header .brand .brand-tagline {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35) !important;
}

html[data-theme="dark"] .site-header {
    background: rgba(6, 23, 37, .28) !important;
}

html[data-theme="dark"] .site-header .nav,
html[data-theme="dark"] .site-header .header-row {
    background: transparent !important;
}

/* Absolute final header compaction: right-align everything in the utility row */
html[data-theme] .site-header .header-row {
    grid-template-columns: minmax(320px, auto) minmax(0, 1fr) !important;
    grid-template-areas:
        "brand utility"
        "nav nav" !important;
    gap: 12px 18px !important;
}

html[data-theme] .header-utility-actions {
    display: grid !important;
    grid-template-columns: minmax(360px, 520px) auto !important;
    align-items: center !important;
    justify-content: end !important;
    justify-items: end !important;
    gap: 16px !important;
}

html[data-theme] .header-utility-actions .site-search {
    width: min(100%, 520px) !important;
    justify-self: end !important;
}

html[data-theme] .header-action-cluster {
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html[data-theme] .header-action-cluster .language-mode {
    min-width: 118px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 4px !important;
}

html[data-theme] .header-action-cluster .language-mode a {
    min-width: 46px !important;
    height: 40px !important;
    line-height: 40px !important;
}

html[data-theme] .header-action-cluster .theme-toggle {
    width: 118px !important;
    min-width: 118px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 4px 9px !important;
}

html[data-theme] .header-action-cluster .theme-toggle::after {
    width: 48px !important;
    height: 40px !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border: 0 !important;
    gap: 8px !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a {
    width: 40px !important;
    height: 40px !important;
}

@media (max-width: 1200px) {
    html[data-theme] .header-utility-actions {
        grid-template-columns: minmax(280px, 1fr) auto !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        width: 100% !important;
        justify-self: stretch !important;
    }

    html[data-theme] .header-action-cluster {
        justify-self: end !important;
    }
}

html[data-theme] .site-header .brand img {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    padding: 4px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: rgba(255, 251, 246, .76) !important;
    border: 1px solid rgba(39, 168, 216, .18) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(74, 48, 28, .10) !important;
}

:root[data-theme="dark"] .site-header .brand img {
    background: rgba(11, 37, 51, .72) !important;
    border-color: rgba(108, 204, 235, .16) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .28) !important;
}

/* EOF header placement: centered search and larger right-side controls */
html[data-theme] .site-header .header-row {
    grid-template-columns: minmax(300px, auto) minmax(420px, 1fr) minmax(360px, auto) !important;
    grid-template-areas:
        "brand utility utility"
        "nav nav nav" !important;
}

html[data-theme] .header-utility-actions {
    display: grid !important;
    grid-template-columns: minmax(420px, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    gap: clamp(24px, 4vw, 58px) !important;
}

html[data-theme] .header-utility-actions .site-search {
    justify-self: center !important;
    width: min(100%, 620px) !important;
    max-width: 620px !important;
}

html[data-theme] .header-action-cluster {
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 14px !important;
}

html[data-theme] .header-action-cluster .language-mode {
    min-width: 128px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 5px !important;
    border-radius: 999px !important;
}

html[data-theme] .header-action-cluster .language-mode a {
    min-width: 52px !important;
    height: 44px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    line-height: 44px !important;
}

html[data-theme] .header-action-cluster .theme-toggle {
    width: 132px !important;
    min-width: 132px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 5px 10px !important;
}

html[data-theme] .header-action-cluster .theme-toggle::before {
    font-size: 20px !important;
}

html[data-theme] .header-action-cluster .theme-toggle::after {
    width: 56px !important;
    height: 44px !important;
    font-size: 18px !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    gap: 10px !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a {
    width: 44px !important;
    height: 44px !important;
}

@media (max-width: 1200px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: minmax(260px, auto) minmax(0, 1fr) !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: minmax(300px, 1fr) auto !important;
        gap: 20px !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        width: min(100%, 480px) !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        width: 100% !important;
        max-width: none !important;
    }

    html[data-theme] .header-action-cluster {
        justify-self: end !important;
    }
}

/* EOF header fix: remove dividers and use simple white search pill */
html[data-theme] .site-header .brand,
html[data-theme] .site-header .brand *,
html[data-theme] .header-utility-actions,
html[data-theme] .header-utility-actions *,
html[data-theme] .header-action-cluster,
html[data-theme] .header-action-cluster * {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

html[data-theme] .site-header .brand::before,
html[data-theme] .site-header .brand::after,
html[data-theme] .site-header .brand > span::before,
html[data-theme] .site-header .brand > span::after,
html[data-theme] .site-header .brand > span > span::before,
html[data-theme] .site-header .brand > span > span::after,
html[data-theme] .site-header .brand .brand-tagline::before,
html[data-theme] .site-header .brand strong::before,
html[data-theme] .site-header .brand strong::after,
html[data-theme] .header-utility-actions::before,
html[data-theme] .header-utility-actions::after,
html[data-theme] .header-action-cluster::before,
html[data-theme] .header-action-cluster::after,
html[data-theme] .header-action-cluster .topbar-social-links::before,
html[data-theme] .header-action-cluster .topbar-social-links::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html[data-theme] .site-header .brand,
html[data-theme] .header-action-cluster .topbar-social-links {
    border: 0 !important;
    padding-left: 0 !important;
}

html[data-theme] .site-header .brand .brand-tagline::after {
    content: "" !important;
    display: block !important;
    width: 62px !important;
    height: 3px !important;
    margin-top: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #2aaae5 !important;
}

html[data-theme] .header-utility-actions .site-search {
    position: relative !important;
    width: min(100%, 520px) !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(74, 48, 28, .16), 0 1px 2px rgba(11, 37, 51, .08) !important;
    overflow: hidden !important;
}

html[data-theme] .header-utility-actions .site-search::before,
html[data-theme] .header-utility-actions .site-search::after {
    content: none !important;
    display: none !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 48px !important;
    color: #5f6368 !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}

html[data-theme] .header-utility-actions .site-search label {
    min-width: 0 !important;
    width: 100% !important;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #202124 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: #6f7277 !important;
    opacity: 1 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f3135 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    box-shadow: 0 8px 24px rgba(74, 48, 28, .18), 0 0 0 3px rgba(42, 170, 229, .16) !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search {
    background: #ffffff !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search input {
    color: #202124 !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search .search-leading-icon,
:root[data-theme="dark"] .header-utility-actions .site-search button {
    color: #3c4043 !important;
}

/* Final header divider + Google-style search correction */
html[data-theme] .site-header .brand,
html[data-theme] .site-header .brand *,
html[data-theme] .header-utility-actions,
html[data-theme] .header-utility-actions *,
html[data-theme] .header-action-cluster,
html[data-theme] .header-action-cluster * {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

html[data-theme] .site-header .brand::before,
html[data-theme] .site-header .brand::after,
html[data-theme] .site-header .brand > span::before,
html[data-theme] .site-header .brand > span::after,
html[data-theme] .site-header .brand > span > span::before,
html[data-theme] .site-header .brand > span > span::after,
html[data-theme] .site-header .brand .brand-tagline::before,
html[data-theme] .site-header .brand strong::before,
html[data-theme] .site-header .brand strong::after,
html[data-theme] .header-utility-actions::before,
html[data-theme] .header-utility-actions::after,
html[data-theme] .header-action-cluster::before,
html[data-theme] .header-action-cluster::after,
html[data-theme] .header-action-cluster .topbar-social-links::before,
html[data-theme] .header-action-cluster .topbar-social-links::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html[data-theme] .site-header .brand {
    border: 0 !important;
}

html[data-theme] .site-header .brand .brand-tagline::after {
    content: "" !important;
    display: block !important;
    width: 62px !important;
    height: 3px !important;
    margin-top: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #2aaae5 !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    border: 0 !important;
    padding-left: 0 !important;
}

html[data-theme] .header-utility-actions .site-search {
    position: relative !important;
    width: min(100%, 520px) !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(74, 48, 28, .16), 0 1px 2px rgba(11, 37, 51, .08) !important;
    overflow: hidden !important;
}

html[data-theme] .header-utility-actions .site-search::before,
html[data-theme] .header-utility-actions .site-search::after {
    content: none !important;
    display: none !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 48px !important;
    color: #5f6368 !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}

html[data-theme] .header-utility-actions .site-search label {
    min-width: 0 !important;
    width: 100% !important;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #202124 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: #6f7277 !important;
    opacity: 1 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f3135 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    box-shadow: 0 8px 24px rgba(74, 48, 28, .18), 0 0 0 3px rgba(42, 170, 229, .16) !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search {
    background: #ffffff !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search input {
    color: #202124 !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search .search-leading-icon,
:root[data-theme="dark"] .header-utility-actions .site-search button {
    color: #3c4043 !important;
}

/* Final header divider removal */
html[data-theme] .site-header .brand::before,
html[data-theme] .site-header .brand::after,
html[data-theme] .site-header .brand > span::before,
html[data-theme] .site-header .brand > span::after,
html[data-theme] .site-header .brand strong::before,
html[data-theme] .site-header .brand strong::after,
html[data-theme] .site-header .header-row::before,
html[data-theme] .site-header .header-row::after,
html[data-theme] .header-utility-actions::before,
html[data-theme] .header-utility-actions::after,
html[data-theme] .header-action-cluster::before,
html[data-theme] .header-action-cluster::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

html[data-theme] .site-header .brand,
html[data-theme] .site-header .brand > span,
html[data-theme] .header-utility-actions,
html[data-theme] .header-action-cluster,
html[data-theme] .header-action-cluster .topbar-social-links {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Final compact professional header cleanup */
html[data-theme] .site-header {
    background:
        radial-gradient(circle at 92% 12%, rgba(42, 170, 229, .1), transparent 24%),
        linear-gradient(135deg, #f6f8fb 0%, #f6f8fb 58%, #f6f8fb 100%) !important;
    border-bottom: 1px solid rgba(228, 208, 185, .9) !important;
    box-shadow: 0 10px 28px -30px rgba(6, 57, 112, .34) !important;
}

html[data-theme] .site-header .header-row {
    width: min(100% - 32px, 1440px) !important;
    display: grid !important;
    grid-template-columns: minmax(330px, auto) minmax(0, 1fr) !important;
    grid-template-areas:
        "brand utility"
        "nav nav" !important;
    align-items: center !important;
    gap: 14px 28px !important;
    min-height: 0 !important;
    padding: 14px 0 0 !important;
}

html[data-theme] .site-header .brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
    border: 0 !important;
}

html[data-theme] .site-header .brand img {
    width: 68px !important;
    height: 68px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}

html[data-theme] .site-header .brand strong {
    color: #063970 !important;
    font-size: clamp(20px, 1.65vw, 28px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    margin-top: 8px !important;
    color: #6F4727 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
}

html[data-theme] .site-header .brand .brand-tagline::after {
    width: 62px !important;
    height: 3px !important;
    margin-top: 9px !important;
    background: #2aaae5 !important;
}

html[data-theme] .header-utility-actions {
    grid-area: utility !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 390px) auto !important;
    grid-template-areas:
        "actions actions"
        "search search" !important;
    justify-content: end !important;
    justify-items: end !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
}

html[data-theme] .header-action-cluster {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

html[data-theme] .header-action-cluster .language-mode,
html[data-theme] .header-action-cluster .theme-toggle,
html[data-theme] .header-action-cluster .topbar-social-links,
html[data-theme] .header-action-cluster .topbar-social-links a {
    margin: 0 !important;
    border-left: 0 !important;
}

html[data-theme] .header-action-cluster .language-mode,
html[data-theme] .header-action-cluster .theme-toggle {
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid rgba(42, 170, 229, .42) !important;
    background: rgba(255, 255, 255, .56) !important;
    color: #063970 !important;
    box-shadow: 0 10px 24px -22px rgba(6, 57, 112, .42) !important;
}

html[data-theme] .header-action-cluster .language-mode {
    min-width: 104px !important;
    padding: 4px !important;
    gap: 4px !important;
}

html[data-theme] .header-action-cluster .language-mode a {
    min-width: 44px !important;
    height: 34px !important;
    padding: 0 10px !important;
    color: #063970 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    border-radius: 999px !important;
}

html[data-theme] .header-action-cluster .language-mode a.active {
    background: #2aaae5 !important;
    color: #ffffff !important;
}

html[data-theme] .header-action-cluster .theme-toggle {
    width: 104px !important;
    min-width: 104px !important;
    padding: 4px 8px !important;
}

html[data-theme] .header-action-cluster .theme-toggle::before {
    color: #063970 !important;
}

html[data-theme] .header-action-cluster .theme-toggle::after {
    background: #2aaae5 !important;
    color: #ffffff !important;
}

/* Final header nav cleanup: remove boxed menu look */
html[data-theme] .site-header .nav,
html[data-theme] .site-header .nav-item,
html[data-theme] .site-header .nav-item > a,
html[data-theme] .site-header .nav-item > button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme] .site-header .nav {
    gap: 8px 18px !important;
}

html[data-theme] .site-header .nav-item {
    padding: 0 !important;
}

html[data-theme] .site-header .nav-item > a,
html[data-theme] .site-header .nav-item > button {
    border-radius: 0 !important;
    padding: 10px 6px !important;
}

html[data-theme] .site-header .nav a::after,
html[data-theme] .site-header .nav button::after,
html[data-theme] .site-header .nav .active::after {
    display: none !important;
    content: none !important;
}

html[data-theme] .site-header .nav a:hover,
html[data-theme] .site-header .nav .active,
html[data-theme] .site-header .nav button:hover {
    background: transparent !important;
    color: #27A8D8 !important;
}

html[data-theme] .site-header .dropdown {
    border: 1px solid rgba(111, 71, 39, .12) !important;
    box-shadow: 0 16px 34px -30px rgba(6, 57, 112, .18) !important;
}

html[data-theme] .site-header.is-scrolled .nav,
html[data-theme] .site-header.is-menu-open .nav,
:root[data-theme="dark"] .site-header .nav {
    background: transparent !important;
}

/* Absolute final header nav flattening */
html[data-theme] .site-header .nav,
html[data-theme] .site-header .nav-item,
html[data-theme] .site-header .nav-item > a,
html[data-theme] .site-header .nav-item > button,
html[data-theme] .site-header .dropdown {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme] .site-header .nav {
    gap: 4px 16px !important;
}

html[data-theme] .site-header .nav-item {
    padding: 0 !important;
    margin: 0 !important;
}

html[data-theme] .site-header .nav-item > a,
html[data-theme] .site-header .nav-item > button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 4px !important;
    min-height: 0 !important;
    color: #063970 !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

html[data-theme] .site-header .nav-item > a:hover,
html[data-theme] .site-header .nav-item > a:focus-visible,
html[data-theme] .site-header .nav-item > button:hover,
html[data-theme] .site-header .nav-item > button:focus-visible,
html[data-theme] .site-header .nav .active {
    background: transparent !important;
    color: #27A8D8 !important;
}

html[data-theme] .site-header .nav a::after,
html[data-theme] .site-header .nav button::after,
html[data-theme] .site-header .nav .active::after {
    display: none !important;
    content: none !important;
}

html[data-theme] .site-header .dropdown {
    margin-top: 8px !important;
}

html[data-theme] .site-header.is-scrolled .nav a,
html[data-theme] .site-header.is-scrolled .nav button,
html[data-theme] .site-header.is-menu-open .nav a,
html[data-theme] .site-header.is-menu-open .nav button,
:root[data-theme="dark"] .site-header .nav a,
:root[data-theme="dark"] .site-header .nav button {
    background: transparent !important;
}

html[data-theme] .site-header .nav a:hover,
html[data-theme] .site-header .nav button:hover,
html[data-theme] .site-header .nav .active,
html[data-theme] .site-header .nav a:focus-visible,
html[data-theme] .site-header .nav button:focus-visible,
:root[data-theme="dark"] .site-header .nav a:hover,
:root[data-theme="dark"] .site-header .nav button:hover,
:root[data-theme="dark"] .site-header .nav .active,
:root[data-theme="dark"] .site-header .nav a:focus-visible,
:root[data-theme="dark"] .site-header .nav button:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html[data-theme] .site-header .nav-item > a,
html[data-theme] .site-header .nav-item > button {
    border-bottom: 2px solid transparent !important;
}

html[data-theme] .site-header .nav-item > a:hover,
html[data-theme] .site-header .nav-item > button:hover,
html[data-theme] .site-header .nav .active {
    border-bottom-color: #27A8D8 !important;
}

/* Back-to-top button: match the small glass control style */
html[data-theme] .back-to-top {
    display: inline-grid !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    background: rgba(6, 57, 112, .34) !important;
    color: #FFFFFF !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .18) inset,
        0 18px 38px -26px rgba(6, 57, 112, .72) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    overflow: hidden !important;
    transition:
        transform .22s ease,
        opacity .22s ease,
        background-color .22s ease,
        border-color .22s ease !important;
}

html[data-theme] .back-to-top::before {
    content: none !important;
    display: none !important;
}

html[data-theme] .back-to-top svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-theme] .back-to-top:hover,
html[data-theme] .back-to-top:focus-visible {
    background: rgba(6, 57, 112, .58) !important;
    border-color: rgba(255, 255, 255, .64) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

:root[data-theme="dark"] .back-to-top {
    background: rgba(248, 241, 234, .14) !important;
    border-color: rgba(234, 248, 252, .3) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .12) inset,
        0 20px 44px -28px rgba(0, 0, 0, .84) !important;
}

:root[data-theme="dark"] .back-to-top:hover,
:root[data-theme="dark"] .back-to-top:focus-visible {
    background: rgba(248, 241, 234, .2) !important;
    border-color: rgba(234, 248, 252, .44) !important;
}

/* Glassier header and hero top-edge alignment */
html[data-theme] {
    --psi-header-offset: 186px;
}

@media (max-width: 720px) {
    html[data-theme] {
        --psi-header-offset: 148px;
    }
}

html[data-theme] .site-header {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .52), rgba(248, 241, 234, .34) 48%, rgba(255, 255, 255, .48)),
        radial-gradient(circle at 12% 0%, rgba(39, 168, 216, .12), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(149, 104, 61, .1), transparent 20%) !important;
    border-bottom: 1px solid rgba(111, 71, 39, .16) !important;
    box-shadow:
        0 18px 36px -34px rgba(6, 57, 112, .36),
        inset 0 1px 0 rgba(255, 255, 255, .58) !important;
    backdrop-filter: blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
}

:root[data-theme="dark"] .site-header {
    background:
        linear-gradient(135deg, rgba(11, 37, 51, .42), rgba(6, 22, 33, .22)),
        radial-gradient(circle at 12% 0%, rgba(39, 168, 216, .12), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(149, 104, 61, .08), transparent 20%) !important;
    border-bottom: 1px solid rgba(108, 204, 235, .14) !important;
    box-shadow:
        0 18px 36px -34px rgba(0, 0, 0, .55),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html[data-theme] .site-header::before,
:root[data-theme="dark"] .site-header::before {
    opacity: .14 !important;
}

html[data-theme] main > section.hero:first-child,
html[data-theme] main > section.page-hero:first-child,
html[data-theme] main > section.about-page-hero:first-child,
html[data-theme] main > section.image-page-hero:first-child,
html[data-theme] main > section.impact-hero:first-child {
    margin-top: calc(-1 * var(--psi-header-offset)) !important;
    padding-top: var(--psi-header-offset) !important;
}

html[data-theme] .hero-slide img,
html[data-theme] .image-page-hero > img,
html[data-theme] .impact-hero > img,
html[data-theme] .about-page-hero > img {
    object-position: top left !important;
}

html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-slide img {
    object-position: top left !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(42, 170, 229, .42) !important;
    background: rgba(255, 255, 255, .48) !important;
    color: #063970 !important;
    box-shadow: 0 10px 24px -22px rgba(6, 57, 112, .42) !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a:hover {
    background: #2aaae5 !important;
    border-color: #2aaae5 !important;
    color: #ffffff !important;
}

html[data-theme] .header-utility-actions .site-search {
    grid-area: search !important;
    width: min(100%, 360px) !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 12px !important;
    border: 1px solid rgba(42, 170, 229, .5) !important;
    background: rgba(255, 255, 255, .68) !important;
    box-shadow: 0 14px 30px -28px rgba(6, 57, 112, .48) !important;
    overflow: hidden !important;
}

html[data-theme] .header-utility-actions .site-search input {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px 0 16px !important;
    color: #17324c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: rgba(23, 50, 76, .72) !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 10px !important;
    background: #2aaae5 !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, .72) !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 19px !important;
    height: 19px !important;
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    border-color: #2aaae5 !important;
    box-shadow: 0 0 0 3px rgba(42, 170, 229, .14), 0 14px 30px -28px rgba(6, 57, 112, .48) !important;
}

html[data-theme] .site-header .nav {
    grid-area: nav !important;
    width: calc(100% + 32px) !important;
    margin: 0 0 0 -16px !important;
    min-height: 58px !important;
    padding: 0 16px !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    border-top: 1px solid rgba(228, 208, 185, .95) !important;
    border-bottom: 1px solid rgba(228, 208, 185, .95) !important;
    background: rgba(255, 250, 244, .9) !important;
    box-shadow: 0 8px 24px -28px rgba(6, 57, 112, .32) !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    min-height: 58px !important;
    padding: 0 16px !important;
    color: #102f46 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

html[data-theme] .site-header .nav a:hover,
html[data-theme] .site-header .nav .active {
    color: #063970 !important;
    background: rgba(42, 170, 229, .08) !important;
}

html[data-theme] .site-header .nav a::after {
    background: #2aaae5 !important;
}

:root[data-theme="dark"] .site-header {
    background:
        radial-gradient(circle at 88% 10%, rgba(42, 170, 229, .12), transparent 26%),
        linear-gradient(135deg, #061725 0%, #071c2b 52%, #071824 100%) !important;
    border-bottom-color: rgba(42, 170, 229, .22) !important;
}

:root[data-theme="dark"] .site-header .brand strong,
:root[data-theme="dark"] .site-header .nav a,
:root[data-theme="dark"] .site-header .nav button {
    color: #f5f8fa !important;
}

:root[data-theme="dark"] .site-header .brand .brand-tagline {
    color: #e49b57 !important;
}

:root[data-theme="dark"] .header-action-cluster .language-mode,
:root[data-theme="dark"] .header-action-cluster .theme-toggle,
:root[data-theme="dark"] .header-action-cluster .topbar-social-links a,
:root[data-theme="dark"] .header-utility-actions .site-search {
    background: rgba(10, 29, 41, .78) !important;
    border-color: rgba(42, 170, 229, .38) !important;
    color: #edf5f8 !important;
}

:root[data-theme="dark"] .header-action-cluster .language-mode a,
:root[data-theme="dark"] .header-action-cluster .theme-toggle::before,
:root[data-theme="dark"] .header-action-cluster .topbar-social-links a,
:root[data-theme="dark"] .header-utility-actions .site-search input {
    color: #edf5f8 !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search input::placeholder {
    color: rgba(237, 245, 248, .68) !important;
}

:root[data-theme="dark"] .site-header .nav {
    background: rgba(6, 22, 33, .96) !important;
    border-color: rgba(42, 170, 229, .2) !important;
}

@media (max-width: 1200px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: minmax(260px, auto) minmax(0, 1fr) !important;
    }

    html[data-theme] .header-action-cluster .topbar-social-links a:nth-last-child(-n + 2) {
        display: none !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand toggle"
            "utility utility"
            "nav nav" !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
    }

    html[data-theme] .header-action-cluster {
        justify-content: flex-end !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        width: 100% !important;
    }

    html[data-theme] .site-header .nav {
        display: none !important;
    }

    html[data-theme] .site-header .nav.open {
        display: flex !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
    }
}

@media (max-width: 720px) {
    html[data-theme] .site-header .brand img {
        width: 54px !important;
        height: 54px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 15px !important;
        white-space: normal !important;
    }

    html[data-theme] .header-action-cluster {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}

/* Final header guard: use the supplied PSI header style on existing markup */
html[data-theme] .site-header {
    --psi-header-primary: #2aaae5;
    --psi-header-brown: #8b603b;
    --psi-header-brown-dark: #7f5c3f;
    --psi-header-max-width: 1440px;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    overflow: visible !important;
    border-bottom: 0 !important;
}

html[data-theme="light"] .site-header {
    background:
        radial-gradient(circle at 78% 25%, rgba(42, 170, 229, .1), transparent 30%),
        radial-gradient(circle at 18% 80%, rgba(139, 96, 59, .07), transparent 27%),
        linear-gradient(135deg, #f6f8fb 0%, #f6f8fb 55%, #f6f8fb 100%) !important;
}

html[data-theme="dark"] .site-header {
    background:
        radial-gradient(circle at 72% 18%, rgba(42, 170, 229, .08), transparent 34%),
        linear-gradient(135deg, #061725 0%, #071c2b 50%, #071824 100%) !important;
}

html[data-theme] .site-header .header-row {
    width: min(100% - 32px, var(--psi-header-max-width)) !important;
    max-width: var(--psi-header-max-width) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 320px) minmax(340px, 1fr) auto !important;
    grid-template-areas:
        "brand utility utility"
        "nav nav nav" !important;
    align-items: center !important;
    gap: 24px 28px !important;
    min-height: 0 !important;
    padding: 18px 0 0 !important;
}

html[data-theme] .site-header .brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
    border-right: 0 !important;
}

html[data-theme] .site-header .brand img {
    width: 72px !important;
    height: 82px !important;
    object-fit: contain !important;
}

html[data-theme] .site-header .brand strong {
    font-size: 20px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    text-transform: uppercase !important;
}

html[data-theme="light"] .site-header .brand strong {
    color: #122943 !important;
}

html[data-theme="dark"] .site-header .brand strong {
    color: #ffffff !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    margin-top: 7px !important;
    color: var(--psi-header-brown-dark) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

html[data-theme] .site-header .brand .brand-tagline::after {
    content: "" !important;
    display: block !important;
    width: 50px !important;
    height: 2px !important;
    margin-top: 8px !important;
    border-radius: 100px !important;
    background: var(--psi-header-primary) !important;
}

html[data-theme="dark"] .site-header .brand .brand-tagline {
    color: #e49b57 !important;
}

html[data-theme] .header-utility-actions {
    grid-area: utility !important;
    display: grid !important;
    grid-template-columns: minmax(340px, 540px) auto !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 28px !important;
    width: 100% !important;
    margin: 0 !important;
}

html[data-theme] .header-action-cluster {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    white-space: nowrap !important;
}

html[data-theme] .header-utility-actions .site-search {
    width: 100% !important;
    max-width: 540px !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1px solid #d9c2a7 !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .72) !important;
    box-shadow: 0 2px 10px rgba(78, 51, 27, .04) !important;
}

html[data-theme] .header-utility-actions .site-search label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px 0 20px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #17283d !important;
    font-size: 14px !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 48px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #17324c !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.3 !important;
    stroke-linecap: round !important;
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    border-color: var(--psi-header-primary) !important;
    box-shadow: 0 0 0 3px rgba(42, 170, 229, .13) !important;
}

html[data-theme] .header-action-cluster .language-mode,
html[data-theme] .header-action-cluster .theme-toggle {
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid #d5bda1 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .68) !important;
    color: #183149 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

html[data-theme] .header-action-cluster .language-mode {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 88px !important;
    padding: 0 8px !important;
}

html[data-theme] .header-action-cluster .language-mode a {
    min-width: 34px !important;
    height: 30px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    color: #183149 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
}

html[data-theme] .header-action-cluster .language-mode a.active {
    background: var(--psi-header-primary) !important;
    color: #ffffff !important;
}

html[data-theme] .header-action-cluster .theme-toggle {
    position: relative !important;
    width: 108px !important;
    min-width: 108px !important;
    padding: 4px 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

html[data-theme] .header-action-cluster .theme-toggle .theme-icon {
    display: none !important;
}

html[data-theme] .header-action-cluster .theme-toggle::before {
    content: "\2600" !important;
    position: static !important;
    transform: none !important;
    color: currentColor !important;
    font-size: 15px !important;
}

html[data-theme] .header-action-cluster .theme-toggle::after {
    content: "\263E" !important;
    position: static !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: var(--psi-header-primary) !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 14px !important;
    border-left: 1px solid #d5bda1 !important;
    margin: 0 !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid #c8b293 !important;
    background: rgba(255, 255, 255, .28) !important;
    color: #17324c !important;
    box-shadow: none !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a:hover {
    color: #ffffff !important;
    background: var(--psi-header-primary) !important;
    border-color: var(--psi-header-primary) !important;
    transform: translateY(-2px) !important;
}

html[data-theme] .header-action-cluster .topbar-social-links a svg {
    width: 17px !important;
    height: 17px !important;
    fill: currentColor !important;
}

html[data-theme] .site-header .nav {
    grid-area: nav !important;
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    min-height: 58px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    border-top: 1px solid #e4d0b9 !important;
    border-bottom: 1px solid #e4d0b9 !important;
    background: rgba(255, 250, 244, .96) !important;
    box-shadow: 0 3px 12px rgba(89, 60, 34, .06) !important;
}

html[data-theme] .site-header .nav-item {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    position: relative !important;
    min-height: 58px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #152b45 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

html[data-theme] .site-header .nav a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -1px !important;
    width: 0 !important;
    height: 3px !important;
    border-radius: 3px 3px 0 0 !important;
    background: var(--psi-header-primary) !important;
    transform: translateX(-50%) !important;
    transition: width 160ms ease !important;
}

html[data-theme] .site-header .nav a:hover,
html[data-theme] .site-header .nav .active {
    color: var(--psi-header-primary) !important;
    background: rgba(42, 170, 229, .045) !important;
}

html[data-theme] .site-header .nav a:hover::after,
html[data-theme] .site-header .nav .active::after {
    width: calc(100% - 36px) !important;
}

html[data-theme] .site-header .dropdown {
    top: calc(100% + 8px) !important;
    min-width: 230px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e4d4c2 !important;
    box-shadow: 0 18px 45px rgba(72, 46, 24, .13) !important;
}

html[data-theme] .site-header .dropdown a {
    min-height: auto !important;
    padding: 11px 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
}

html[data-theme] .site-header .dropdown a::after {
    display: none !important;
}

html[data-theme] .site-header .dropdown a:hover {
    color: #087eb2 !important;
    background: #eef8fc !important;
}

html[data-theme="dark"] .header-utility-actions .site-search {
    background: rgba(4, 18, 28, .7) !important;
    border-color: #36505f !important;
}

html[data-theme="dark"] .header-utility-actions .site-search input,
html[data-theme="dark"] .header-utility-actions .site-search button {
    color: #f5f8fa !important;
}

html[data-theme="dark"] .header-action-cluster .language-mode,
html[data-theme="dark"] .header-action-cluster .theme-toggle {
    color: #edf5f8 !important;
    background: rgba(10, 29, 41, .78) !important;
    border-color: #36505f !important;
}

html[data-theme="dark"] .header-action-cluster .language-mode a {
    color: #edf5f8 !important;
}

html[data-theme="dark"] .header-action-cluster .topbar-social-links {
    border-left-color: #28404e !important;
}

html[data-theme="dark"] .header-action-cluster .topbar-social-links a {
    color: #e7f2f7 !important;
    border-color: #456171 !important;
    background: rgba(7, 23, 34, .35) !important;
}

html[data-theme="dark"] .site-header .nav {
    background: rgba(6, 22, 33, .96) !important;
    border-color: #1e3644 !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"] .site-header .nav a,
html[data-theme="dark"] .site-header .nav button {
    color: #edf4f7 !important;
}

html[data-theme="dark"] .site-header .nav a:hover,
html[data-theme="dark"] .site-header .nav .active {
    color: #2aaae5 !important;
    background: rgba(42, 170, 229, .055) !important;
}

html[data-theme="dark"] .site-header .dropdown {
    background: #102633 !important;
    border-color: #294654 !important;
    box-shadow: 0 22px 46px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] .site-header .dropdown a {
    color: #e2edf2 !important;
}

@media (max-width: 1200px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 260px 1fr auto !important;
        gap: 20px !important;
    }

    html[data-theme] .site-header .brand img {
        width: 62px !important;
        height: 72px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 17px !important;
    }

    html[data-theme] .header-action-cluster .topbar-social-links a:nth-last-child(-n + 2) {
        display: none !important;
    }

    html[data-theme] .site-header .nav a,
    html[data-theme] .site-header .nav button {
        padding-inline: 14px !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand toggle"
            "utility utility"
            "nav nav" !important;
        padding: 12px 0 0 !important;
        gap: 12px !important;
    }

    html[data-theme] .mobile-toggle {
        grid-area: toggle !important;
        display: inline-flex !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr auto !important;
        gap: 12px !important;
    }

    html[data-theme] .header-action-cluster .topbar-social-links {
        display: none !important;
    }

    html[data-theme] .site-header .nav {
        display: none !important;
    }

    html[data-theme] .site-header .nav.open {
        display: flex !important;
        position: static !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 768px) {
    html[data-theme] .site-header .header-row {
        width: min(100% - 28px, var(--psi-header-max-width)) !important;
    }

    html[data-theme] .site-header .brand img {
        width: 52px !important;
        height: 60px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 15px !important;
    }

    html[data-theme] .site-header .brand .brand-tagline {
        font-size: 11px !important;
        margin-top: 4px !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .header-action-cluster {
        justify-content: flex-start !important;
    }
}

/* Header action cluster correction for adapted PSI CSS */
html[data-theme] .site-header .header-row {
    grid-template-columns: minmax(260px, 320px) minmax(340px, 1fr) auto !important;
    grid-template-areas:
        "brand utility utility"
        "nav nav nav" !important;
}

html[data-theme] .header-utility-actions {
    grid-area: utility !important;
    display: grid !important;
    grid-template-columns: minmax(340px, 540px) auto !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 28px !important;
    width: 100% !important;
}

html[data-theme] .header-utility-actions .site-search {
    grid-area: auto !important;
    justify-self: stretch !important;
}

html[data-theme] .header-action-cluster {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    white-space: nowrap !important;
}

html[data-theme] .header-action-cluster .language-mode,
html[data-theme] .header-action-cluster .theme-toggle,
html[data-theme] .header-action-cluster .topbar-social-links {
    grid-area: auto !important;
    justify-self: auto !important;
    margin: 0 !important;
}

html[data-theme] .header-action-cluster .topbar-social-links {
    padding-left: 14px !important;
}

@media (max-width: 1200px) {
    html[data-theme] .header-utility-actions {
        grid-template-columns: minmax(260px, 1fr) auto !important;
        gap: 20px !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand toggle"
            "utility utility"
            "nav nav" !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr auto !important;
        justify-content: stretch !important;
    }
}

@media (max-width: 768px) {
    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr !important;
    }

    html[data-theme] .header-action-cluster {
        justify-content: flex-start !important;
    }
}

/* Adapted PSI header CSS from provided shared/light/dark snippets */
html[data-theme] {
    --psi-header-primary: #2aaae5;
    --psi-header-secondary: #4193a4;
    --psi-header-brown: #8b603b;
    --psi-header-brown-dark: #7f5c3f;
    --psi-header-max-width: 1440px;
    --psi-header-transition-fast: 160ms ease;
    --psi-header-transition-normal: 220ms ease;
}

html[data-theme="light"] {
    --header-background: #f6f8fb;
    --nav-background: #f6f8fb;
    --header-text-primary: #17283d;
    --header-text-secondary: #53616f;
    --header-border: #e4cdb3;
    --header-border-strong: #d6b995;
}

html[data-theme="dark"] {
    --header-background: #061a29;
    --nav-background: #081b29;
    --header-text-primary: #f5f8fa;
    --header-text-secondary: #c4d0d7;
    --header-border: #29414f;
    --header-border-strong: #365665;
}

html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    overflow: visible !important;
    border-bottom: 0 !important;
    transition: background-color var(--psi-header-transition-normal), color var(--psi-header-transition-normal), border-color var(--psi-header-transition-normal) !important;
}

html[data-theme="light"] .site-header {
    background:
        radial-gradient(circle at 78% 25%, rgba(42, 170, 229, .1), transparent 30%),
        radial-gradient(circle at 18% 80%, rgba(139, 96, 59, .07), transparent 27%),
        linear-gradient(135deg, #f6f8fb 0%, #f6f8fb 55%, #f6f8fb 100%) !important;
}

html[data-theme="dark"] .site-header {
    background:
        radial-gradient(circle at 72% 18%, rgba(42, 170, 229, .08), transparent 34%),
        linear-gradient(135deg, #061725 0%, #071c2b 50%, #071824 100%) !important;
}

html[data-theme] .site-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    opacity: .2 !important;
    background:
        radial-gradient(circle at 78% 25%, rgba(42, 170, 229, .1), transparent 30%),
        radial-gradient(circle at 18% 80%, rgba(139, 96, 59, .07), transparent 27%) !important;
    mask-image: none !important;
}

html[data-theme] .site-header .header-row {
    width: min(100% - 32px, var(--psi-header-max-width)) !important;
    max-width: var(--psi-header-max-width) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 320px) minmax(340px, 1fr) auto !important;
    grid-template-areas:
        "brand search actions"
        "nav nav nav" !important;
    align-items: center !important;
    gap: 24px 28px !important;
    min-height: 0 !important;
    padding: 18px 0 0 !important;
}

html[data-theme] .site-header .brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
    text-decoration: none !important;
}

html[data-theme] .site-header .brand img {
    width: 72px !important;
    height: 82px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

html[data-theme] .site-header .brand > span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

html[data-theme] .site-header .brand strong {
    margin: 0 !important;
    font-family: var(--font-sans) !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    text-transform: uppercase !important;
}

html[data-theme="light"] .site-header .brand strong {
    color: #122943 !important;
}

html[data-theme="dark"] .site-header .brand strong {
    color: #ffffff !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    display: block !important;
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html[data-theme] .site-header .brand .brand-tagline::after {
    content: "" !important;
    display: block !important;
    width: 50px !important;
    height: 2px !important;
    margin-top: 8px !important;
    border-radius: 100px !important;
    background: var(--psi-header-primary) !important;
}

html[data-theme="light"] .site-header .brand .brand-tagline {
    color: var(--psi-header-brown-dark) !important;
}

html[data-theme="dark"] .site-header .brand .brand-tagline {
    color: #e49b57 !important;
}

html[data-theme] .header-utility-actions {
    display: contents !important;
}

html[data-theme] .header-utility-actions .site-search {
    grid-area: search !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 540px !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1px solid !important;
    overflow: hidden !important;
    transition: border-color var(--psi-header-transition-fast), background-color var(--psi-header-transition-fast), box-shadow var(--psi-header-transition-fast) !important;
}

html[data-theme="light"] .header-utility-actions .site-search {
    background: rgba(255, 255, 255, .72) !important;
    border-color: #d9c2a7 !important;
    box-shadow: 0 2px 10px rgba(78, 51, 27, .04) !important;
}

html[data-theme="dark"] .header-utility-actions .site-search {
    background: rgba(4, 18, 28, .7) !important;
    border-color: #36505f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html[data-theme] .header-utility-actions .site-search:hover,
html[data-theme] .header-utility-actions .site-search:focus-within {
    border-color: var(--psi-header-primary) !important;
    box-shadow: 0 0 0 3px rgba(42, 170, 229, .13) !important;
}

html[data-theme] .header-utility-actions .site-search label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px 0 20px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .header-utility-actions .site-search input {
    color: var(--header-text-primary) !important;
}

html[data-theme="light"] .header-utility-actions .site-search input::placeholder {
    color: #6e7478 !important;
}

html[data-theme="dark"] .header-utility-actions .site-search input {
    color: #f5f8fa !important;
}

html[data-theme="dark"] .header-utility-actions .site-search input::placeholder {
    color: #a4b1b9 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 48px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 0 !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.3 !important;
    stroke-linecap: round !important;
}

html[data-theme="light"] .header-utility-actions .site-search button {
    color: #17324c !important;
}

html[data-theme="dark"] .header-utility-actions .site-search button {
    color: #e7f4fa !important;
}

html[data-theme] .header-utility-actions .language-mode,
html[data-theme] .header-utility-actions .theme-toggle {
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .language-mode {
    grid-area: actions !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 88px !important;
    padding: 0 8px !important;
}

html[data-theme] .header-utility-actions .language-mode a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 30px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

html[data-theme] .header-utility-actions .language-mode a.active {
    background: var(--psi-header-primary) !important;
    color: #ffffff !important;
}

html[data-theme] .header-utility-actions .theme-toggle {
    grid-area: actions !important;
    justify-self: end !important;
    margin-right: 104px !important;
    width: 108px !important;
    min-width: 108px !important;
    padding: 4px 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

html[data-theme] .header-utility-actions .theme-toggle::before {
    content: "\2600" !important;
    position: static !important;
    transform: none !important;
    color: currentColor !important;
    font-size: 15px !important;
}

html[data-theme] .header-utility-actions .theme-toggle::after {
    content: "\263E" !important;
    position: static !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    border-radius: 50% !important;
    background: var(--psi-header-primary) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    box-shadow: 0 3px 10px rgba(42, 170, 229, .32) !important;
}

html[data-theme] .header-utility-actions .theme-toggle .theme-icon {
    display: none !important;
}

html[data-theme] .header-utility-actions .topbar-social-links {
    grid-area: actions !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 14px !important;
    margin-left: 214px !important;
    border-left: 1px solid !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color var(--psi-header-transition-fast), border-color var(--psi-header-transition-fast), color var(--psi-header-transition-fast), transform var(--psi-header-transition-fast) !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a:hover {
    transform: translateY(-2px) !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a svg {
    width: 17px !important;
    height: 17px !important;
    fill: currentColor !important;
}

html[data-theme="light"] .header-utility-actions .language-mode,
html[data-theme="light"] .header-utility-actions .theme-toggle {
    background: rgba(255, 255, 255, .68) !important;
    border-color: #d5bda1 !important;
    color: #183149 !important;
}

html[data-theme="light"] .header-utility-actions .topbar-social-links {
    border-left-color: #d5bda1 !important;
}

html[data-theme="light"] .header-utility-actions .topbar-social-links a {
    border-color: #c8b293 !important;
    color: #17324c !important;
    background: rgba(255, 255, 255, .28) !important;
}

html[data-theme="light"] .header-utility-actions .topbar-social-links a:hover {
    color: #ffffff !important;
    background: var(--psi-header-primary) !important;
    border-color: var(--psi-header-primary) !important;
    box-shadow: 0 5px 14px rgba(42, 170, 229, .2) !important;
}

html[data-theme="dark"] .header-utility-actions .language-mode,
html[data-theme="dark"] .header-utility-actions .theme-toggle {
    color: #edf5f8 !important;
    background: rgba(10, 29, 41, .78) !important;
    border-color: #36505f !important;
}

html[data-theme="dark"] .header-utility-actions .topbar-social-links {
    border-left-color: #28404e !important;
}

html[data-theme="dark"] .header-utility-actions .topbar-social-links a {
    color: #e7f2f7 !important;
    border-color: #456171 !important;
    background: rgba(7, 23, 34, .35) !important;
}

html[data-theme="dark"] .header-utility-actions .topbar-social-links a:hover {
    color: #ffffff !important;
    background: #168fd0 !important;
    border-color: #2aaae5 !important;
    box-shadow: 0 6px 18px rgba(42, 170, 229, .24) !important;
}

html[data-theme] .site-header .nav {
    grid-area: nav !important;
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    min-height: 58px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    transition: background-color var(--psi-header-transition-normal), border-color var(--psi-header-transition-normal) !important;
}

html[data-theme="light"] .site-header .nav {
    background: rgba(255, 250, 244, .96) !important;
    border-color: #e4d0b9 !important;
    box-shadow: 0 3px 12px rgba(89, 60, 34, .06) !important;
}

html[data-theme="dark"] .site-header .nav {
    background: rgba(6, 22, 33, .96) !important;
    border-color: #1e3644 !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .2) !important;
}

html[data-theme] .site-header .nav-item {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    position: relative !important;
    min-height: 58px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: color var(--psi-header-transition-fast), background-color var(--psi-header-transition-fast) !important;
}

html[data-theme] .site-header .nav a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -1px !important;
    width: 0 !important;
    height: 3px !important;
    border-radius: 3px 3px 0 0 !important;
    background: var(--psi-header-primary) !important;
    transform: translateX(-50%) !important;
    transition: width var(--psi-header-transition-fast) !important;
}

html[data-theme] .site-header .nav a:hover::after,
html[data-theme] .site-header .nav .active::after {
    width: calc(100% - 36px) !important;
}

html[data-theme="light"] .site-header .nav a,
html[data-theme="light"] .site-header .nav button {
    color: #152b45 !important;
}

html[data-theme="light"] .site-header .nav a:hover,
html[data-theme="light"] .site-header .nav .active {
    color: var(--psi-header-primary) !important;
    background: rgba(42, 170, 229, .045) !important;
}

html[data-theme="dark"] .site-header .nav a,
html[data-theme="dark"] .site-header .nav button {
    color: #edf4f7 !important;
}

html[data-theme="dark"] .site-header .nav a:hover,
html[data-theme="dark"] .site-header .nav .active {
    color: #2aaae5 !important;
    background: rgba(42, 170, 229, .055) !important;
}

html[data-theme] .site-header .nav-chevron {
    width: 15px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-theme] .site-header .dropdown {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    min-width: 230px !important;
    padding: 8px !important;
    border: 1px solid !important;
    border-radius: 12px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity var(--psi-header-transition-fast), transform var(--psi-header-transition-fast), visibility var(--psi-header-transition-fast) !important;
}

html[data-theme] .site-header .nav-item:hover > .dropdown,
html[data-theme] .site-header .nav-item:focus-within > .dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

html[data-theme] .site-header .dropdown a {
    display: block !important;
    min-height: auto !important;
    padding: 11px 14px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

html[data-theme] .site-header .dropdown a::after {
    display: none !important;
}

html[data-theme="light"] .site-header .dropdown {
    background: #ffffff !important;
    border-color: #e4d4c2 !important;
    box-shadow: 0 18px 45px rgba(72, 46, 24, .13) !important;
}

html[data-theme="light"] .site-header .dropdown a {
    color: #26394d !important;
}

html[data-theme="light"] .site-header .dropdown a:hover {
    color: #087eb2 !important;
    background: #eef8fc !important;
}

html[data-theme="dark"] .site-header .dropdown {
    background: #102633 !important;
    border-color: #294654 !important;
    box-shadow: 0 22px 46px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] .site-header .dropdown a {
    color: #e2edf2 !important;
}

html[data-theme="dark"] .site-header .dropdown a:hover {
    color: #ffffff !important;
    background: rgba(42, 170, 229, .12) !important;
}

@media (max-width: 1200px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 260px 1fr auto !important;
        gap: 20px !important;
    }

    html[data-theme] .site-header .brand img {
        width: 62px !important;
        height: 72px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 17px !important;
    }

    html[data-theme] .header-utility-actions .topbar-social-links a:nth-last-child(-n + 2) {
        display: none !important;
    }

    html[data-theme] .site-header .nav a,
    html[data-theme] .site-header .nav button {
        padding-inline: 14px !important;
    }
}

@media (max-width: 992px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand toggle"
            "search actions"
            "nav nav" !important;
        padding: 12px 0 0 !important;
        gap: 12px !important;
    }

    html[data-theme] .mobile-toggle {
        grid-area: toggle !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 999px !important;
    }

    html[data-theme] .header-utility-actions {
        display: contents !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        justify-self: stretch !important;
        max-width: 100% !important;
    }

    html[data-theme] .header-utility-actions .topbar-social-links {
        display: none !important;
    }

    html[data-theme] .header-utility-actions .theme-toggle {
        margin-right: 88px !important;
    }

    html[data-theme] .site-header .nav {
        display: none !important;
    }

    html[data-theme] .site-header .nav.open {
        display: flex !important;
        position: static !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        min-height: 58px !important;
    }

    html[data-theme] .site-header .nav.open .dropdown {
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    html[data-theme] .site-header .header-row {
        width: min(100% - 28px, var(--psi-header-max-width)) !important;
    }

    html[data-theme] .site-header .brand img {
        width: 52px !important;
        height: 60px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 15px !important;
    }

    html[data-theme] .site-header .brand .brand-tagline {
        font-size: 11px !important;
        margin-top: 4px !important;
    }

    html[data-theme] .header-utility-actions .theme-toggle {
        min-width: 74px !important;
        width: 74px !important;
        margin-right: 72px !important;
    }

    html[data-theme] .header-utility-actions .language-mode {
        min-width: 64px !important;
    }
}

/* Reference-style header inspired by the provided light header mockup */
html[data-theme] .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    overflow: visible !important;
    background:
        linear-gradient(90deg, rgba(248, 241, 234, .92), rgba(255, 251, 246, .96) 48%, rgba(248, 241, 234, .92)),
        radial-gradient(circle at 16% 116%, rgba(39, 168, 216, .12), transparent 28%),
        radial-gradient(circle at 80% 116%, rgba(149, 104, 61, .12), transparent 30%) !important;
    border-bottom: 1px solid rgba(111, 71, 39, .18) !important;
    box-shadow: 0 20px 42px -42px rgba(6, 57, 112, .38) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

html[data-theme] .site-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: .45 !important;
    background:
        linear-gradient(135deg, transparent 0 42%, rgba(149, 104, 61, .08) 42% 43%, transparent 43% 100%),
        repeating-linear-gradient(45deg, rgba(149, 104, 61, .055) 0 1px, transparent 1px 16px) !important;
    mask-image: linear-gradient(90deg, #000 0 12%, transparent 23% 77%, #000 90% 100%) !important;
}

html[data-theme] .site-header .header-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr) !important;
    grid-template-areas:
        "brand utility"
        "nav nav" !important;
    align-items: center !important;
    gap: 22px 28px !important;
    min-height: 186px !important;
    padding-block: 24px 0 !important;
}

html[data-theme] .site-header .brand {
    grid-area: brand !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
    padding-right: 28px !important;
    border-right: 1px solid rgba(111, 71, 39, .22) !important;
}

html[data-theme] .site-header .brand img {
    width: auto !important;
    height: 94px !important;
    object-fit: contain !important;
}

html[data-theme] .site-header .brand strong {
    color: #063970 !important;
    font-size: 22px !important;
    line-height: 1.14 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    display: block !important;
    margin-top: 10px !important;
    color: #6F4727 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
}

html[data-theme] .header-utility-actions {
    grid-area: utility !important;
    display: grid !important;
    grid-template-columns: minmax(340px, 520px) auto auto auto !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 16px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

html[data-theme] .header-utility-actions .site-search {
    position: relative !important;
    width: min(100%, 520px) !important;
    min-width: 320px !important;
    height: 52px !important;
    min-height: 52px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .5) !important;
    border: 1px solid rgba(111, 71, 39, .22) !important;
    box-shadow: 0 16px 32px -28px rgba(6, 57, 112, .34), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    overflow: hidden !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}

html[data-theme] .header-utility-actions .site-search::before {
    display: none !important;
}

html[data-theme] .header-utility-actions .site-search label {
    min-width: 0 !important;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 18px 0 24px !important;
    border: 0 !important;
    background: transparent !important;
    color: #0B2533 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    outline: 0 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: rgba(11, 37, 51, .72) !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0B2533 !important;
    box-shadow: none !important;
    font-size: 28px !important;
    line-height: 1 !important;
    transform: none !important;
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    border-color: rgba(39, 168, 216, .72) !important;
    box-shadow: 0 18px 40px -28px rgba(39, 168, 216, .62), inset 0 0 0 1px rgba(39, 168, 216, .14) !important;
}

html[data-theme] .header-utility-actions .language-mode {
    height: 48px !important;
    min-height: 48px !important;
    padding: 4px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .46) !important;
    border: 1px solid rgba(111, 71, 39, .22) !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .language-mode a {
    min-width: 36px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #0B2533 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 34px !important;
}

html[data-theme] .header-utility-actions .language-mode a.active {
    background: #27A8D8 !important;
    color: #FFFFFF !important;
}

html[data-theme] .header-utility-actions .theme-toggle {
    position: relative !important;
    width: 104px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .46) !important;
    border: 1px solid rgba(111, 71, 39, .22) !important;
    color: #0B2533 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .theme-toggle .theme-icon {
    opacity: 0 !important;
}

html[data-theme] .header-utility-actions .theme-toggle::before {
    content: "\2600" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0B2533 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

html[data-theme] .header-utility-actions .theme-toggle::after {
    content: "\263E" !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 44px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    box-shadow: 0 10px 22px -16px rgba(6, 57, 112, .8) !important;
}

html[data-theme] .header-utility-actions .topbar-social-links {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    background: rgba(255, 255, 255, .4) !important;
    border: 1px solid rgba(6, 57, 112, .24) !important;
    color: #063970 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

html[data-theme] .header-utility-actions .topbar-social-links a:hover {
    background: #27A8D8 !important;
    color: #FFFFFF !important;
    border-color: #27A8D8 !important;
    transform: translateY(-2px) !important;
}

html[data-theme] .site-header .nav {
    grid-area: nav !important;
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(10px, 2.1vw, 34px) !important;
    min-height: 70px !important;
    padding: 0 0 0 !important;
    border-top: 1px solid rgba(111, 71, 39, .16) !important;
}

html[data-theme] .site-header .nav-item {
    position: relative !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    position: relative !important;
    min-height: 70px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0B2533 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

html[data-theme] .site-header .nav a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #27A8D8 !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform .18s ease !important;
}

html[data-theme] .site-header .nav a:hover,
html[data-theme] .site-header .nav .active {
    color: #063970 !important;
}

html[data-theme] .site-header .nav a:hover::after,
html[data-theme] .site-header .nav .active::after {
    transform: scaleX(1) !important;
}

html[data-theme] .site-header .nav-chevron {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    fill: none !important;
}

html[data-theme] .site-header .dropdown {
    top: calc(100% - 2px) !important;
    min-width: 290px !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: rgba(255, 251, 246, .97) !important;
    border: 1px solid rgba(111, 71, 39, .2) !important;
    box-shadow: 0 22px 54px -34px rgba(6, 57, 112, .58) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

html[data-theme] .site-header .dropdown a {
    min-height: auto !important;
    padding: 12px 12px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

html[data-theme] .site-header .dropdown a::after {
    display: none !important;
}

html[data-theme] .site-header .dropdown a:hover {
    background: rgba(234, 248, 252, .86) !important;
    color: #147FA8 !important;
}

:root[data-theme="dark"] .site-header {
    background:
        linear-gradient(90deg, rgba(11, 37, 51, .96), rgba(6, 57, 112, .94) 52%, rgba(11, 37, 51, .96)),
        radial-gradient(circle at 16% 116%, rgba(39, 168, 216, .16), transparent 28%) !important;
    border-bottom-color: rgba(108, 204, 235, .2) !important;
}

:root[data-theme="dark"] .site-header .brand,
:root[data-theme="dark"] .site-header .nav {
    border-color: rgba(108, 204, 235, .18) !important;
}

:root[data-theme="dark"] .site-header .brand strong,
:root[data-theme="dark"] .site-header .nav a,
:root[data-theme="dark"] .site-header .nav button,
:root[data-theme="dark"] .header-utility-actions .site-search input,
:root[data-theme="dark"] .header-utility-actions .site-search button {
    color: #F8F1EA !important;
}

:root[data-theme="dark"] .site-header .brand .brand-tagline,
:root[data-theme="dark"] .header-utility-actions .site-search input::placeholder {
    color: rgba(234, 248, 252, .72) !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search,
:root[data-theme="dark"] .header-utility-actions .language-mode,
:root[data-theme="dark"] .header-utility-actions .theme-toggle,
:root[data-theme="dark"] .header-utility-actions .topbar-social-links a {
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(108, 204, 235, .24) !important;
}

:root[data-theme="dark"] .header-utility-actions .language-mode a,
:root[data-theme="dark"] .header-utility-actions .theme-toggle::before,
:root[data-theme="dark"] .header-utility-actions .topbar-social-links a {
    color: #F8F1EA !important;
}

:root[data-theme="dark"] .site-header .dropdown {
    background: rgba(11, 37, 51, .98) !important;
    border-color: rgba(108, 204, 235, .22) !important;
}

@media (max-width: 1320px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: minmax(260px, 420px) auto auto !important;
    }

    html[data-theme] .header-utility-actions .topbar-social-links {
        display: none !important;
    }

    html[data-theme] .site-header .nav a,
    html[data-theme] .site-header .nav button {
        font-size: 15px !important;
    }
}

@media (max-width: 1100px) {
    html[data-theme] .site-header .header-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand toggle"
            "utility utility"
            "nav nav" !important;
        min-height: auto !important;
        padding-block: 16px 0 !important;
    }

    html[data-theme] .site-header .brand {
        border-right: 0 !important;
        padding-right: 0 !important;
    }

    html[data-theme] .mobile-toggle {
        grid-area: toggle !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(39, 168, 216, .3) !important;
        background: rgba(255, 255, 255, .5) !important;
        color: #063970 !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        justify-content: stretch !important;
        width: 100% !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        min-width: 0 !important;
        width: 100% !important;
    }

    html[data-theme] .site-header .nav {
        display: none !important;
        min-height: 0 !important;
        padding: 12px 0 !important;
        border-top: 1px solid rgba(111, 71, 39, .16) !important;
    }

    html[data-theme] .site-header .nav.open {
        display: grid !important;
        position: static !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html[data-theme] .site-header .nav.open a,
    html[data-theme] .site-header .nav.open button {
        min-height: 46px !important;
        justify-content: space-between !important;
        padding: 0 4px !important;
    }

    html[data-theme] .site-header .nav.open .dropdown {
        position: static !important;
        min-width: 0 !important;
        box-shadow: none !important;
        margin: 0 0 8px !important;
    }
}

@media (max-width: 720px) {
    html[data-theme] .site-header .brand {
        gap: 12px !important;
    }

    html[data-theme] .site-header .brand img {
        height: 62px !important;
    }

    html[data-theme] .site-header .brand strong {
        font-size: 16px !important;
    }

    html[data-theme] .site-header .brand .brand-tagline {
        font-size: 11px !important;
        margin-top: 5px !important;
    }

    html[data-theme] .header-utility-actions {
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
    }

    html[data-theme] .header-utility-actions .language-mode {
        display: none !important;
    }

    html[data-theme] .header-utility-actions .theme-toggle {
        width: 72px !important;
    }

    html[data-theme] .header-utility-actions .theme-toggle::before {
        left: 10px !important;
    }

    html[data-theme] .header-utility-actions .theme-toggle::after {
        right: 8px !important;
        width: 34px !important;
    }
}

/* Our Impacts: normalize Policy Contributions section heading */
html[data-theme] body.our-impacts-page #policy-contributions .impact-section-title-row,
html[data-theme] #policy-contributions .impact-section-title-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: min(100%, 820px) !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
}

html[data-theme] body.our-impacts-page #policy-contributions .impact-section-icon,
html[data-theme] #policy-contributions .impact-section-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    margin: 0 auto !important;
    background: rgba(255, 255, 255, .52) !important;
    border: 1px solid rgba(39, 168, 216, .38) !important;
    color: var(--psi-blue-dark, #147FA8) !important;
    box-shadow: 0 16px 34px -26px rgba(6, 57, 112, .6) !important;
}

html[data-theme] body.our-impacts-page #policy-contributions .impact-section-title-row h2,
html[data-theme] #policy-contributions .impact-section-title-row h2 {
    color: var(--psi-heading, #063970) !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

html[data-theme] body.our-impacts-page #policy-contributions .impact-section-title-row p,
html[data-theme] #policy-contributions .impact-section-title-row p {
    color: var(--psi-muted, #66747C) !important;
    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.72 !important;
    max-width: 760px !important;
    margin: 12px auto 0 !important;
}

html[data-theme] body.our-impacts-page #policy-contributions .impact-section-title-row::after,
html[data-theme] #policy-contributions .impact-section-title-row::after {
    content: "" !important;
    display: block !important;
    width: 72px !important;
    height: 3px !important;
    border-radius: 999px !important;
    margin-top: 4px !important;
    background: linear-gradient(90deg, var(--psi-brown, #95683D), var(--psi-blue, #27A8D8)) !important;
}

html[data-theme] body.our-impacts-page #policy-contributions .impact-section-intro,
html[data-theme] #policy-contributions .impact-section-intro {
    color: var(--psi-muted, #66747C) !important;
    width: min(100%, 860px) !important;
    max-width: 860px !important;
    margin: 0 auto clamp(30px, 4vw, 46px) !important;
    text-align: center !important;
    font-size: clamp(16px, 1.2vw, 18px) !important;
    line-height: 1.75 !important;
}

:root[data-theme="dark"] #policy-contributions .impact-section-icon {
    background: rgba(234, 248, 252, .12) !important;
    border-color: rgba(108, 204, 235, .3) !important;
    color: #6CCCEB !important;
}

:root[data-theme="dark"] #policy-contributions .impact-section-title-row p,
:root[data-theme="dark"] #policy-contributions .impact-section-intro {
    color: rgba(234, 248, 252, .8) !important;
}

/* Our Impacts: hide main section icons where titles carry the hierarchy */
html[data-theme] #policy-contributions .impact-section-icon,
html[data-theme] #flagship-programs .impact-section-icon,
html[data-theme] #research-consultancy .impact-section-icon {
    display: none !important;
}

/* Our Impacts: separate merged Research Consultancy content */
html[data-theme] #flagship-programs .impact-section-title-row,
html[data-theme] #research-consultancy .impact-section-title-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: min(100%, 820px) !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
}

html[data-theme] #flagship-programs .impact-section-title-row h2,
html[data-theme] #research-consultancy .impact-section-title-row h2 {
    color: var(--psi-heading, #063970) !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

html[data-theme] #flagship-programs .impact-section-title-row p,
html[data-theme] #flagship-programs .impact-section-intro,
html[data-theme] #research-consultancy .impact-section-title-row p,
html[data-theme] #research-consultancy .impact-section-intro {
    color: var(--psi-muted, #66747C) !important;
    font-size: clamp(16px, 1.2vw, 18px) !important;
    line-height: 1.75 !important;
    max-width: 860px !important;
    margin-inline: auto !important;
    text-align: center !important;
}

html[data-theme] #flagship-programs .impact-section-title-row::after,
html[data-theme] #research-consultancy .impact-section-title-row::after {
    content: "" !important;
    display: block !important;
    width: 72px !important;
    height: 3px !important;
    border-radius: 999px !important;
    margin-top: 4px !important;
    background: linear-gradient(90deg, var(--psi-brown, #95683D), var(--psi-blue, #27A8D8)) !important;
}

html[data-theme] #research-consultancy .impact-subsection-head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: min(100%, 940px) !important;
    margin: clamp(30px, 4vw, 48px) auto 20px !important;
    padding: 18px 20px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(39, 168, 216, .3) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(248, 241, 234, .54)) !important;
    box-shadow: 0 18px 42px -34px rgba(6, 57, 112, .45) !important;
}

html[data-theme] #research-consultancy .impact-subsection-head > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background: var(--psi-blue, #27A8D8) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

html[data-theme] #research-consultancy .impact-subsection-head h3 {
    color: var(--psi-heading, #063970) !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    margin: 0 !important;
}

html[data-theme] #research-consultancy .impact-subsection-head p {
    color: var(--psi-muted, #66747C) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 8px 0 0 !important;
}

html[data-theme] #research-consultancy .impact-subsection-divider {
    width: min(100%, 940px) !important;
    height: 1px !important;
    margin: clamp(34px, 4vw, 52px) auto 0 !important;
    background: linear-gradient(90deg, transparent, rgba(149, 104, 61, .46), rgba(39, 168, 216, .48), transparent) !important;
}

:root[data-theme="dark"] #flagship-programs .impact-section-title-row p,
:root[data-theme="dark"] #flagship-programs .impact-section-intro,
:root[data-theme="dark"] #research-consultancy .impact-section-title-row p,
:root[data-theme="dark"] #research-consultancy .impact-section-intro,
:root[data-theme="dark"] #research-consultancy .impact-subsection-head p {
    color: rgba(234, 248, 252, .8) !important;
}

:root[data-theme="dark"] #research-consultancy .impact-subsection-head {
    background: linear-gradient(135deg, rgba(234, 248, 252, .11), rgba(6, 57, 112, .58)) !important;
    border-color: rgba(108, 204, 235, .28) !important;
}

:root[data-theme="dark"] #research-consultancy .impact-subsection-head h3 {
    color: #F8F1EA !important;
}

/* Global final button color: PSI blue with white text */
html[data-theme] .btn:not(.secondary):not(.btn-outline),
html[data-theme] a.btn:not(.secondary):not(.btn-outline),
html[data-theme] button.btn:not(.secondary):not(.btn-outline),
html[data-theme] input[type="submit"].btn,
html[data-theme] .button:not(.secondary):not(.btn-outline),
html[data-theme] .view-all-btn,
html[data-theme] .submit-btn,
html[data-theme] .form-submit,
html[data-theme] form button[type="submit"],
html[data-theme] form input[type="submit"],
html[data-theme] .hero-actions a:not(.secondary):not(.btn-outline),
html[data-theme] .hero-actions button:not(.secondary):not(.btn-outline),
html[data-theme] .actions a:not(.secondary):not(.btn-outline),
html[data-theme] .actions button:not(.secondary):not(.btn-outline) {
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .34) !important;
    box-shadow: 0 18px 38px -24px rgba(6, 57, 112, .78) !important;
}

html[data-theme] .btn:not(.secondary):not(.btn-outline):hover,
html[data-theme] a.btn:not(.secondary):not(.btn-outline):hover,
html[data-theme] button.btn:not(.secondary):not(.btn-outline):hover,
html[data-theme] input[type="submit"].btn:hover,
html[data-theme] .button:not(.secondary):not(.btn-outline):hover,
html[data-theme] .view-all-btn:hover,
html[data-theme] .submit-btn:hover,
html[data-theme] .form-submit:hover,
html[data-theme] form button[type="submit"]:hover,
html[data-theme] form input[type="submit"]:hover,
html[data-theme] .hero-actions a:not(.secondary):not(.btn-outline):hover,
html[data-theme] .hero-actions button:not(.secondary):not(.btn-outline):hover,
html[data-theme] .actions a:not(.secondary):not(.btn-outline):hover,
html[data-theme] .actions button:not(.secondary):not(.btn-outline):hover {
    background: linear-gradient(135deg, #147FA8, #063970) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

/* Final cross-page consistency pass */
html[data-theme] {
    --psi-page-bg: #f6f8fb;
    --psi-heading: #063970;
    --psi-text: #20282D;
    --psi-muted: #66747C;
    --psi-blue: #27A8D8;
    --psi-blue-dark: #147FA8;
    --psi-brown: #95683D;
    --psi-brown-dark: #6F4727;
    --psi-cream: #F8F1EA;
    --psi-pale-blue: #EAF8FC;
    --psi-card-bg: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(248, 241, 234, .72) 55%, rgba(234, 248, 252, .86));
    --psi-card-border: rgba(39, 168, 216, .36);
    --psi-card-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 58px -40px rgba(6, 57, 112, .42);
}

:root[data-theme="dark"] {
    --psi-page-bg: #0B2533;
    --psi-heading: #F8F1EA;
    --psi-text: rgba(248, 241, 234, .94);
    --psi-muted: rgba(234, 248, 252, .78);
    --psi-card-bg: linear-gradient(145deg, rgba(234, 248, 252, .13), rgba(6, 57, 112, .72) 52%, rgba(149, 104, 61, .22));
    --psi-card-border: rgba(108, 204, 235, .28);
    --psi-card-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 28px 68px -46px rgba(0, 0, 0, .86);
}

html[data-theme] .section,
html[data-theme] .page-section,
html[data-theme] .home-section {
    padding-block: clamp(56px, 7vw, 92px) !important;
}

html[data-theme] .section + .section,
html[data-theme] .page-section + .page-section,
html[data-theme] .home-section + .home-section {
    margin-top: 0 !important;
}

html[data-theme] .section-head,
html[data-theme] .page-section-header,
html[data-theme] .content-section-header {
    width: min(100%, 820px) !important;
    margin: 0 0 clamp(28px, 4vw, 44px) !important;
    text-align: left !important;
}

html[data-theme] .section-head.center,
html[data-theme] .section-head.is-centered,
html[data-theme] .page-section-header.center,
html[data-theme] .content-section-header.center {
    margin-inline: auto !important;
    text-align: center !important;
}

html[data-theme] .section-head h1,
html[data-theme] .section-head h2,
html[data-theme] .page-section-header h1,
html[data-theme] .page-section-header h2,
html[data-theme] .content-section-header h1,
html[data-theme] .content-section-header h2,
html[data-theme] .section-title {
    color: var(--psi-heading) !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

html[data-theme] .section-head p,
html[data-theme] .page-section-header p,
html[data-theme] .content-section-header p,
html[data-theme] .section-description {
    color: var(--psi-muted) !important;
    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.72 !important;
    max-width: 780px !important;
    margin: 14px 0 0 !important;
}

html[data-theme] .section-head.center p,
html[data-theme] .section-head.is-centered p,
html[data-theme] .page-section-header.center p,
html[data-theme] .content-section-header.center p {
    margin-inline: auto !important;
}

html[data-theme] .section-head::after,
html[data-theme] .page-section-header::after,
html[data-theme] .content-section-header::after {
    content: "" !important;
    display: block !important;
    width: 72px !important;
    height: 3px !important;
    border-radius: 999px !important;
    margin-top: 20px !important;
    background: linear-gradient(90deg, var(--psi-brown), var(--psi-blue)) !important;
}

html[data-theme] .section-head.center::after,
html[data-theme] .section-head.is-centered::after,
html[data-theme] .page-section-header.center::after,
html[data-theme] .content-section-header.center::after {
    margin-inline: auto !important;
}

html[data-theme] .eyebrow,
html[data-theme] .section-eyebrow,
html[data-theme] .kicker {
    color: var(--psi-brown) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .section-eyebrow,
:root[data-theme="dark"] .kicker {
    color: #6CCCEB !important;
}

html[data-theme] .btn,
html[data-theme] a.btn,
html[data-theme] button.btn,
html[data-theme] .button,
html[data-theme] .view-all-btn,
html[data-theme] .hero-actions a,
html[data-theme] .hero-actions button,
html[data-theme] .actions a,
html[data-theme] .actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 44px !important;
    padding: 11px 22px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    border: 1px solid rgba(39, 168, 216, .32) !important;
    background: var(--psi-blue) !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 34px -24px rgba(6, 57, 112, .7) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

html[data-theme] .btn:hover,
html[data-theme] a.btn:hover,
html[data-theme] button.btn:hover,
html[data-theme] .button:hover,
html[data-theme] .view-all-btn:hover,
html[data-theme] .hero-actions a:hover,
html[data-theme] .hero-actions button:hover,
html[data-theme] .actions a:hover,
html[data-theme] .actions button:hover {
    transform: translateY(-2px) !important;
    background: var(--psi-blue-dark) !important;
    border-color: rgba(255, 255, 255, .34) !important;
    box-shadow: 0 20px 42px -26px rgba(6, 57, 112, .86) !important;
}

html[data-theme] .btn.secondary,
html[data-theme] .btn-outline,
html[data-theme] .hero-actions a.secondary,
html[data-theme] .actions a.secondary {
    background: rgba(255, 255, 255, .2) !important;
    color: var(--psi-heading) !important;
    border-color: rgba(6, 57, 112, .22) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
}

:root[data-theme="dark"] .btn.secondary,
:root[data-theme="dark"] .btn-outline,
:root[data-theme="dark"] .hero-actions a.secondary,
:root[data-theme="dark"] .actions a.secondary {
    color: #F8F1EA !important;
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(108, 204, 235, .28) !important;
}

html[data-theme] .blog-link,
html[data-theme] .service-read-more,
html[data-theme] .read-more,
html[data-theme] .card a:not(.btn):not(.button) {
    color: var(--psi-blue-dark) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

:root[data-theme="dark"] .blog-link,
:root[data-theme="dark"] .service-read-more,
:root[data-theme="dark"] .read-more,
:root[data-theme="dark"] .card a:not(.btn):not(.button) {
    color: #6CCCEB !important;
}

html[data-theme] .card,
html[data-theme] .news-card,
html[data-theme] .blog-card,
html[data-theme] .publication-card,
html[data-theme] .event-card,
html[data-theme] .opportunity-card,
html[data-theme] .collab-card,
html[data-theme] .impact-card,
html[data-theme] .research-center-card {
    border-radius: 8px !important;
    border: 1px solid var(--psi-card-border) !important;
    background: var(--psi-card-bg) !important;
    box-shadow: var(--psi-card-shadow) !important;
}

html[data-theme] .card,
html[data-theme] .news-card,
html[data-theme] .blog-card,
html[data-theme] .publication-card,
html[data-theme] .event-card,
html[data-theme] .opportunity-card,
html[data-theme] .collab-card,
html[data-theme] .impact-card,
html[data-theme] .research-center-card,
html[data-theme] .card .pad,
html[data-theme] .news-card .pad,
html[data-theme] .blog-card .pad {
    color: var(--psi-text) !important;
}

html[data-theme] .card .pad,
html[data-theme] .news-card .pad,
html[data-theme] .blog-card .pad,
html[data-theme] .publication-card .pad,
html[data-theme] .event-card .pad {
    padding: clamp(22px, 2.4vw, 30px) !important;
}

html[data-theme] .card h3,
html[data-theme] .card h4,
html[data-theme] .news-card h3,
html[data-theme] .blog-card h3,
html[data-theme] .publication-card h3,
html[data-theme] .event-card h3,
html[data-theme] .opportunity-card h3,
html[data-theme] .collab-card h3,
html[data-theme] .impact-card h3 {
    color: var(--psi-heading) !important;
    font-size: clamp(20px, 1.65vw, 27px) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

html[data-theme] .card p,
html[data-theme] .news-card p,
html[data-theme] .blog-card p,
html[data-theme] .publication-card p,
html[data-theme] .event-card p,
html[data-theme] .opportunity-card p,
html[data-theme] .collab-card p,
html[data-theme] .impact-card p,
html[data-theme] .muted {
    color: var(--psi-muted) !important;
    line-height: 1.7 !important;
}

html[data-theme] .grid > .card,
html[data-theme] .news-card,
html[data-theme] .blog-card,
html[data-theme] .publication-card,
html[data-theme] .event-card,
html[data-theme] .opportunity-card,
html[data-theme] .collab-card,
html[data-theme] .impact-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

html[data-theme] .news-card .pad,
html[data-theme] .blog-card .pad,
html[data-theme] .publication-card .pad,
html[data-theme] .event-card .pad,
html[data-theme] .opportunity-card .pad {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

html[data-theme] .news-card .blog-link,
html[data-theme] .blog-card .blog-link,
html[data-theme] .publication-card .blog-link,
html[data-theme] .event-card .blog-link,
html[data-theme] .card .service-read-more {
    margin-top: auto !important;
    align-self: flex-start !important;
    padding-top: 18px !important;
}

html[data-theme] .impact-page-nav,
html[data-theme] .section-anchor-nav,
html[data-theme] .tabs,
html[data-theme] .filter-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto clamp(34px, 4vw, 52px) !important;
}

html[data-theme] .impact-page-nav a,
html[data-theme] .section-anchor-nav a,
html[data-theme] .tabs a,
html[data-theme] .filter-tabs a,
html[data-theme] .tabs button,
html[data-theme] .filter-tabs button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(39, 168, 216, .32) !important;
    background: rgba(255, 255, 255, .36) !important;
    color: var(--psi-blue-dark) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px -24px rgba(6, 57, 112, .5) !important;
}

:root[data-theme="dark"] .impact-page-nav a,
:root[data-theme="dark"] .section-anchor-nav a,
:root[data-theme="dark"] .tabs a,
:root[data-theme="dark"] .filter-tabs a,
:root[data-theme="dark"] .tabs button,
:root[data-theme="dark"] .filter-tabs button {
    background: rgba(234, 248, 252, .1) !important;
    border-color: rgba(108, 204, 235, .28) !important;
    color: #6CCCEB !important;
}

html[data-theme] .swiper-button-prev,
html[data-theme] .swiper-button-next,
html[data-theme] .carousel-arrow,
html[data-theme] .slider-arrow {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: rgba(39, 168, 216, .9) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    box-shadow: 0 18px 36px -26px rgba(6, 57, 112, .72) !important;
}

html[data-theme] .swiper-button-prev::after,
html[data-theme] .swiper-button-next::after {
    font-size: 16px !important;
    font-weight: 900 !important;
}

@media (max-width: 768px) {
    html[data-theme] .section,
    html[data-theme] .page-section,
    html[data-theme] .home-section {
        padding-block: 46px !important;
    }

    html[data-theme] .section-head h1,
    html[data-theme] .section-head h2,
    html[data-theme] .page-section-header h1,
    html[data-theme] .page-section-header h2,
    html[data-theme] .content-section-header h1,
    html[data-theme] .content-section-header h2,
    html[data-theme] .section-title {
        font-size: clamp(30px, 9vw, 40px) !important;
    }

    html[data-theme] .section-head,
    html[data-theme] .page-section-header,
    html[data-theme] .content-section-header {
        margin-bottom: 28px !important;
    }
}

/* About researchers CTA: keep it consistent with primary site buttons */
html[data-theme] body.about-page .researcher-feature-section .researcher-view-all-btn {
    background: var(--psi-blue) !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .34) !important;
    box-shadow: 0 18px 38px -24px rgba(6, 57, 112, .74) !important;
}

html[data-theme] body.about-page .researcher-feature-section .researcher-view-all-btn:hover {
    background: var(--psi-blue-dark) !important;
    color: #FFFFFF !important;
}

/* Research page: remove individual section backgrounds */
html[data-theme] #ongoing-research,
html[data-theme] #completed-research,
html[data-theme] #research-projects,
html[data-theme] #research-reports,
html[data-theme] #policy-briefs,
html[data-theme] #working-papers,
html[data-theme] #research-data,
html[data-theme] #news,
html[data-theme] #events,
html[data-theme] #vacancies,
html[data-theme] #bids,
html[data-theme] #newsletters,
html[data-theme] #blogs-insights,
html[data-theme] #media-gallery,
html[data-theme] section#ongoing-research.section,
html[data-theme] section#completed-research.section,
html[data-theme] section#research-projects.section,
html[data-theme] section#research-reports.section,
html[data-theme] section#policy-briefs.section,
html[data-theme] section#working-papers.section,
html[data-theme] section#research-data.section,
html[data-theme] section#news.section,
html[data-theme] section#events.section,
html[data-theme] section#vacancies.section,
html[data-theme] section#bids.section,
html[data-theme] section#newsletters.section,
html[data-theme] section#blogs-insights.section,
html[data-theme] section#media-gallery.section,
html[data-theme] section#ongoing-research.band,
html[data-theme] section#completed-research.band,
html[data-theme] section#research-projects.band,
html[data-theme] section#research-reports.band,
html[data-theme] section#policy-briefs.band,
html[data-theme] section#working-papers.band,
html[data-theme] section#research-data.band,
html[data-theme] section#news.band,
html[data-theme] section#events.band,
html[data-theme] section#vacancies.band,
html[data-theme] section#bids.band,
html[data-theme] section#newsletters.band,
html[data-theme] section#blogs-insights.band,
html[data-theme] section#media-gallery.band {
    background: #f6f8fb !important;
    background-color: #f6f8fb !important;
    background-image: none !important;
}

html[data-theme] #ongoing-research::before,
html[data-theme] #ongoing-research::after,
html[data-theme] #completed-research::before,
html[data-theme] #completed-research::after,
html[data-theme] #research-projects::before,
html[data-theme] #research-projects::after,
html[data-theme] #research-reports::before,
html[data-theme] #research-reports::after,
html[data-theme] #policy-briefs::before,
html[data-theme] #policy-briefs::after,
html[data-theme] #working-papers::before,
html[data-theme] #working-papers::after,
html[data-theme] #research-data::before,
html[data-theme] #research-data::after,
html[data-theme] #news::before,
html[data-theme] #news::after,
html[data-theme] #events::before,
html[data-theme] #events::after,
html[data-theme] #vacancies::before,
html[data-theme] #vacancies::after,
html[data-theme] #bids::before,
html[data-theme] #bids::after,
html[data-theme] #newsletters::before,
html[data-theme] #newsletters::after,
html[data-theme] #blogs-insights::before,
html[data-theme] #blogs-insights::after,
html[data-theme] #media-gallery::before,
html[data-theme] #media-gallery::after {
    display: none !important;
}

/* Collaboration page: remove individual section backgrounds */
html[data-theme] #collaborations,
html[data-theme] #collaboration-opportunities,
html[data-theme] #who-we-work-with,
html[data-theme] #featured-partnerships,
html[data-theme] #collaboration-platform,
html[data-theme] #inquiry-form,
html[data-theme] body .blog-shell,
html[data-theme] body .collab-detail,
html[data-theme] body .collab-section,
html[data-theme] body .collab-band,
html[data-theme] body .collab-feature-band,
html[data-theme] body .collab-feature-band-examples,
html[data-theme] body .collab-platform-band,
html[data-theme] body .collab-partner-group {
    background: #f6f8fb !important;
    background-color: #f6f8fb !important;
    background-image: none !important;
}

html[data-theme] #collaborations::before,
html[data-theme] #collaborations::after,
html[data-theme] #collaboration-opportunities::before,
html[data-theme] #collaboration-opportunities::after,
html[data-theme] #who-we-work-with::before,
html[data-theme] #who-we-work-with::after,
html[data-theme] #featured-partnerships::before,
html[data-theme] #featured-partnerships::after,
html[data-theme] #collaboration-platform::before,
html[data-theme] #collaboration-platform::after,
html[data-theme] #inquiry-form::before,
html[data-theme] #inquiry-form::after,
html[data-theme] body .collab-section::before,
html[data-theme] body .collab-section::after,
html[data-theme] body .collab-band::before,
html[data-theme] body .collab-band::after,
html[data-theme] body .collab-feature-band::before,
html[data-theme] body .collab-feature-band::after,
html[data-theme] body .collab-platform-band::before,
html[data-theme] body .collab-platform-band::after {
    display: none !important;
}

/* Collaboration form submit button sizing */
html[data-theme] #inquiry-form form.card button.btn[type="submit"] {
    width: auto !important;
    min-width: 150px !important;
    max-width: max-content !important;
    min-height: 44px !important;
    padding: 11px 22px !important;
    align-self: flex-start !important;
    justify-self: flex-start !important;
    font-size: 14px !important;
}

/* Simplified About organogram hierarchy */
html[data-theme] .simple-org-structure {
    position: relative;
    display: grid;
    gap: 30px;
    max-width: 1180px;
    margin-inline: auto;
}

html[data-theme] .simple-org-structure .modern-org-leader,
html[data-theme] .simple-org-structure .modern-org-branch,
html[data-theme] .simple-org-structure .modern-org-unit,
html[data-theme] .simple-org-structure .org-focus-cluster,
html[data-theme] .simple-org-structure .org-area-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 241, 234, .86)) !important;
    border: 1px solid rgba(149, 104, 61, .28) !important;
    box-shadow: 0 22px 52px -40px rgba(6, 57, 112, .42) !important;
}

html[data-theme] .simple-org-structure .modern-org-leader {
    width: min(100%, 520px);
    margin-inline: auto;
    justify-content: center;
    text-align: left;
    border-top: 4px solid #27A8D8 !important;
}

html[data-theme] .simple-org-structure .modern-org-leader h3,
html[data-theme] .simple-org-structure .modern-org-branch h3,
html[data-theme] .simple-org-structure .modern-org-unit h4,
html[data-theme] .simple-org-structure .org-focus-cluster h3,
html[data-theme] .simple-org-structure .org-focus-center h4,
html[data-theme] .simple-org-structure .org-area-card h5 {
    color: #063970 !important;
}

html[data-theme] .simple-org-structure .modern-org-arrow {
    height: 52px;
    margin: -6px 0 -4px;
}

html[data-theme] .simple-org-structure .modern-org-arrow::before {
    background: linear-gradient(180deg, #27A8D8, #95683D) !important;
}

html[data-theme] .simple-org-structure .modern-org-arrow span {
    border-top-color: #95683D !important;
}

html[data-theme] .simple-org-structure .modern-org-branches {
    position: relative;
    gap: 28px;
    align-items: stretch;
}

html[data-theme] .simple-org-structure .modern-org-branches::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 24%;
    right: 24%;
    height: 28px;
    border-top: 2px solid rgba(39, 168, 216, .5);
    border-left: 2px solid rgba(39, 168, 216, .5);
    border-right: 2px solid rgba(39, 168, 216, .5);
    pointer-events: none;
}

html[data-theme] .simple-org-structure .modern-org-branch {
    position: relative;
    border-top: 4px solid #95683D !important;
}

html[data-theme] .simple-org-structure .branch-research {
    border-top-color: #27A8D8 !important;
}

html[data-theme] .simple-org-structure .modern-org-branch::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    width: 2px;
    height: 30px;
    background: rgba(39, 168, 216, .5);
    transform: translateX(-50%);
}

html[data-theme] .simple-org-structure .modern-org-branch::after,
html[data-theme] .simple-org-structure .research-cluster-card::after,
html[data-theme] .simple-org-structure .org-focus-center::before {
    content: "↓";
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: #27A8D8;
    color: #FFFFFF;
    font-weight: 900;
    line-height: 1;
}

html[data-theme] .simple-org-structure .modern-org-unit-list {
    gap: 14px;
}

html[data-theme] .simple-org-structure .modern-org-unit {
    display: flex;
    align-items: center;
    min-height: 84px;
    padding: 18px !important;
}

html[data-theme] .simple-org-structure .modern-org-unit h4,
html[data-theme] .simple-org-structure .org-focus-center h4 {
    margin: 0;
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.25;
}

html[data-theme] .simple-org-structure .org-focus-section {
    margin-top: 10px;
    padding-top: 26px;
    border-top: 1px dashed rgba(39, 168, 216, .42);
}

html[data-theme] .simple-org-structure .org-focus-section > .section-head {
    margin-bottom: 22px;
}

html[data-theme] .simple-org-structure .org-focus-section > .section-head h3 {
    color: #95683D !important;
}

html[data-theme] .simple-org-structure .org-focus-grid {
    gap: 24px;
}

html[data-theme] .simple-org-structure .org-focus-cluster {
    padding: 22px !important;
    border-top: 4px solid #27A8D8 !important;
}

html[data-theme] .simple-org-structure .org-focus-cluster.cluster-social {
    border-top-color: #95683D !important;
}

html[data-theme] .simple-org-structure .org-focus-cluster > p {
    display: inline-flex;
    margin: 8px 0 18px;
    border-radius: 999px;
    background: rgba(39, 168, 216, .12);
    color: #147FA8 !important;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 850;
}

html[data-theme] .simple-org-structure .org-focus-center {
    position: relative;
    margin-top: 18px;
    padding-top: 8px;
}

html[data-theme] .simple-org-structure .org-area-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

html[data-theme] .simple-org-structure .org-area-card {
    flex: 1 1 170px;
    min-height: 0;
    padding: 12px 14px !important;
    border-radius: 999px !important;
    text-align: center;
}

html[data-theme] .simple-org-structure .org-area-card h5 {
    font-size: 13px;
    line-height: 1.25;
}

:root[data-theme="dark"] .simple-org-structure .modern-org-leader,
:root[data-theme="dark"] .simple-org-structure .modern-org-branch,
:root[data-theme="dark"] .simple-org-structure .modern-org-unit,
:root[data-theme="dark"] .simple-org-structure .org-focus-cluster,
:root[data-theme="dark"] .simple-org-structure .org-area-card {
    background:
        linear-gradient(145deg, rgba(6, 57, 112, .82), rgba(20, 127, 168, .28)) !important;
    border-color: rgba(108, 204, 235, .28) !important;
}

:root[data-theme="dark"] .simple-org-structure .modern-org-leader h3,
:root[data-theme="dark"] .simple-org-structure .modern-org-branch h3,
:root[data-theme="dark"] .simple-org-structure .modern-org-unit h4,
:root[data-theme="dark"] .simple-org-structure .org-focus-cluster h3,
:root[data-theme="dark"] .simple-org-structure .org-focus-center h4,
:root[data-theme="dark"] .simple-org-structure .org-area-card h5 {
    color: #F8F1EA !important;
}

@media (max-width: 860px) {
    html[data-theme] .simple-org-structure .modern-org-branches::before,
    html[data-theme] .simple-org-structure .modern-org-branch::before {
        display: none;
    }

    html[data-theme] .simple-org-structure .modern-org-branches,
    html[data-theme] .simple-org-structure .org-focus-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Interactive organogram tree refinement */
html[data-theme] .org-structure-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: -10px auto 30px;
}

html[data-theme] .org-structure-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(39, 168, 216, .3);
    background: rgba(255, 255, 255, .84);
    color: #063970;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 850;
    box-shadow: 0 16px 34px -30px rgba(6, 57, 112, .42);
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

html[data-theme] .org-structure-nav a:hover,
html[data-theme] .org-structure-nav a:focus-visible {
    background: #27A8D8;
    border-color: #27A8D8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

html[data-theme] .simple-org-structure .modern-org-arrow {
    display: none !important;
}

html[data-theme] .simple-org-structure .modern-org-branch::after,
html[data-theme] .simple-org-structure .research-cluster-card::after,
html[data-theme] .simple-org-structure .org-focus-center::before {
    display: none !important;
    content: "" !important;
}

html[data-theme] .simple-org-structure .modern-org-leader,
html[data-theme] .simple-org-structure .modern-org-branch,
html[data-theme] .simple-org-structure .org-focus-cluster,
html[data-theme] .simple-org-structure .org-focus-center {
    outline: none;
}

html[data-theme] .simple-org-structure .modern-org-leader::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -32px;
    width: 2px;
    height: 32px;
    background: linear-gradient(180deg, #27A8D8, rgba(39, 168, 216, .18));
    transform: translateX(-50%);
}

html[data-theme] .simple-org-structure .modern-org-branch::before {
    top: -31px !important;
    height: 31px !important;
    background: linear-gradient(180deg, rgba(39, 168, 216, .2), #27A8D8) !important;
}

html[data-theme] .simple-org-structure .modern-org-branches::before {
    top: -31px !important;
    border-color: rgba(39, 168, 216, .42) !important;
    border-radius: 18px 18px 0 0;
}

html[data-theme] .simple-org-structure .modern-org-branch-head {
    cursor: pointer;
}

html[data-theme] .simple-org-structure .modern-org-branch-head::after,
html[data-theme] .simple-org-structure .org-focus-cluster > h3::after,
html[data-theme] .simple-org-structure .org-focus-center > h4::after {
    content: "View";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 999px;
    background: rgba(39, 168, 216, .12);
    color: #147FA8;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 850;
    vertical-align: middle;
}

html[data-theme] .simple-org-structure .modern-org-branch:hover .modern-org-branch-head::after,
html[data-theme] .simple-org-structure .modern-org-branch:focus-within .modern-org-branch-head::after,
html[data-theme] .simple-org-structure .org-focus-cluster:hover > h3::after,
html[data-theme] .simple-org-structure .org-focus-cluster:focus-within > h3::after,
html[data-theme] .simple-org-structure .org-focus-center:hover > h4::after,
html[data-theme] .simple-org-structure .org-focus-center:focus-within > h4::after {
    content: "Open";
    background: #27A8D8;
    color: #FFFFFF;
}

html[data-theme] .simple-org-structure .modern-org-unit-list,
html[data-theme] .simple-org-structure .org-focus-cluster .org-focus-center,
html[data-theme] .simple-org-structure .org-focus-center .org-area-grid {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: max-height .42s ease, opacity .28s ease, transform .32s ease, margin-top .32s ease;
}

html[data-theme] .simple-org-structure .modern-org-branch:hover .modern-org-unit-list,
html[data-theme] .simple-org-structure .modern-org-branch:focus-within .modern-org-unit-list,
html[data-theme] .simple-org-structure .modern-org-branch:target .modern-org-unit-list,
html[data-theme] .simple-org-structure .org-focus-cluster:hover .org-focus-center,
html[data-theme] .simple-org-structure .org-focus-cluster:focus-within .org-focus-center,
html[data-theme] .simple-org-structure .org-focus-center:hover .org-area-grid,
html[data-theme] .simple-org-structure .org-focus-center:focus-within .org-area-grid {
    max-height: 1300px;
    opacity: 1;
    overflow: visible;
    transform: translateY(0);
    margin-top: 14px;
}

html[data-theme] .simple-org-structure .modern-org-unit-list,
html[data-theme] .simple-org-structure .org-focus-cluster .org-focus-center {
    position: relative;
}

html[data-theme] .simple-org-structure .modern-org-unit-list::before,
html[data-theme] .simple-org-structure .org-focus-cluster .org-focus-center::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -14px;
    width: 2px;
    height: 14px;
    background: rgba(39, 168, 216, .52);
    transform: translateX(-50%);
}

html[data-theme] .simple-org-structure .modern-org-branch:hover,
html[data-theme] .simple-org-structure .modern-org-branch:focus-within,
html[data-theme] .simple-org-structure .modern-org-branch:target,
html[data-theme] .simple-org-structure .org-focus-cluster:hover,
html[data-theme] .simple-org-structure .org-focus-cluster:focus-within,
html[data-theme] .simple-org-structure .org-focus-center:hover,
html[data-theme] .simple-org-structure .org-focus-center:focus-within {
    border-color: rgba(39, 168, 216, .62) !important;
    box-shadow: 0 28px 62px -38px rgba(39, 168, 216, .62) !important;
}

:root[data-theme="dark"] .org-structure-nav a {
    background: rgba(234, 248, 252, .1);
    border-color: rgba(108, 204, 235, .28);
    color: #EAF8FC;
}

:root[data-theme="dark"] .org-structure-nav a:hover,
:root[data-theme="dark"] .org-structure-nav a:focus-visible {
    background: #27A8D8;
    border-color: #27A8D8;
    color: #FFFFFF;
}

@media (max-width: 860px) {
    html[data-theme] .simple-org-structure .modern-org-leader::after,
    html[data-theme] .simple-org-structure .modern-org-branches::before,
    html[data-theme] .simple-org-structure .modern-org-branch::before {
        display: none !important;
    }

    html[data-theme] .simple-org-structure .modern-org-unit-list,
    html[data-theme] .simple-org-structure .org-focus-cluster .org-focus-center,
    html[data-theme] .simple-org-structure .org-focus-center .org-area-grid {
        max-height: none;
        opacity: 1;
        overflow: visible;
        transform: none;
    }

    html[data-theme] .simple-org-structure .modern-org-branch-head::after,
    html[data-theme] .simple-org-structure .org-focus-cluster > h3::after,
    html[data-theme] .simple-org-structure .org-focus-center > h4::after {
        display: none;
    }
}

/* Single merged header layout */
html[data-theme] .site-header .header-row {
    min-height: 76px;
    gap: 14px !important;
}

html[data-theme] .site-header .nav {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
}

html[data-theme] .header-utility-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

html[data-theme] .header-utility-actions .topbar-social-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

html[data-theme] .header-utility-actions .language-mode,
html[data-theme] .header-utility-actions .theme-toggle,
html[data-theme] .header-utility-actions .topbar-social-links a {
    box-shadow: none !important;
}

@media (max-width: 1320px) {
    html[data-theme] .header-utility-actions .topbar-social-links {
        display: none;
    }
}

@media (max-width: 1160px) {
    html[data-theme] .site-header .nav {
        justify-content: flex-start;
    }

    html[data-theme] .header-utility-actions {
        margin-left: auto;
    }
}

@media (max-width: 1100px) {
    html[data-theme] .header-utility-actions {
        order: 2;
    }

    html[data-theme] .mobile-toggle {
        order: 3;
    }

    html[data-theme] .site-header .nav {
        order: 4;
    }
}

@media (max-width: 640px) {
    html[data-theme] .site-header .header-row {
        flex-wrap: wrap;
    }

    html[data-theme] .header-utility-actions {
        width: 100%;
        justify-content: flex-start;
        order: 4;
    }
}

/* Right-aligned compact header with utility row below menu */
html[data-theme] .site-header .header-row {
    display: grid !important;
    grid-template-columns: minmax(250px, auto) minmax(0, 1fr);
    grid-template-areas:
        "brand utility"
        "brand nav";
    align-items: center;
    gap: 16px 22px !important;
    min-height: 176px !important;
    padding-block: 24px !important;
}

html[data-theme] .site-header .brand {
    grid-area: brand;
}

html[data-theme] .site-header .brand img {
    height: 54px !important;
}

html[data-theme] .site-header .brand strong {
    font-size: 22px !important;
}

html[data-theme] .site-header .brand .brand-tagline {
    font-size: 11px !important;
    letter-spacing: .1em !important;
}

html[data-theme] .site-header .nav {
    grid-area: nav;
    justify-content: flex-end !important;
    align-self: start;
    gap: 2px !important;
}

html[data-theme] .site-header .nav a,
html[data-theme] .site-header .nav button {
    min-height: 34px !important;
    padding: 7px 9px !important;
    font-size: 12px !important;
}

html[data-theme] .header-utility-actions {
    grid-area: utility;
    justify-content: flex-end !important;
    align-self: end;
    margin-left: 0 !important;
}

html[data-theme] .header-utility-actions .site-search {
    width: min(100%, 214px) !important;
    min-height: 38px !important;
}

html[data-theme] .header-utility-actions .site-search input {
    min-height: 36px !important;
    font-size: 13px !important;
}

html[data-theme] .header-utility-actions .site-search button,
html[data-theme] .header-utility-actions .theme-toggle,
html[data-theme] .header-utility-actions .topbar-social-links a {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
}

html[data-theme] .header-utility-actions .language-mode {
    min-height: 34px !important;
}

html[data-theme] .header-utility-actions .language-mode a {
    min-height: 28px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
}

html[data-theme] .header-utility-actions .topbar-social-links {
    display: inline-flex;
}

@media (max-width: 1320px) {
    html[data-theme] .header-utility-actions .topbar-social-links {
        display: inline-flex;
    }
}

@media (max-width: 1180px) {
    html[data-theme] .header-utility-actions .topbar-social-links {
        display: none;
    }
}

@media (max-width: 1100px) {
    html[data-theme] .site-header .header-row {
        display: flex !important;
        min-height: 68px !important;
    }

    html[data-theme] .site-header .nav {
        justify-content: flex-start !important;
    }

    html[data-theme] .header-utility-actions {
        margin-left: auto !important;
    }
}

@media (max-width: 640px) {
    html[data-theme] .header-utility-actions {
        width: 100%;
        justify-content: flex-start !important;
    }

    html[data-theme] .header-utility-actions .site-search {
        flex: 1 1 180px;
    }
}

/* Match Home and Impact hero banner height with the site hero system */
html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero),
html[data-theme] .impact-hero {
    min-height: clamp(500px, 58vh, 620px) !important;
}

html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero) .hero-content,
html[data-theme] .impact-hero-content {
    padding-block: clamp(52px, 6vw, 78px) !important;
}

html[data-theme] .impact-hero h1 {
    font-size: clamp(38px, 5.2vw, 66px) !important;
}

html[data-theme] .impact-hero-stats {
    margin-top: 26px !important;
}

html[data-theme] .impact-hero-stats .impact-stat {
    min-height: 96px !important;
    padding: 16px !important;
}

@media (max-width: 720px) {
    html[data-theme] .hero:not(.about-page-hero):not(.impact-hero):not(.image-page-hero),
    html[data-theme] .impact-hero {
        min-height: 520px !important;
    }
}

/* Final professional header search refinement */
html[data-theme] .header-utility-actions .site-search {
    width: clamp(230px, 18vw, 300px) !important;
    min-width: 230px !important;
    height: 42px !important;
    margin-left: 0 !important;
    border: 1px solid rgba(39, 168, 216, .36) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(234, 248, 252, .7)) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .92) inset,
        0 18px 36px -32px rgba(6, 57, 112, .56) !important;
}

html[data-theme] .header-utility-actions .site-search::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-left: 16px;
    border: 2px solid #147FA8;
    border-radius: 50%;
    box-shadow: 5px 5px 0 -4px #147FA8;
    transform: rotate(-10deg);
    opacity: .72;
}

html[data-theme] .header-utility-actions .site-search input {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    color: #20282D !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #27A8D8, #147FA8) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .28) inset,
        0 14px 24px -18px rgba(20, 127, 168, .72) !important;
}

html[data-theme] .header-utility-actions .site-search button:hover,
html[data-theme] .header-utility-actions .site-search button:focus-visible {
    background: linear-gradient(135deg, #147FA8, #063970) !important;
    transform: translateX(1px);
}

html[data-theme] .header-utility-actions .site-search:focus-within {
    border-color: rgba(39, 168, 216, .72) !important;
    background:
        linear-gradient(135deg, #FFFFFF, rgba(234, 248, 252, .9)) !important;
    box-shadow:
        0 0 0 3px rgba(39, 168, 216, .16),
        0 22px 42px -32px rgba(6, 57, 112, .62) !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search {
    background:
        linear-gradient(135deg, rgba(234, 248, 252, .13), rgba(6, 57, 112, .46)) !important;
    border-color: rgba(108, 204, 235, .34) !important;
}

:root[data-theme="dark"] .header-utility-actions .site-search::before {
    border-color: #6CCCEB;
    box-shadow: 5px 5px 0 -4px #6CCCEB;
}

:root[data-theme="dark"] .header-utility-actions .site-search input {
    color: #F7FAFC !important;
}

@media (max-width: 760px) {
    html[data-theme] .header-utility-actions .site-search {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Merged impact testimonials spacing */
html[data-theme] #stakeholder-messages .impact-message-grid {
    margin-bottom: clamp(38px, 5vw, 72px) !important;
}

html[data-theme] #stakeholder-messages .visual-case-grid {
    padding-top: clamp(8px, 1.4vw, 18px) !important;
}

/* Our Impacts section spacing */
html[data-theme] #flagship-programs .impact-program-list {
    margin-top: clamp(28px, 4vw, 44px) !important;
}

html[data-theme] #research-consultancy .impact-consultancy-list {
    padding-top: clamp(6px, 1vw, 14px) !important;
}

/* Final high-contrast card treatment for client review */
html[data-theme="light"] {
    --card-background: linear-gradient(145deg, #FFFFFF 0%, #F8F1EA 100%) !important;
    --card-border: rgba(185, 137, 86, .42) !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .card.pad,
html[data-theme="light"] .about-anchor-card,
html[data-theme="light"] .mandate-detail-card,
html[data-theme="light"] .thematic-detail-card,
html[data-theme="light"] .researcher-card,
html[data-theme="light"] .researcher-directory-card,
html[data-theme="light"] .news-card,
html[data-theme="light"] .carousel-card,
html[data-theme="light"] .visual-case-card,
html[data-theme="light"] .impact-rich-card,
html[data-theme="light"] .impact-contribution-card,
html[data-theme="light"] .impact-stat,
html[data-theme="light"] .impact-program-row,
html[data-theme="light"] .impact-policy-list article,
html[data-theme="light"] .impact-engagement-list article,
html[data-theme="light"] .impact-training-table,
html[data-theme="light"] .partner-directory-card,
html[data-theme="light"] .partner-carousel-card,
html[data-theme="light"] .logo-card,
html[data-theme="light"] .blog-feature-card,
html[data-theme="light"] .collab-card,
html[data-theme="light"] .collab-platform-card,
html[data-theme="light"] .collab-portal-card,
html[data-theme="light"] .collab-contact-card,
html[data-theme="light"] form.card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 241, 234, .92)) !important;
    border: 1px solid rgba(185, 137, 86, .5) !important;
    border-top: 3px solid rgba(39, 168, 216, .88) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 18px 46px -28px rgba(6, 57, 112, .36),
        0 8px 22px -18px rgba(111, 71, 39, .38) !important;
}

html[data-theme="light"] .card:nth-child(2n),
html[data-theme="light"] .news-card:nth-child(2n),
html[data-theme="light"] .carousel-card:nth-child(2n),
html[data-theme="light"] .visual-case-card:nth-child(2n),
html[data-theme="light"] .impact-rich-card:nth-child(2n),
html[data-theme="light"] .impact-contribution-card:nth-child(2n),
html[data-theme="light"] .collab-card:nth-child(2n),
html[data-theme="light"] .collab-platform-card:nth-child(2n) {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(234, 248, 252, .94)) !important;
    border-color: rgba(39, 168, 216, .46) !important;
    border-top-color: rgba(185, 137, 86, .92) !important;
}

html[data-theme="light"] .card:hover,
html[data-theme="light"] .card.pad:hover,
html[data-theme="light"] .news-card:hover,
html[data-theme="light"] .carousel-card:hover,
html[data-theme="light"] .visual-case-card:hover,
html[data-theme="light"] .researcher-card:hover,
html[data-theme="light"] .impact-rich-card:hover,
html[data-theme="light"] .impact-contribution-card:hover,
html[data-theme="light"] .collab-card:hover,
html[data-theme="light"] .collab-platform-card:hover {
    border-color: rgba(39, 168, 216, .74) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 26px 58px -30px rgba(6, 57, 112, .5),
        0 12px 28px -20px rgba(111, 71, 39, .46) !important;
}

:root[data-theme="dark"] {
    --card-background: linear-gradient(145deg, rgba(9, 38, 54, .96), rgba(6, 57, 112, .72)) !important;
    --card-border: rgba(108, 204, 235, .34) !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card.pad,
:root[data-theme="dark"] .about-anchor-card,
:root[data-theme="dark"] .mandate-detail-card,
:root[data-theme="dark"] .thematic-detail-card,
:root[data-theme="dark"] .researcher-card,
:root[data-theme="dark"] .researcher-directory-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .carousel-card,
:root[data-theme="dark"] .visual-case-card,
:root[data-theme="dark"] .impact-rich-card,
:root[data-theme="dark"] .impact-contribution-card,
:root[data-theme="dark"] .impact-stat,
:root[data-theme="dark"] .impact-program-row,
:root[data-theme="dark"] .impact-policy-list article,
:root[data-theme="dark"] .impact-engagement-list article,
:root[data-theme="dark"] .impact-training-table,
:root[data-theme="dark"] .partner-directory-card,
:root[data-theme="dark"] .partner-carousel-card,
:root[data-theme="dark"] .logo-card,
:root[data-theme="dark"] .blog-feature-card,
:root[data-theme="dark"] .collab-card,
:root[data-theme="dark"] .collab-platform-card,
:root[data-theme="dark"] .collab-portal-card,
:root[data-theme="dark"] .collab-contact-card,
:root[data-theme="dark"] form.card {
    background:
        linear-gradient(145deg, rgba(10, 37, 51, .98), rgba(6, 57, 112, .74)) !important;
    border: 1px solid rgba(108, 204, 235, .38) !important;
    border-top: 3px solid rgba(108, 204, 235, .9) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .08) inset,
        0 22px 52px -30px rgba(0, 0, 0, .86),
        0 0 0 1px rgba(255, 255, 255, .025) !important;
}

:root[data-theme="dark"] .card:nth-child(2n),
:root[data-theme="dark"] .news-card:nth-child(2n),
:root[data-theme="dark"] .carousel-card:nth-child(2n),
:root[data-theme="dark"] .visual-case-card:nth-child(2n),
:root[data-theme="dark"] .impact-rich-card:nth-child(2n),
:root[data-theme="dark"] .impact-contribution-card:nth-child(2n),
:root[data-theme="dark"] .collab-card:nth-child(2n),
:root[data-theme="dark"] .collab-platform-card:nth-child(2n) {
    background:
        linear-gradient(145deg, rgba(12, 49, 66, .98), rgba(19, 55, 70, .9)) !important;
    border-color: rgba(185, 137, 86, .46) !important;
    border-top-color: rgba(185, 137, 86, .9) !important;
}

:root[data-theme="dark"] .card:hover,
:root[data-theme="dark"] .card.pad:hover,
:root[data-theme="dark"] .news-card:hover,
:root[data-theme="dark"] .carousel-card:hover,
:root[data-theme="dark"] .visual-case-card:hover,
:root[data-theme="dark"] .researcher-card:hover,
:root[data-theme="dark"] .impact-rich-card:hover,
:root[data-theme="dark"] .impact-contribution-card:hover,
:root[data-theme="dark"] .collab-card:hover,
:root[data-theme="dark"] .collab-platform-card:hover {
    border-color: rgba(108, 204, 235, .66) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .1) inset,
        0 28px 64px -34px rgba(0, 0, 0, .95),
        0 0 0 1px rgba(108, 204, 235, .08) !important;
}

/* High-contrast Research Centers cards */
html[data-theme="light"] .research-center-cluster {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(248, 241, 234, .9)) !important;
    border: 1px solid rgba(185, 137, 86, .52) !important;
    border-top: 3px solid rgba(39, 168, 216, .92) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 22px 54px -30px rgba(6, 57, 112, .38),
        0 10px 24px -20px rgba(111, 71, 39, .38) !important;
}

html[data-theme="light"] .research-center-cluster-governance {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(234, 248, 252, .92)) !important;
    border-color: rgba(39, 168, 216, .48) !important;
    border-top-color: rgba(185, 137, 86, .94) !important;
}

html[data-theme="light"] .research-center-card {
    background:
        linear-gradient(145deg, #FFFFFF, rgba(248, 241, 234, .96)) !important;
    border: 1px solid rgba(185, 137, 86, .48) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 16px 36px -26px rgba(6, 57, 112, .34),
        0 8px 18px -16px rgba(111, 71, 39, .32) !important;
}

html[data-theme="light"] .research-center-card:nth-child(2n) {
    background:
        linear-gradient(145deg, #FFFFFF, rgba(234, 248, 252, .96)) !important;
    border-color: rgba(39, 168, 216, .46) !important;
}

html[data-theme="light"] .research-center-card:hover {
    transform: translateY(-4px);
    border-color: rgba(39, 168, 216, .76) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 24px 50px -28px rgba(6, 57, 112, .48),
        0 12px 26px -18px rgba(111, 71, 39, .42) !important;
}

html[data-theme="light"] .research-center-card > span {
    background: linear-gradient(135deg, rgba(39, 168, 216, .16), rgba(234, 248, 252, .94)) !important;
    border-color: rgba(39, 168, 216, .38) !important;
    color: #063970 !important;
}

:root[data-theme="dark"] .research-center-cluster {
    background:
        linear-gradient(145deg, rgba(10, 37, 51, .98), rgba(6, 57, 112, .74)) !important;
    border: 1px solid rgba(108, 204, 235, .4) !important;
    border-top: 3px solid rgba(108, 204, 235, .92) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .08) inset,
        0 26px 60px -34px rgba(0, 0, 0, .92),
        0 0 0 1px rgba(255, 255, 255, .025) !important;
}

:root[data-theme="dark"] .research-center-cluster-governance {
    background:
        linear-gradient(145deg, rgba(12, 49, 66, .98), rgba(19, 55, 70, .92)) !important;
    border-color: rgba(185, 137, 86, .5) !important;
    border-top-color: rgba(185, 137, 86, .92) !important;
}

:root[data-theme="dark"] .research-center-card {
    background:
        linear-gradient(145deg, rgba(13, 45, 61, .98), rgba(6, 57, 112, .76)) !important;
    border: 1px solid rgba(108, 204, 235, .34) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .08) inset,
        0 20px 42px -30px rgba(0, 0, 0, .9) !important;
}

:root[data-theme="dark"] .research-center-card:nth-child(2n) {
    background:
        linear-gradient(145deg, rgba(18, 58, 82, .98), rgba(22, 50, 62, .94)) !important;
    border-color: rgba(185, 137, 86, .44) !important;
}

:root[data-theme="dark"] .research-center-card:hover {
    transform: translateY(-4px);
    border-color: rgba(108, 204, 235, .68) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .1) inset,
        0 28px 58px -34px rgba(0, 0, 0, .98),
        0 0 0 1px rgba(108, 204, 235, .08) !important;
}

:root[data-theme="dark"] .research-center-card > span {
    background: linear-gradient(135deg, rgba(108, 204, 235, .2), rgba(6, 57, 112, .72)) !important;
    border-color: rgba(108, 204, 235, .42) !important;
    color: #EAF8FC !important;
}

/* News-style Research Centers cards */
html[data-theme] #thematic-area .research-center-cards {
    gap: clamp(16px, 2vw, 24px) !important;
}

html[data-theme] #thematic-area .research-center-card {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 430px !important;
    padding: 0 24px 28px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(248, 241, 234, .58) 54%, rgba(234, 248, 252, .78)) !important;
    border: 1px solid rgba(39, 168, 216, .36) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .9) inset,
        0 24px 58px -38px rgba(6, 57, 112, .48) !important;
    backdrop-filter: blur(18px) saturate(142%);
    -webkit-backdrop-filter: blur(18px) saturate(142%);
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

html[data-theme] #thematic-area .research-center-card::before {
    content: "";
    display: block;
    height: 150px;
    margin: 0 -24px 28px;
    background:
        radial-gradient(circle at 18% 30%, rgba(255, 255, 255, .64) 0 36px, transparent 37px),
        linear-gradient(135deg, rgba(39, 168, 216, .92), rgba(6, 57, 112, .88) 56%, rgba(185, 137, 86, .82));
    border-bottom: 1px solid rgba(39, 168, 216, .34);
}

html[data-theme] #thematic-area .research-center-card:nth-child(2n)::before {
    background:
        radial-gradient(circle at 18% 30%, rgba(255, 255, 255, .58) 0 36px, transparent 37px),
        linear-gradient(135deg, rgba(185, 137, 86, .94), rgba(111, 71, 39, .88) 52%, rgba(39, 168, 216, .82));
}

html[data-theme] #thematic-area .research-center-card > span {
    position: absolute !important;
    top: 104px !important;
    left: 24px !important;
    z-index: 2 !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    background: #F8F1EA !important;
    border: 1px solid rgba(185, 137, 86, .38) !important;
    color: #95683D !important;
    box-shadow: 0 18px 34px -24px rgba(6, 57, 112, .58) !important;
}

html[data-theme] #thematic-area .research-center-card h4 {
    margin-top: 0 !important;
    color: #063970 !important;
    font-size: clamp(19px, 1.35vw, 23px) !important;
    line-height: 1.18 !important;
}

html[data-theme] #thematic-area .research-center-card p {
    color: #66747C !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    margin-top: 4px !important;
}

html[data-theme] #thematic-area .research-center-card strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #0784B5;
    font-size: 14px;
    font-weight: 900;
}

html[data-theme] #thematic-area .research-center-card:focus-visible {
    outline: 3px solid rgba(39, 168, 216, .46);
    outline-offset: 4px;
}

html[data-theme] #thematic-area .research-center-card:hover {
    transform: translateY(-5px) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(248, 241, 234, .66) 54%, rgba(234, 248, 252, .88)) !important;
    border-color: rgba(39, 168, 216, .62) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 30px 68px -38px rgba(6, 57, 112, .58) !important;
}

:root[data-theme="dark"] #thematic-area .research-center-card {
    background:
        linear-gradient(145deg, rgba(234, 248, 252, .14), rgba(6, 57, 112, .7) 48%, rgba(149, 104, 61, .22)) !important;
    border-color: rgba(108, 204, 235, .3) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .1) inset,
        0 28px 68px -44px rgba(0, 0, 0, .82) !important;
}

:root[data-theme="dark"] #thematic-area .research-center-card::before {
    background:
        radial-gradient(circle at 18% 30%, rgba(234, 248, 252, .18) 0 36px, transparent 37px),
        linear-gradient(135deg, rgba(39, 168, 216, .76), rgba(6, 57, 112, .92) 58%, rgba(11, 37, 51, .96));
    border-bottom-color: rgba(108, 204, 235, .22);
}

:root[data-theme="dark"] #thematic-area .research-center-card:nth-child(2n)::before {
    background:
        radial-gradient(circle at 18% 30%, rgba(248, 241, 234, .15) 0 36px, transparent 37px),
        linear-gradient(135deg, rgba(149, 104, 61, .82), rgba(111, 71, 39, .92) 52%, rgba(6, 57, 112, .9));
}

:root[data-theme="dark"] #thematic-area .research-center-card > span {
    background: rgba(248, 241, 234, .92) !important;
    border-color: rgba(248, 241, 234, .32) !important;
    color: #6F4727 !important;
}

:root[data-theme="dark"] #thematic-area .research-center-card h4 {
    color: #F8F1EA !important;
}

:root[data-theme="dark"] #thematic-area .research-center-card strong {
    color: #6CCCEB !important;
}

/* Clean text-first Research Centers cards in About > Thematic Area */
html[data-theme] #thematic-area .research-center-card,
:root[data-theme="dark"] #thematic-area .research-center-card {
    min-height: auto !important;
    padding: 28px 24px 30px !important;
}

html[data-theme] #thematic-area .research-center-card::before,
:root[data-theme="dark"] #thematic-area .research-center-card::before {
    content: none !important;
    display: none !important;
}

html[data-theme] #thematic-area .research-center-card > span,
:root[data-theme="dark"] #thematic-area .research-center-card > span {
    position: static !important;
    width: fit-content !important;
    height: auto !important;
    min-width: 56px !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

html[data-theme] #thematic-area .research-center-card h4,
:root[data-theme="dark"] #thematic-area .research-center-card h4 {
    margin-top: 0 !important;
}

:root[data-theme="dark"] #thematic-area .research-center-card p {
    color: rgba(234, 248, 252, .86) !important;
}

/* Minimal image-led Research Centers layout */
html[data-theme] #thematic-area.about-section-thematic {
    background: var(--background, #F4F7FA) !important;
}

html[data-theme] #thematic-area .research-centers-minimal-head {
    max-width: 760px;
    margin: 0 0 clamp(30px, 5vw, 54px) !important;
    text-align: left !important;
}

html[data-theme] #thematic-area .research-centers-minimal-head .eyebrow {
    color: #506174 !important;
    letter-spacing: .28em !important;
}

html[data-theme] #thematic-area .research-centers-minimal-head h2 {
    color: #061936 !important;
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.05 !important;
}

html[data-theme] #thematic-area .research-centers-layout {
    display: grid !important;
    gap: clamp(42px, 6vw, 74px) !important;
}

html[data-theme] #thematic-area .research-center-cluster,
html[data-theme="light"] #thematic-area .research-center-cluster,
:root[data-theme="dark"] #thematic-area .research-center-cluster {
    display: block !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme] #thematic-area .research-center-cluster::before {
    content: none !important;
    display: none !important;
}

html[data-theme] #thematic-area .research-center-cluster-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 0 22px !important;
    margin: 0 0 30px !important;
    border-bottom: 1px solid rgba(6, 25, 54, .16) !important;
}

html[data-theme] #thematic-area .research-center-cluster-head > span,
html[data-theme="light"] #thematic-area .research-center-cluster-head > span,
:root[data-theme="dark"] #thematic-area .research-center-cluster-head > span {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #B98956 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html[data-theme] #thematic-area .research-center-cluster-head .eyebrow,
html[data-theme] #thematic-area .research-center-cluster-head p:not(.eyebrow) {
    display: none !important;
}

html[data-theme] #thematic-area .research-center-cluster-head h3,
html[data-theme="light"] #thematic-area .research-center-cluster-head h3,
:root[data-theme="dark"] #thematic-area .research-center-cluster-head h3 {
    margin: 0 !important;
    color: #061936 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.15 !important;
}

html[data-theme] #thematic-area .research-center-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(22px, 2.5vw, 32px) !important;
}

html[data-theme] #thematic-area .research-center-card,
html[data-theme="light"] #thematic-area .research-center-card,
:root[data-theme="dark"] #thematic-area .research-center-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 0 26px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #FFFFFF !important;
    box-shadow: 0 24px 58px -44px rgba(6, 25, 54, .42) !important;
    color: inherit !important;
    text-decoration: none !important;
}

html[data-theme] #thematic-area .research-center-card img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 0 28px !important;
}

html[data-theme] #thematic-area .research-center-card h4,
:root[data-theme="dark"] #thematic-area .research-center-card h4 {
    margin: 0 24px 12px !important;
    color: #061936 !important;
    font-size: clamp(18px, 1.35vw, 23px) !important;
    line-height: 1.24 !important;
}

html[data-theme] #thematic-area .research-center-card p,
:root[data-theme="dark"] #thematic-area .research-center-card p {
    margin: 0 24px 24px !important;
    color: #506174 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

html[data-theme] #thematic-area .research-center-card strong,
:root[data-theme="dark"] #thematic-area .research-center-card strong {
    margin: auto 24px 0 !important;
    color: #0784B5 !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

html[data-theme] #thematic-area .research-center-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 30px 64px -42px rgba(6, 25, 54, .5) !important;
}

html[data-theme] #thematic-area .research-center-card:focus-visible {
    outline: 3px solid rgba(7, 132, 181, .4) !important;
    outline-offset: 4px !important;
}

@media (max-width: 900px) {
    html[data-theme] #thematic-area .research-center-cards {
        grid-template-columns: 1fr !important;
    }
}

/* Research center detail pages */
html[data-theme] .research-center-detail-hero {
    padding: clamp(120px, 14vw, 170px) 0 clamp(54px, 8vw, 86px);
    background:
        linear-gradient(135deg, rgba(6, 57, 112, .94), rgba(10, 37, 51, .88)),
        url("/assets/hero-ethiopia-policy-2.jpg") center/cover no-repeat;
    color: #F8FAFC;
}

html[data-theme] .research-center-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 26px;
    font-size: 14px;
    font-weight: 800;
}

html[data-theme] .research-center-breadcrumb a,
html[data-theme] .research-center-breadcrumb strong {
    color: rgba(248, 250, 252, .92);
    text-decoration: none;
}

html[data-theme] .research-center-breadcrumb span {
    color: rgba(248, 250, 252, .48);
}

html[data-theme] .research-center-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: clamp(28px, 5vw, 70px);
    align-items: end;
}

html[data-theme] .research-center-hero-grid h1 {
    max-width: 980px;
    margin: 10px 0 18px;
    color: #FFFFFF;
    font-size: clamp(38px, 5vw, 76px);
    line-height: .98;
}

html[data-theme] .research-center-hero-grid p:not(.eyebrow) {
    max-width: 780px;
    margin: 0;
    color: rgba(248, 250, 252, .84);
    font-size: clamp(17px, 1.4vw, 22px);
    line-height: 1.62;
}

html[data-theme] .research-center-hero-grid aside {
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 8px;
    padding: 24px;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

html[data-theme] .research-center-hero-grid aside span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #F8F1EA;
    color: #95683D;
    font-weight: 900;
}

html[data-theme] .research-center-hero-grid aside strong {
    color: #FFFFFF;
    line-height: 1.35;
}

html[data-theme] .research-center-detail-section {
    background: var(--background, #F4F7FA);
}

html[data-theme] .research-center-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 28px;
}

html[data-theme] .research-center-about-card,
html[data-theme] .research-center-side-card,
html[data-theme] .research-department-grid article,
html[data-theme] .research-center-member-card,
html[data-theme] .research-related-centers a {
    border: 1px solid rgba(39, 168, 216, .22);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(234, 248, 252, .62));
    box-shadow: 0 22px 54px -42px rgba(6, 57, 112, .5);
}

html[data-theme] .research-center-about-card,
html[data-theme] .research-center-side-card {
    padding: clamp(24px, 3vw, 38px);
}

html[data-theme] .research-center-about-card h2 {
    margin: 0 0 16px;
    color: #063970;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.08;
}

html[data-theme] .research-center-about-card p:not(.eyebrow) {
    color: #405260;
    font-size: 17px;
    line-height: 1.78;
}

html[data-theme] .research-center-side-card dl {
    display: grid;
    gap: 0;
    margin: 12px 0 0;
}

html[data-theme] .research-center-side-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(6, 57, 112, .14);
}

html[data-theme] .research-center-side-card dt {
    color: #43545D;
    font-weight: 800;
}

html[data-theme] .research-center-side-card dd {
    margin: 0;
    color: #063970;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: 900;
}

html[data-theme] .research-department-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

html[data-theme] .research-department-grid article {
    padding: 24px;
}

html[data-theme] .research-department-grid span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: #F8F1EA;
    border: 1px solid rgba(185, 137, 86, .3);
    color: #95683D;
    font-weight: 900;
}

html[data-theme] .research-department-grid h3 {
    margin: 0 0 10px;
    color: #063970;
    line-height: 1.18;
}

html[data-theme] .research-department-grid p {
    margin: 0;
    color: #5A6A73;
    line-height: 1.65;
}

html[data-theme] .research-center-member-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

html[data-theme] .research-center-member-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 18px;
    color: inherit;
    text-decoration: none;
}

html[data-theme] .research-center-member-card img {
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 8px;
}

html[data-theme] .research-center-member-card h3 {
    margin: 0 0 6px;
    color: #063970;
    font-size: 18px;
    line-height: 1.2;
}

html[data-theme] .research-center-member-card p,
html[data-theme] .research-center-member-card span {
    display: block;
    margin: 0;
    color: #5A6A73;
    font-size: 14px;
    line-height: 1.45;
}

html[data-theme] .research-center-member-card span {
    margin-top: 8px;
    color: #0784B5;
    font-weight: 900;
}

html[data-theme] .research-related-centers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

html[data-theme] .research-related-centers a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 22px;
    color: inherit;
    text-decoration: none;
}

html[data-theme] .research-related-centers span {
    color: #0784B5;
    font-weight: 900;
}

html[data-theme] .research-related-centers strong {
    color: #063970;
    line-height: 1.25;
}

html[data-theme] .research-center-member-card:hover,
html[data-theme] .research-related-centers a:hover {
    transform: translateY(-3px);
    border-color: rgba(39, 168, 216, .5);
}

@media (max-width: 900px) {
    html[data-theme] .research-center-hero-grid,
    html[data-theme] .research-center-detail-grid {
        grid-template-columns: 1fr;
    }

    html[data-theme] .research-department-grid,
    html[data-theme] .research-center-member-grid,
    html[data-theme] .research-related-centers {
        grid-template-columns: 1fr;
    }
}

/* Home Research Centers cards: match News/Blogs card treatment */
html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 300px !important;
    padding: 30px 30px 32px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(248, 241, 234, .58) 54%, rgba(234, 248, 252, .78)) !important;
    border: 1px solid rgba(39, 168, 216, .36) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .9) inset,
        0 24px 58px -38px rgba(6, 57, 112, .48) !important;
    backdrop-filter: blur(18px) saturate(142%);
    -webkit-backdrop-filter: blur(18px) saturate(142%);
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card::before {
    display: none !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card:nth-child(2n)::before {
    display: none !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card .icon {
    position: static !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    background: #F8F1EA !important;
    border: 1px solid rgba(185, 137, 86, .38) !important;
    color: #95683D !important;
    box-shadow: 0 18px 34px -24px rgba(6, 57, 112, .58) !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card h3 {
    margin-top: 14px !important;
    color: #063970 !important;
    font-size: clamp(22px, 1.7vw, 30px) !important;
    line-height: 1.12 !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card p,
html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card .muted {
    color: #66747C !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    margin-top: 4px !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card .service-read-more {
    margin-top: auto !important;
    color: #147FA8 !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card .service-read-more::after {
    color: #147FA8 !important;
}

html[data-theme] body.home-page .home-section-research .thematic-area-block .thematic-card:hover {
    transform: translateY(-5px) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(248, 241, 234, .66) 54%, rgba(234, 248, 252, .88)) !important;
    border-color: rgba(39, 168, 216, .62) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .95) inset,
        0 30px 68px -38px rgba(6, 57, 112, .58) !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card {
    background:
        linear-gradient(145deg, rgba(234, 248, 252, .14), rgba(6, 57, 112, .7) 48%, rgba(149, 104, 61, .22)) !important;
    border-color: rgba(108, 204, 235, .3) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .1) inset,
        0 28px 68px -44px rgba(0, 0, 0, .82) !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card::before {
    display: none !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card:nth-child(2n)::before {
    display: none !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card .icon {
    background: rgba(248, 241, 234, .92) !important;
    border-color: rgba(248, 241, 234, .32) !important;
    color: #6F4727 !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card h3 {
    color: #F8F1EA !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card p,
:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card .muted {
    color: rgba(234, 248, 252, .86) !important;
}

:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card .service-read-more,
:root[data-theme="dark"] body.home-page .home-section-research .thematic-area-block .thematic-card .service-read-more::after {
    color: #6CCCEB !important;
}

/* Home neutral page background */
html[data-theme] body.home-page,
html[data-theme] body.home-page main,
html[data-theme] body.home-page .site-main,
html[data-theme] body.home-page .section {
    background-color: #f6f8fb !important;
}

/* Site-wide neutral page background */
html[data-theme] body,
html[data-theme] main,
html[data-theme] .site-main,
html[data-theme] .section {
    background-color: #f6f8fb !important;
}

/* Force About page to use the same test background */
html[data-theme] body.about-page,
html[data-theme] body.about-page main,
html[data-theme] body.about-page .site-main,
html[data-theme] body.about-page .section,
html[data-theme] body.about-page .about-section-nav,
html[data-theme] body.about-page .about-section-overview,
html[data-theme] body.about-page .about-section-vision,
html[data-theme] body.about-page .about-section-mandate,
html[data-theme] body.about-page .about-section-mandate-detail,
html[data-theme] body.about-page .about-section-thematic,
html[data-theme] body.about-page .about-section-organogram,
html[data-theme] body.about-page .researcher-feature-section.about-section-researchers,
html[data-theme] body.about-page .about-composite-section {
    background: #f6f8fb !important;
    background-color: #f6f8fb !important;
}

html[data-theme] body.about-page::before {
    opacity: 0 !important;
}

/* Absolute final header cleanup */
html[data-theme] .site-header .brand,
html[data-theme] .site-header .brand *,
html[data-theme] .header-utility-actions,
html[data-theme] .header-utility-actions *,
html[data-theme] .header-action-cluster,
html[data-theme] .header-action-cluster *,
html[data-theme] .header-action-cluster .topbar-social-links {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

html[data-theme] .site-header .brand::before,
html[data-theme] .site-header .brand::after,
html[data-theme] .site-header .brand > span::before,
html[data-theme] .site-header .brand > span::after,
html[data-theme] .site-header .brand > span > span::before,
html[data-theme] .site-header .brand > span > span::after,
html[data-theme] .site-header .brand .brand-tagline::before,
html[data-theme] .site-header .brand strong::before,
html[data-theme] .site-header .brand strong::after,
html[data-theme] .header-utility-actions::before,
html[data-theme] .header-utility-actions::after,
html[data-theme] .header-action-cluster::before,
html[data-theme] .header-action-cluster::after,
html[data-theme] .header-action-cluster .topbar-social-links::before,
html[data-theme] .header-action-cluster .topbar-social-links::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html[data-theme] .site-header .brand,
html[data-theme] .header-action-cluster .topbar-social-links {
    border: 0 !important;
    padding-left: 0 !important;
}

html[data-theme] .header-utility-actions .site-search {
    width: min(100%, 520px) !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(74, 48, 28, .16), 0 1px 2px rgba(11, 37, 51, .08) !important;
    overflow: hidden !important;
}

html[data-theme] .header-utility-actions .site-search::before,
html[data-theme] .header-utility-actions .site-search::after {
    content: none !important;
    display: none !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 48px !important;
    color: #5f6368 !important;
}

html[data-theme] .header-utility-actions .site-search .search-leading-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}

html[data-theme] .header-utility-actions .site-search input {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #202124 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

html[data-theme] .header-utility-actions .site-search input::placeholder {
    color: #6f7277 !important;
}

html[data-theme] .header-utility-actions .site-search button {
    width: 44px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f3135 !important;
    box-shadow: none !important;
}

html[data-theme] .header-utility-actions .site-search button svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}