/* ==========================================================
   AMERICA'S DATA CENTER
   Base Design System
========================================================== */

:root {
    --background: #f5f7fa;
    --panel: #ffffff;
    --primary: #14213d;
    --accent: #2457a6;
    --accent-bright: #1772ce;
    --text: #182230;
    --muted: #667085;
    --border: #d8dee8;
    --soft: #edf2f8;
    --soft-alt: #f8f9fb;
    --primary-light: #a9c1e7;
    --primary-muted: #d5deed;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --container-width: 1180px;
    --transition-fast: 0.2s ease;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background: var(--background);
    color: var(--text);

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
}

button,
input {
    font: inherit;
}

.container {
    width: min(var(--container-width), 92%);
    margin-inline: auto;
}

.eyebrow {
    display: inline-block;
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.metric-label {
    color: var(--primary-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.10em;
}

.state-section {
    margin-top: 75px;
}

.section-heading {
    max-width: 720px;
    margin-bottom: 25px;
}

.section-heading h2,
.state-section h2 {
    margin: 8px 0 10px;
    font-size: clamp(32px, 4vw, 46px);
    letter-spacing: -0.03em;
}

.section-heading p,
.state-section > p {
    color: var(--muted);
    line-height: 1.6;
}

/* ==========================================================
   HEADER / NAVIGATION
========================================================== */

.site-header {
    position: relative;
    z-index: 30;

    border-bottom: 1px solid rgba(216, 222, 232, 0.86);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 0 rgba(20, 33, 61, 0.02);

    backdrop-filter: blur(16px);
}

.site-header-inner {
    width: min(1660px, 97vw);
    min-height: 62px;
    margin-inline: auto;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}

.brand {
    min-width: max-content;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: var(--primary);
    text-decoration: none;
}

.brand-mark {
    width: 25px;
    height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.brand-mark span {
    width: 4px;
    border-radius: 999px;
    background: var(--accent);
}

.brand-mark span:nth-child(1) {
    height: 16px;
}

.brand-mark span:nth-child(2) {
    height: 27px;
    background: #5187d4;
}

.brand-mark span:nth-child(3) {
    height: 21px;
    background: #d9414b;
}

.brand-mark span:nth-child(4) {
    height: 12px;
    background: #1b5fae;
}

.brand-copy {
    display: grid;
}

.brand-copy strong {
    font-size: 17px;
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.brand-copy small {
    margin-top: 3px;
    color: #687a91;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.11em;
}

.primary-nav {
    height: 62px;

    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
}

.primary-nav a {
    position: relative;

    padding: 0 10px;

    display: inline-flex;
    align-items: center;

    color: #516177;
    font-size: 11px;
    font-weight: 650;

    text-decoration: none;

    transition:
        color var(--transition-fast),
        background var(--transition-fast);
}

.primary-nav a:hover {
    color: var(--primary);
    background: #f8fafc;
}

.primary-nav a::after {
    content: "";

    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;

    height: 3px;

    border-radius: 3px 3px 0 0;

    background: var(--accent-bright);

    transform: scaleX(0);
    transform-origin: center;

    transition: transform var(--transition-fast);
}

.primary-nav a:hover::after,
.primary-nav a.active::after {
    transform: scaleX(1);
}

.primary-nav a.active {
    color: #104d91;
    font-weight: 800;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-search {
    width: 210px;
    height: 34px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 0 10px;

    border: 1px solid #dce3ec;
    border-radius: 8px;

    background: #f8fafc;
}

.header-search span {
    color: var(--accent);
    font-size: 16px;
}

.header-search input {
    width: 100%;

    border: 0;
    outline: 0;

    background: transparent;
    color: var(--text);

    font-size: 10px;
}

.header-search input::placeholder {
    color: #8793a5;
}

.support-button {
    min-height: 34px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    border-radius: 8px;

    background: #d9282f;
    color: #ffffff;

    font-size: 10px;
    font-weight: 800;

    text-decoration: none;

    box-shadow: 0 6px 14px rgba(217, 40, 47, 0.16);

    transition:
        transform var(--transition-fast),
        box-shadow var(--transition-fast);
}

.support-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(217, 40, 47, 0.22);
}

.support-button span {
    font-size: 14px;
}

/* ==========================================================
   BREADCRUMBS
========================================================== */

.breadcrumb,
.breadcrumbs {
    margin-top: 26px;
    color: var(--muted);
    font-size: 12px;
}

.breadcrumbs ol {
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    list-style: none;
}

.breadcrumbs li {
    display: flex;
    align-items: center;
}

.breadcrumbs li:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: #9ba6b5;
}

.breadcrumb a,
.breadcrumbs a {
    color: var(--accent);
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumbs a:hover {
    text-decoration: underline;
}

/* ==========================================================
   GENERIC UI
========================================================== */

.no-data-card {
    padding: 22px;

    border: 1px dashed var(--border);
    border-radius: var(--radius-md);

    background: var(--soft-alt);
    color: var(--muted);

    line-height: 1.6;
}

.source-list {
    margin: 25px 0 60px;

    border: 1px solid var(--border);
    border-radius: 18px;

    background: var(--panel);
}

.source-list > div {
    padding: 20px;

    display: grid;
    grid-template-columns: 220px 1fr;

    border-bottom: 1px solid var(--border);
}

.source-list > div:last-child {
    border-bottom: 0;
}

.source-list span,
.source-list small {
    color: var(--muted);
}

.source-list small {
    display: block;
    margin-top: 5px;
}

/* ==========================================================
   FOOTER
========================================================== */

.site-footer {
    margin-top: 18px;

    border-top: 1px solid rgba(205, 214, 226, 0.88);

    background: rgba(255, 255, 255, 0.70);
}

.site-footer-inner {
    width: min(1660px, 97vw);
    min-height: 56px;
    margin-inline: auto;

    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(180px, 1fr);
    align-items: center;
    gap: 20px;
}

.footer-brand {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.footer-brand strong {
    color: var(--primary);
    font-size: 11px;
}

.footer-brand span,
.footer-credit {
    color: #748297;
    font-size: 8px;
}

.footer-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    color: #60738b;
    font-size: 8px;
}

.footer-icons span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.footer-icons b {
    color: #2b6cae;
    font-size: 10px;
}

.footer-credit {
    justify-self: end;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1220px) {
    .site-header-inner {
        grid-template-columns: auto 1fr;
    }

    .header-actions {
        display: none;
    }

    .primary-nav {
        justify-content: flex-end;
    }
}

@media (max-width: 850px) {
    .site-header-inner {
        min-height: 58px;
    }

    .brand-copy small {
        display: none;
    }

    .primary-nav {
        display: none;
    }

    .site-footer-inner {
        grid-template-columns: 1fr;
        padding: 16px 0;
    }

    .footer-icons {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .footer-credit {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .source-list > div {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .footer-brand {
        display: grid;
        gap: 4px;
    }
}


/* ==========================================================
   BRAND SIGNATURE
   America's Data Center pulse mark + premium interaction layer
========================================================== */

:root {
    --adc-blue: #2457a6;
    --adc-blue-bright: #1772ce;
    --adc-blue-light: #5d95e3;
    --adc-red: #d9414b;
    --adc-gold: #d8a23d;
}

.brand {
    position: relative;
    isolation: isolate;
}

.brand-mark {
    position: relative;
    width: 29px;
    height: 34px;
    gap: 2.5px;
    transform-origin: center;
    animation: adc-mark-heartbeat 2.6s ease-in-out infinite;
}

.brand-mark::before {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(23, 114, 206, 0.18) 0%,
        rgba(36, 87, 166, 0.07) 42%,
        transparent 72%
    );
    opacity: 0;
    transform: scale(0.72);
    animation: adc-mark-glow 2.6s ease-out infinite;
}

.brand-pulse-bar {
    width: 4.5px !important;
    transform-origin: center;
    box-shadow: 0 0 0 rgba(23, 114, 206, 0);
}

.brand-pulse-bar-1 {
    height: 17px !important;
    background: var(--adc-blue) !important;
    animation: adc-bar-one 2.6s ease-in-out infinite;
}

.brand-pulse-bar-2 {
    height: 29px !important;
    background: linear-gradient(180deg, #69a5ef 0%, #3f78cb 100%) !important;
    animation: adc-bar-two 2.6s ease-in-out infinite;
}

.brand-pulse-bar-3 {
    height: 22px !important;
    background: linear-gradient(180deg, #ef5961 0%, var(--adc-red) 100%) !important;
    animation: adc-bar-three 2.6s ease-in-out infinite;
}

.brand-pulse-bar-4 {
    height: 13px !important;
    background: linear-gradient(180deg, #2875c8 0%, #15539b 100%) !important;
    animation: adc-bar-four 2.6s ease-in-out infinite;
}

.brand:hover .brand-mark {
    filter: saturate(1.12);
}

.brand-copy strong {
    transition:
        color var(--transition-fast),
        text-shadow var(--transition-fast);
}

.brand:hover .brand-copy strong {
    color: #0e376a;
    text-shadow: 0 5px 18px rgba(36, 87, 166, 0.08);
}

@keyframes adc-mark-heartbeat {
    0%, 68%, 100% {
        transform: scale(1);
    }
    72% {
        transform: scale(1.07);
    }
    76% {
        transform: scale(1);
    }
    80% {
        transform: scale(1.12);
    }
    86% {
        transform: scale(1);
    }
}

@keyframes adc-mark-glow {
    0%, 67%, 100% {
        opacity: 0;
        transform: scale(0.72);
    }
    72% {
        opacity: 0.52;
        transform: scale(1);
    }
    78% {
        opacity: 0.10;
        transform: scale(1.20);
    }
    81% {
        opacity: 0.62;
        transform: scale(1);
    }
    89% {
        opacity: 0;
        transform: scale(1.34);
    }
}

@keyframes adc-bar-one {
    0%, 68%, 100% { transform: scaleY(1); }
    72% { transform: scaleY(1.16); }
    76% { transform: scaleY(0.96); }
    80% { transform: scaleY(1.22); }
    86% { transform: scaleY(1); }
}

@keyframes adc-bar-two {
    0%, 68%, 100% { transform: scaleY(1); }
    71% { transform: scaleY(1.12); }
    75% { transform: scaleY(0.97); }
    80% { transform: scaleY(1.18); }
    86% { transform: scaleY(1); }
}

@keyframes adc-bar-three {
    0%, 68%, 100% { transform: scaleY(1); }
    73% { transform: scaleY(1.22); }
    77% { transform: scaleY(0.96); }
    81% { transform: scaleY(1.30); }
    87% { transform: scaleY(1); }
}

@keyframes adc-bar-four {
    0%, 68%, 100% { transform: scaleY(1); }
    74% { transform: scaleY(1.14); }
    78% { transform: scaleY(0.97); }
    82% { transform: scaleY(1.20); }
    87% { transform: scaleY(1); }
}


/* ==========================================================
   PREMIUM GLOBAL INTERACTION
========================================================== */

.site-header {
    box-shadow:
        0 1px 0 rgba(20, 33, 61, 0.03),
        0 10px 32px rgba(20, 33, 61, 0.025);
}

.primary-nav a {
    border-radius: 8px 8px 0 0;
}

.header-search {
    transition:
        border-color var(--transition-fast),
        background var(--transition-fast),
        box-shadow var(--transition-fast);
}

.header-search:focus-within {
    border-color: rgba(23, 114, 206, 0.38);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(23, 114, 206, 0.07);
}

.support-button {
    background: linear-gradient(135deg, #d9282f 0%, #e33b42 100%);
}

.support-button:hover {
    transform: translateY(-2px);
}


/* A restrained warm/cool ambient wash for page content. */
main.container {
    position: relative;
    isolation: isolate;
}

main.container::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -9vw;
    width: 620px;
    height: 390px;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 35% 35%,
            rgba(23, 114, 206, 0.055) 0%,
            rgba(36, 87, 166, 0.025) 38%,
            rgba(216, 162, 61, 0.018) 55%,
            transparent 74%
        );
    filter: blur(10px);
}


/* Consistent premium card behavior across the product. */
.official-card,
.district-card,
.district-member-card,
.state-stat-card,
.snapshot-card,
.county-number,
.income-card {
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.official-card:hover,
.district-card:hover,
.district-member-card:hover,
.state-stat-card:hover,
.snapshot-card:hover,
.county-number:hover,
.income-card:hover {
    transform: translateY(-3px);
    border-color: rgba(23, 114, 206, 0.22);
    box-shadow:
        0 18px 44px rgba(20, 33, 61, 0.075),
        0 4px 12px rgba(20, 33, 61, 0.035);
}


/* Keyboard users receive the same premium clarity as pointer users. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
    outline: 3px solid rgba(23, 114, 206, 0.34);
    outline-offset: 3px;
}


/* Respect the user's operating-system motion preference. */
@media (prefers-reduced-motion: reduce) {
    .brand-mark,
    .brand-mark::before,
    .brand-pulse-bar {
        animation: none !important;
    }

    .official-card,
    .district-card,
    .district-member-card,
    .state-stat-card,
    .snapshot-card,
    .county-number,
    .income-card,
    .support-button {
        transition: none;
    }
}

/* ==========================================================
   HOME V3 GLOBAL NAVIGATION
========================================================== */
.mobile-menu {
    display: none;
    position: relative;
}

.mobile-menu summary {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-content: center;
    gap: 4px;
    border: 1px solid #dce4ed;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.mobile-menu summary::-webkit-details-marker { display: none; }

.mobile-menu summary span {
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #173d68;
}

.mobile-menu-panel {
    position: absolute;
    top: 48px;
    right: 0;
    width: min(290px, calc(100vw - 24px));
    padding: 10px;
    display: grid;
    gap: 4px;
    border: 1px solid #dbe4ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(20,33,61,.16);
}

.mobile-menu-panel a {
    padding: 11px 12px;
    border-radius: 9px;
    color: #243750;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.mobile-menu-panel a:hover { background: #f3f7fb; }

.mobile-menu-panel .mobile-support {
    margin-top: 4px;
    background: linear-gradient(135deg, #d9282f 0%, #e33b42 100%);
    color: #fff;
}

@media (max-width: 1220px) {
    .site-header-inner {
        grid-template-columns: auto minmax(0,1fr) auto;
        gap: 14px;
    }

    .header-actions { display: flex; }
    .header-search { width: 170px; }
}

@media (max-width: 980px) {
    .header-search { display: none; }
    .site-header-inner { grid-template-columns: auto 1fr auto; }
}

@media (max-width: 850px) {
    .site-header-inner {
        width: min(100% - 22px, 1660px);
        grid-template-columns: 1fr auto;
    }

    .primary-nav,
    .header-actions { display: none; }

    .mobile-menu { display: block; }
}

/* ==========================================================
   GLOBAL SEARCH RESULTS
========================================================== */
.search-page {
    max-width: 1040px;
    margin: 52px auto 80px;
}

.search-page h1 {
    margin: 8px 0 10px;
    color: var(--primary);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1;
    letter-spacing: -.045em;
}

.search-page > p {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.search-page-form {
    margin-top: 28px;
    min-height: 58px;
    padding: 0 10px 0 18px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #cfdbe7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(20,49,84,.06);
}

.search-page-form i { color: var(--accent); }
.search-page-form input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 15px; }
.search-page-form button { min-height: 40px; padding: 0 17px; border: 0; border-radius: 11px; background: #173f70; color: #fff; font-weight: 800; cursor: pointer; }

.search-result-section { margin-top: 42px; }
.search-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 9px; border-bottom: 1px solid #d8e1eb; }
.search-result-heading span { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.search-result-heading small { color: var(--muted); }
.search-result-list { display: grid; }
.search-result-row { min-height: 82px; padding: 13px 4px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #e1e7ee; color: var(--primary); text-decoration: none; }
.search-result-row:hover { color: #0d5aa8; }
.search-result-row strong { display: block; font-size: 18px; }
.search-result-row small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.search-result-person { display: flex; align-items: center; gap: 14px; }
.search-result-person img, .search-result-fallback { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 5px 14px rgba(20,49,84,.14); }
.search-result-fallback { display: grid; place-items: center; background: #eaf2fb; color: var(--accent); }
.search-empty { margin-top: 42px; padding: 32px; border: 1px dashed #ccd8e5; border-radius: 18px; background: #f9fbfd; text-align: center; }
.search-empty i { color: var(--accent); font-size: 26px; }
.search-empty h2 { margin: 10px 0 6px; color: var(--primary); }
.search-empty p { margin: 0; color: var(--muted); }

@media (max-width: 650px) {
    .search-page { margin-top: 32px; }
    .search-page-form { grid-template-columns: auto minmax(0,1fr); padding: 12px 14px; }
    .search-page-form button { grid-column: 1 / -1; width: 100%; }
}


/* ==========================================================
   ADC V7 — SHARED INTELLIGENCE DESIGN TOKENS
========================================================== */
:root {
    --adc-night: #041326;
    --adc-night-2: #071b34;
    --adc-surface-dark: #0a203c;
    --adc-line-blue: rgba(83, 159, 232, .22);
    --adc-glow-blue: rgba(42, 145, 245, .18);
    --adc-cyan: #59b4ff;
    --adc-text-on-dark: #eef6ff;
}

/* Shared premium section shells for future template migration. */
.adc-intel-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--adc-line-blue);
    border-radius: 26px;
    background:
        radial-gradient(circle at 88% 12%, var(--adc-glow-blue), transparent 28%),
        linear-gradient(145deg, var(--adc-night), var(--adc-night-2));
    color: var(--adc-text-on-dark);
    box-shadow: 0 24px 58px rgba(12, 31, 57, .10);
}

.adc-intel-card {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    color: #fff;
    backdrop-filter: blur(8px);
}

.adc-intel-card:hover {
    border-color: rgba(94,181,255,.38);
    box-shadow: 0 18px 42px rgba(0,0,0,.15);
}

.adc-data-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(91,167,239,.22);
    border-radius: 999px;
    background: rgba(23,114,206,.08);
    color: #326da9;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}

/* Slightly richer global canvas so non-home templates can inherit the same world. */
body {
    background:
        radial-gradient(circle at 5% 0%, rgba(23,114,206,.045), transparent 22%),
        linear-gradient(180deg, #f7f9fc 0%, #f3f6fa 100%);
}

.site-header {
    box-shadow: 0 1px 0 rgba(20,33,61,.03), 0 12px 34px rgba(20,33,61,.035);
}

.site-footer {
    background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,249,252,.95));
}

/* ==========================================================
   ADC VISUAL SYSTEM V3 — CINEMATIC INTELLIGENCE SHELL
   Shared shell for the entire public site.
========================================================== */
:root{
  --adc-bg:#020b19;
  --adc-bg-2:#06182f;
  --adc-panel:#071b34;
  --adc-panel-2:#0b2949;
  --adc-cyan:#48d8ff;
  --adc-blue:#2c9cff;
  --adc-blue-soft:#78baff;
  --adc-line:rgba(79,205,255,.22);
  --adc-text:#f6fbff;
  --adc-muted:#9cb3c9;
  --adc-light:#eef5fb;
  --adc-ink:#10213f;
}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 5%,rgba(35,142,238,.10),transparent 24%),
    linear-gradient(180deg,#f4f8fc 0%,#eef4f9 55%,#eaf1f7 100%);
}
.skip-link{position:fixed;left:14px;top:-80px;z-index:9999;padding:10px 14px;border-radius:8px;background:#fff;color:#071b34;font-weight:800;transition:top .15s ease}
.skip-link:focus{top:12px}
.site-header{
  position:sticky;top:0;z-index:500;
  background:rgba(2,11,25,.96)!important;
  border-bottom:1px solid rgba(72,216,255,.16)!important;
  box-shadow:0 14px 36px rgba(1,10,24,.20)!important;
  backdrop-filter:blur(18px);
}
.site-header-inner{max-width:1700px!important;min-height:72px!important;padding:0 22px!important}
.brand{color:#fff!important;text-decoration:none!important}
.brand-copy strong{color:#fff!important;font-size:16px!important;letter-spacing:-.02em}
.brand-copy small{color:#6e9fc5!important;font-size:7px!important;letter-spacing:.16em!important}
.brand-mark{filter:drop-shadow(0 0 12px rgba(67,200,255,.25))}
.primary-nav{gap:7px!important}
.primary-nav a{
  position:relative;padding:27px 11px 23px!important;color:#b8cadd!important;
  font-size:11px!important;font-weight:760!important;text-decoration:none!important;
  transition:color .18s ease,background .18s ease;
}
.primary-nav a:hover,.primary-nav a.active{color:#fff!important;background:linear-gradient(180deg,transparent,rgba(65,179,255,.05))}
.primary-nav a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,#1e8dff,#4bdfff);box-shadow:0 0 12px rgba(72,216,255,.8)}
.header-search{height:40px!important;min-width:280px!important;border:1px solid rgba(72,216,255,.24)!important;border-radius:9px!important;background:rgba(7,29,55,.78)!important;color:#9fc6e4!important;box-shadow:inset 0 0 30px rgba(31,137,227,.04)}
.header-search i{color:#49cfff!important}
.header-search input{color:#eef7ff!important;background:transparent!important}
.header-search input::placeholder{color:#7893aa!important}
.mobile-menu summary span{background:#b9d6ec!important}
.mobile-menu-panel{background:#06182f!important;border:1px solid rgba(72,216,255,.18)!important;box-shadow:0 24px 60px rgba(0,0,0,.4)!important}
.mobile-menu-panel a{color:#d8e8f6!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.container{max-width:1700px!important;padding-left:22px!important;padding-right:22px!important}
.site-footer{margin-top:60px!important;background:linear-gradient(180deg,#05162c,#020b19)!important;border-top:1px solid rgba(72,216,255,.14)!important;color:#b8cadd!important}
.site-footer-inner{max-width:1700px!important;padding:30px 22px!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:32px!important;align-items:center!important}
.footer-brand-line{display:flex;align-items:center;gap:12px}
.footer-brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(72,216,255,.25);color:#49d9ff;background:rgba(72,216,255,.06)}
.footer-brand strong{display:block;color:#fff!important}.footer-brand span{color:#7894ad!important;font-size:10px}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.footer-nav a{color:#9fb6c9;text-decoration:none;font-size:10px;font-weight:750}.footer-nav a:hover{color:#fff}
.footer-credit{color:#607990!important;font-size:9px!important}
.eyebrow{color:#42bfff!important;letter-spacing:.16em!important;font-weight:900!important}
.adc-intel-shell,.adc-intel-card{backdrop-filter:blur(14px)}
@media(max-width:1200px){.primary-nav a:nth-last-child(-n+2){display:none}.header-search{min-width:230px!important}}
@media(max-width:900px){.primary-nav,.header-actions{display:none!important}.mobile-menu{display:block!important}.site-footer-inner{grid-template-columns:1fr!important}.footer-nav{gap:12px}}

/* ==========================================================
   ADC VISUAL SYSTEM V3 — SEARCH EXPERIENCE
========================================================== */
.search-page-v3{max-width:1540px!important;margin:18px auto 60px!important;padding:0!important}.search-hero-v3{min-height:520px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(470px,1.18fr);gap:38px;align-items:center;padding:52px 58px;border:1px solid rgba(72,216,255,.2);border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(90deg,#031126 0%,rgba(3,17,38,.94) 44%,rgba(3,17,38,.25) 100%),url('/static/img/adc/digital-human-light.png') right center/cover no-repeat;box-shadow:0 28px 74px rgba(3,17,38,.22)}.search-hero-v3:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(1,9,22,.88)),radial-gradient(circle at 75% 42%,rgba(47,218,255,.16),transparent 18%);pointer-events:none}.search-hero-v3>*{position:relative;z-index:2}.search-hero-copy h1{margin:12px 0 18px!important;color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(3.8rem,6vw,6.8rem)!important;line-height:.86!important;letter-spacing:-.065em!important}.search-hero-copy h1 em{font-style:normal;color:#4bdfff}.search-hero-copy>p{max-width:620px!important;color:#bdd0e2!important;font-size:1.08rem!important;line-height:1.6!important}.search-page-form-v3{margin:26px 0 0!important;grid-template-columns:auto minmax(0,1fr) auto!important;max-width:660px!important;padding:8px 8px 8px 16px!important;border:1px solid rgba(72,216,255,.28)!important;background:rgba(3,21,44,.78)!important;box-shadow:0 18px 38px rgba(0,0,0,.18)!important}.search-page-form-v3 i{color:#4bdfff!important}.search-page-form-v3 input{color:#fff!important;background:transparent!important}.search-page-form-v3 input::placeholder{color:#7591aa!important}.search-page-form-v3 button{background:linear-gradient(135deg,#0d8ee8,#2cbcff)!important;color:#fff!important;border-radius:8px!important;box-shadow:0 10px 26px rgba(16,150,233,.24)!important}.search-quick-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:18px}.search-quick-links a{color:#9fdcff;text-decoration:none;font-size:.75rem;font-weight:800}.search-hero-visual{height:340px;border:1px solid rgba(72,216,255,.22);border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(2,13,30,.15),rgba(2,13,30,.72))}.search-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(72,216,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,216,255,.08) 1px,transparent 1px);background-size:34px 34px}.search-beam{position:absolute;width:72%;height:2px;left:13%;top:45%;background:linear-gradient(90deg,transparent,#48d8ff,transparent);box-shadow:0 0 20px #48d8ff;transform:rotate(-18deg)}.search-target{position:absolute;right:19%;top:22%;width:150px;height:150px;border:1px solid rgba(72,216,255,.45);border-radius:50%;display:grid;place-items:center;color:#55ddff;font-size:2.2rem;box-shadow:0 0 45px rgba(72,216,255,.08),inset 0 0 40px rgba(72,216,255,.06)}.search-target:before,.search-target:after{content:"";position:absolute;background:rgba(72,216,255,.25)}.search-target:before{width:1px;height:200px}.search-target:after{height:1px;width:200px}.search-visual-label{position:absolute;left:24px;bottom:22px;display:flex;flex-direction:column}.search-visual-label small{color:#4bdfff;font-size:.62rem;letter-spacing:.16em}.search-visual-label strong{color:#fff;font-size:1.2rem;margin-top:4px}.search-results-shell{margin-top:20px;padding:28px;border:1px solid #d8e5f0;border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(14,48,82,.06)}.search-result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.search-result-card{min-height:94px!important;border:1px solid #d9e6f0!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f4f8fc)!important;box-shadow:0 8px 22px rgba(14,48,82,.04)!important}.search-result-card:hover{border-color:rgba(26,147,225,.28)!important;transform:translateY(-2px);box-shadow:0 16px 32px rgba(14,48,82,.08)!important}.search-result-person img,.search-result-fallback{width:54px!important;height:54px!important}.search-place-card>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.search-place-code{grid-row:1/3;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#071d37;color:#4bdfff;font-weight:900;letter-spacing:.06em}.search-empty-v3{border-radius:20px!important;background:linear-gradient(145deg,#f7fbff,#edf5fb)!important}.search-empty-v3 a{display:inline-block;margin-top:12px;color:#0a7bc6;text-decoration:none;font-weight:800}
@media(max-width:900px){.search-hero-v3{grid-template-columns:1fr}.search-hero-visual{height:280px}.search-result-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.search-hero-v3{padding:32px 22px}.search-hero-copy h1{font-size:3.8rem!important}.search-hero-visual{height:220px}.search-page-form-v3{grid-template-columns:auto minmax(0,1fr)!important}.search-page-form-v3 button{grid-column:1/-1!important;width:100%}}

/* ADC V10 — GOLD Reports membership discovery */
.primary-nav .gold-nav-link{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.gold-nav-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border:1px solid rgba(255,196,61,.45);border-radius:999px;background:rgba(255,184,40,.08);color:#ffd36a;font-size:6px;font-weight:900;letter-spacing:.08em;line-height:1.3}
.gold-nav-badge i{font-size:5px}
.mobile-menu-panel .gold-nav-link{display:flex!important;justify-content:space-between;align-items:center}
.footer-nav .gold-nav-badge{display:none}
@media(max-width:1200px){.primary-nav .gold-nav-badge{display:none}.primary-nav .gold-nav-link{gap:0}}

/* ==========================================================
   V12 PRIMARY NAVIGATION — focused product navigation
   Brief · Explore · GOLD Reports MEMBER + Support CTA
========================================================== */
.site-header-inner{
    grid-template-columns:auto minmax(340px,1fr) auto;
    gap:28px;
}
.primary-nav{
    justify-content:center!important;
    gap:10px!important;
}
.primary-nav a{
    padding-inline:16px!important;
    font-size:12px!important;
    font-weight:750!important;
}
.primary-nav .gold-nav-link{
    gap:8px!important;
}
.gold-nav-badge{
    padding:3px 6px!important;
    font-size:6px!important;
}
.header-actions{
    gap:12px!important;
}
.header-search{
    width:290px!important;
    height:38px!important;
}
.support-button{
    min-height:38px!important;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:9px!important;
    background:#e62c35!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 8px 22px rgba(230,44,53,.22)!important;
}
.support-button:hover{
    background:#f03942!important;
    transform:translateY(-1px)!important;
    box-shadow:0 12px 26px rgba(230,44,53,.30)!important;
}
.support-button i{font-size:11px!important}
.mobile-menu-panel .mobile-support{
    margin:8px!important;
    border-radius:9px!important;
    background:#e62c35!important;
    color:#fff!important;
    font-weight:900!important;
    justify-content:center!important;
}

@media(max-width:1200px){
    .primary-nav a:nth-last-child(-n+2){display:inline-flex!important}
    .primary-nav .gold-nav-badge{display:inline-flex!important}
    .site-header-inner{gap:18px}
    .header-search{width:230px!important}
    .support-button{padding-inline:12px!important}
}
@media(max-width:1020px){
    .header-search{display:none!important}
}
@media(max-width:900px){
    .primary-nav,.header-actions{display:none!important}
    .mobile-menu{display:block!important}
}

/* ==========================================================
   V13 PRIMARY NAVIGATION — aligned shell + GOLD dropdown
========================================================== */
.site-header-inner {
    min-height: 72px !important;
    grid-template-columns: auto minmax(360px, 1fr) auto !important;
    align-items: center !important;
    gap: 28px !important;
}

.brand,
.primary-nav,
.header-actions {
    align-self: stretch;
    display: flex;
    align-items: center;
}

.primary-nav {
    height: 72px !important;
    justify-content: center !important;
    gap: 10px !important;
}

.primary-nav > a {
    height: 72px;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.header-actions {
    justify-content: flex-end;
    gap: 12px !important;
}

.header-search,
.support-button {
    transform: translateY(0);
}

.gold-nav-menu {
    position: relative;
    height: 72px;
    display: flex;
    align-items: stretch;
}

.gold-nav-menu > summary {
    position: relative;
    height: 72px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b8cadd;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
    user-select: none;
    border-radius: 8px 8px 0 0;
    transition: color .18s ease, background .18s ease;
}

.gold-nav-menu > summary::-webkit-details-marker { display: none; }

.gold-nav-menu > summary:hover,
.gold-nav-menu[open] > summary,
.gold-nav-menu.active > summary {
    color: #fff;
    background: linear-gradient(180deg, transparent, rgba(65,179,255,.05));
}

.gold-nav-menu.active > summary::after,
.gold-nav-menu[open] > summary::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: linear-gradient(90deg, #1e8dff, #4bdfff);
    box-shadow: 0 0 12px rgba(72,216,255,.8);
}

.gold-nav-chevron {
    color: #7392ad;
    font-size: 8px;
    transition: transform .18s ease;
}

.gold-nav-menu[open] .gold-nav-chevron { transform: rotate(180deg); }

.gold-nav-dropdown {
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    width: 410px;
    padding: 18px;
    transform: translateX(-50%);
    border: 1px solid rgba(72,216,255,.20);
    border-radius: 0 0 18px 18px;
    background:
        radial-gradient(circle at 90% 8%, rgba(46,166,255,.13), transparent 25%),
        linear-gradient(145deg, rgba(4,18,38,.99), rgba(6,29,55,.99));
    box-shadow: 0 26px 58px rgba(0,0,0,.38);
    backdrop-filter: blur(18px);
    z-index: 700;
}

.gold-nav-dropdown-header {
    padding: 4px 5px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.gold-nav-kicker {
    color: #49d9ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .16em;
}

.gold-nav-dropdown-header strong {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
}

.gold-nav-dropdown-header p {
    margin: 6px 0 0;
    color: #8da8bd;
    font-size: 11px;
    line-height: 1.5;
}

.gold-nav-feature,
.gold-nav-links a,
.gold-nav-membership {
    text-decoration: none;
}

.primary-nav .gold-nav-feature {
    margin-top: 12px;
    padding: 13px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(72,216,255,.16);
    border-radius: 12px !important;
    background: rgba(72,216,255,.055);
    color: #fff !important;
}

.primary-nav .gold-nav-feature::after,
.primary-nav .gold-nav-links a::after,
.primary-nav .gold-nav-membership::after { display: none !important; }

.gold-nav-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(72,216,255,.10);
    color: #49d9ff;
}

.gold-nav-feature strong,
.gold-nav-feature small {
    display: block;
}

.gold-nav-feature strong { font-size: 12px; }
.gold-nav-feature small { margin-top: 3px; color: #89a6bd; font-size: 9px; line-height: 1.35; }
.gold-nav-feature > i { color: #49d9ff; font-size: 10px; }

.gold-nav-links {
    margin-top: 8px;
    display: grid;
    gap: 3px;
}

.primary-nav .gold-nav-links a {
    min-height: 38px;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 9px !important;
    color: #b8cadd !important;
    font-size: 10px !important;
}

.gold-nav-links a span { display: inline-flex; align-items: center; gap: 8px; }
.gold-nav-links a span i { width: 14px; color: #49d9ff; text-align: center; }
.gold-nav-links a > i { color: #5f829f; font-size: 8px; }
.gold-nav-links a:hover { background: rgba(255,255,255,.045) !important; color: #fff !important; }

.primary-nav .gold-nav-membership {
    margin-top: 9px;
    padding: 11px 12px !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid rgba(255,255,255,.07);
    border-radius: 0 !important;
    color: #ffd36a !important;
}

.gold-nav-membership span { font-size: 10px; font-weight: 900; }
.gold-nav-membership small { margin-top: 2px; color: #7f9ab0; font-size: 8px; }

.mobile-gold-menu {
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.mobile-gold-menu > summary {
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #d8e8f6;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
}

.mobile-gold-menu > summary::-webkit-details-marker { display: none; }

.mobile-gold-links {
    padding: 0 8px 8px 18px;
    display: grid;
    gap: 2px;
}

.mobile-menu-panel .mobile-gold-links a {
    padding: 9px 10px;
    border-bottom: 0 !important;
    color: #9fc4df !important;
    font-size: 11px;
}

.mobile-menu-panel .mobile-gold-links a:hover {
    background: rgba(72,216,255,.06);
    color: #fff !important;
}

@media (max-width: 1200px) {
    .site-header-inner { gap: 18px !important; }
    .primary-nav > a,
    .gold-nav-menu > summary { padding-inline: 13px !important; }
    .gold-nav-badge { display: inline-flex !important; }
    .header-search { width: 230px !important; min-width: 230px !important; }
}

@media (max-width: 900px) {
    .site-header-inner {
        min-height: 64px !important;
        grid-template-columns: 1fr auto !important;
    }
    .primary-nav,
    .header-actions { display: none !important; }
    .mobile-menu { display: block !important; }
}

/* ==========================================================
   V13 — GOLD NAV: COMPACT INTELLIGENCE MENU
========================================================== */
.gold-nav-dropdown{
    width:350px!important;
    padding:12px!important;
    border-radius:0 0 15px 15px!important;
    background:radial-gradient(circle at 92% 4%,rgba(46,166,255,.12),transparent 30%),linear-gradient(145deg,rgba(3,17,35,.995),rgba(5,27,51,.995))!important;
    box-shadow:0 22px 50px rgba(0,0,0,.36)!important;
}
.gold-nav-compact-head{padding:4px 6px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.gold-nav-compact-head p{margin:5px 0 0;color:#89a6bd;font-size:9px;line-height:1.4}
.primary-nav .gold-nav-compact-link{min-height:54px;padding:8px 9px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 10px;align-items:center;gap:9px;border-radius:10px!important;color:#c3d5e4!important;text-decoration:none!important}
.primary-nav .gold-nav-compact-link::after{display:none!important}
.primary-nav .gold-nav-compact-link:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
.primary-nav .gold-nav-primary-link{margin-top:8px;background:rgba(72,216,255,.055)!important;border:1px solid rgba(72,216,255,.12)}
.gold-nav-compact-link .gold-nav-icon{width:32px;height:32px;border-radius:8px}
.gold-nav-compact-link .gold-nav-icon-member{color:#ffd36a;background:rgba(255,190,50,.08)}
.gold-nav-compact-link strong,.gold-nav-compact-link small{display:block}
.gold-nav-compact-link strong{font-size:10px;color:#f5fbff}
.gold-nav-compact-link small{margin-top:2px;color:#7895ac;font-size:7.5px;line-height:1.3}
.gold-nav-compact-link>i{color:#52748f;font-size:8px}

/* ==========================================================
   V14 — GOLD INFORMATION ARCHITECTURE
   Topic first. Geography and intelligence capabilities live inside GOLD.
========================================================== */
.gold-nav-hierarchy{width:390px!important;padding:13px!important}
.gold-nav-hierarchy .gold-nav-compact-head{padding:4px 7px 11px}
.gold-nav-topic{min-height:72px;padding:10px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 10px;gap:10px;align-items:center;border-radius:11px!important;color:#d5e6f4!important;text-decoration:none!important;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.gold-nav-topic::after,.gold-nav-member-row::after{display:none!important}
.gold-nav-topic:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(72,216,255,.10);transform:translateX(2px)}
.gold-nav-topic-congress{margin-top:8px;background:linear-gradient(90deg,rgba(72,216,255,.075),rgba(72,216,255,.025))!important;border-color:rgba(72,216,255,.14)}
.gold-nav-topic-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(72,216,255,.09);color:#49d9ff;font-size:13px}
.gold-nav-topic-copy{min-width:0;display:block}
.gold-nav-topic-copy strong{display:block;color:#f7fbff;font-size:11px;line-height:1.2}
.gold-nav-topic-copy small{display:block;margin-top:3px;color:#a7bfd2;font-size:8.5px;line-height:1.25}
.gold-nav-topic-copy em{display:block;margin-top:3px;color:#66849d;font-size:7px;font-style:normal;line-height:1.3;white-space:normal}
.gold-nav-arrow{color:#52748f;font-size:8px}
.gold-nav-member-row{margin-top:8px;padding:10px 8px 3px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) 10px;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.07);border-radius:0!important;text-decoration:none!important}
.gold-nav-member-row>span{display:inline-flex;align-items:center;gap:4px;color:#ffd36a;font-size:7px;font-weight:900;letter-spacing:.09em}
.gold-nav-member-row>strong{color:#91a9bc;font-size:8px;font-weight:700}
.gold-nav-member-row>i{color:#52748f;font-size:8px}
.gold-nav-member-row:hover>strong{color:#fff}
.mobile-gold-links a{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
.mobile-gold-links a strong{color:#e9f5fd;font-size:11px}
.mobile-gold-links a small{color:#718da4;font-size:8px;line-height:1.35}
.mobile-gold-links .mobile-gold-member{margin-top:4px;border-top:1px solid rgba(255,255,255,.06)!important}
.mobile-gold-links .mobile-gold-member strong{color:#ffd36a}

/* ==========================================================
   V15 — NAVIGATION INTERACTION + MOBILE GOLD FIX
   Desktop GOLD dismisses outside/Escape via base.html script.
   Mobile nested GOLD is a true accordion row, not a hamburger.
========================================================== */

/* Keep hamburger styling limited to the top-level mobile trigger. */
.mobile-menu > summary {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: grid !important;
    place-content: center !important;
    gap: 4px !important;
    border: 1px solid rgba(185,214,236,.45) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.mobile-menu > summary > span {
    width: 18px !important;
    height: 2px !important;
    display: block !important;
    border-radius: 999px !important;
    background: #b9d6ec !important;
}

/* Reset inherited hamburger rules on the nested GOLD accordion. */
.mobile-gold-menu > summary {
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 13px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    place-content: initial !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #e8f4fc !important;
    box-shadow: none !important;
}

.mobile-gold-menu > summary:hover,
.mobile-gold-menu[open] > summary {
    background: rgba(72,216,255,.055) !important;
}

.mobile-gold-menu > summary > span {
    width: auto !important;
    height: auto !important;
    display: inline !important;
    background: transparent !important;
    color: #e8f4fc !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.mobile-gold-menu > summary > i {
    color: #83a9c6 !important;
    font-size: 11px !important;
    transition: transform .18s ease;
}

.mobile-gold-menu[open] > summary > i {
    transform: rotate(180deg);
}

.mobile-gold-links {
    padding: 2px 6px 9px !important;
    gap: 4px !important;
}

.mobile-menu-panel .mobile-gold-links a {
    min-height: 54px !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    gap: 3px !important;
    border-radius: 9px !important;
}

.mobile-menu-panel .mobile-gold-links a strong {
    font-size: 12px !important;
}

.mobile-menu-panel .mobile-gold-links a small {
    font-size: 9px !important;
    line-height: 1.35 !important;
}

@media (max-width: 900px) {
    .mobile-menu-panel {
        top: 48px !important;
        right: 0 !important;
        width: min(340px, calc(100vw - 24px)) !important;
        padding: 10px !important;
        gap: 4px !important;
    }

    .mobile-menu-panel > a:not(.mobile-support) {
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        padding: 12px !important;
        font-size: 14px !important;
    }

    .mobile-menu-panel .mobile-support {
        min-height: 52px !important;
        margin: 8px 0 0 !important;
    }
}


/* ==========================================================
   V17 — GLOBAL WAYFINDING / BREADCRUMBS
   Persistent hierarchy + same-site Back control.
========================================================== */
.adc-breadcrumb-shell{
    position:relative;
    z-index:24;
    min-height:36px;
    border-bottom:1px solid rgba(72,216,255,.10);
    background:linear-gradient(90deg,#061426 0%,#071a30 52%,#061426 100%);
    box-shadow:0 7px 18px rgba(2,11,25,.08);
}
.adc-breadcrumb-inner{
    width:min(1660px,97vw);
    min-height:36px;
    margin-inline:auto;
    display:flex;
    align-items:center;
    gap:11px;
    overflow:hidden;
}
.adc-breadcrumb-back{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:24px;
    padding:0 9px;
    border:1px solid rgba(72,216,255,.17);
    border-radius:999px;
    background:rgba(72,216,255,.055);
    color:#9fb9ce;
    font:inherit;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
    transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.adc-breadcrumb-back[hidden]{display:none!important}
.adc-breadcrumb-back:hover{
    color:#fff;
    border-color:rgba(72,216,255,.33);
    background:rgba(72,216,255,.10);
}
.adc-breadcrumb-back i{font-size:8px;color:#48d8ff}
.adc-breadcrumb-list{
    min-width:0;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:0;
    list-style:none;
    white-space:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
}
.adc-breadcrumb-list::-webkit-scrollbar{display:none}
.adc-breadcrumb-list li{
    display:inline-flex;
    align-items:center;
    color:#7795ad;
    font-size:9px;
    font-weight:750;
    letter-spacing:.015em;
}
.adc-breadcrumb-list li+li::before{
    content:'›';
    margin:0 8px;
    color:#41647f;
}
.adc-breadcrumb-list a{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#8eb0c9;
    text-decoration:none;
    transition:color .15s ease;
}
.adc-breadcrumb-list a:hover{color:#48d8ff}
.adc-breadcrumb-list li[aria-current='page']{color:#dcecf7}
.adc-breadcrumb-list .fa-house{font-size:7px;color:#48d8ff}

@media (max-width:900px){
    .adc-breadcrumb-shell{min-height:34px}
    .adc-breadcrumb-inner{width:100%;min-height:34px;padding:0 14px;gap:8px}
    .adc-breadcrumb-back{height:22px;padding:0 8px;font-size:8px}
    .adc-breadcrumb-list li{font-size:8.5px}
    .adc-breadcrumb-list li+li::before{margin:0 6px}
}


/* ==========================================================
   V18 — LASER-FOCUSED PUBLIC NAVIGATION
   America Right Now · Explore America · GOLD Reports
========================================================== */
.primary-nav{
    gap:8px!important;
}
.primary-nav > a,
.arn-nav-menu > summary,
.gold-nav-menu > summary{
    height:72px;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center;
    gap:7px;
    color:#b8cadd!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.015em;
    white-space:nowrap;
}
.arn-nav-menu,
.gold-nav-menu{
    position:relative;
    height:72px;
    display:flex;
    align-items:stretch;
}
.arn-nav-menu > summary,
.gold-nav-menu > summary{
    position:relative;
    cursor:pointer;
    list-style:none;
    user-select:none;
    border-radius:8px 8px 0 0;
    transition:color .18s ease,background .18s ease;
}
.arn-nav-menu > summary::-webkit-details-marker,
.gold-nav-menu > summary::-webkit-details-marker{display:none}
.arn-nav-menu > summary:hover,
.arn-nav-menu[open] > summary,
.arn-nav-menu.active > summary,
.gold-nav-menu > summary:hover,
.gold-nav-menu[open] > summary,
.gold-nav-menu.active > summary,
.primary-nav > a:hover,
.primary-nav > a.active{
    color:#fff!important;
    background:linear-gradient(180deg,transparent,rgba(65,179,255,.05))!important;
}
.arn-nav-menu[open] > summary::after,
.arn-nav-menu.active > summary::after,
.gold-nav-menu[open] > summary::after,
.gold-nav-menu.active > summary::after,
.primary-nav > a.active::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:0;
    height:2px;
    background:linear-gradient(90deg,#1e8dff,#4bdfff);
    box-shadow:0 0 12px rgba(72,216,255,.7);
}
.arn-nav-chevron,
.gold-nav-chevron{color:#7392ad;font-size:8px;transition:transform .18s ease}
.arn-nav-menu[open] .arn-nav-chevron,
.gold-nav-menu[open] .gold-nav-chevron{transform:rotate(180deg)}

.arn-nav-dropdown,
.gold-nav-dropdown{
    position:absolute;
    top:calc(100% - 2px);
    left:50%;
    width:360px!important;
    padding:12px!important;
    transform:translateX(-50%);
    border:1px solid rgba(72,216,255,.20)!important;
    border-radius:0 0 15px 15px!important;
    background:radial-gradient(circle at 92% 4%,rgba(46,166,255,.12),transparent 30%),linear-gradient(145deg,rgba(3,17,35,.995),rgba(5,27,51,.995))!important;
    box-shadow:0 22px 50px rgba(0,0,0,.36)!important;
    backdrop-filter:blur(18px);
    z-index:700;
}
.nav-compact-head{padding:4px 7px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-kicker{color:#49d9ff;font-size:8px;font-weight:900;letter-spacing:.16em}
.nav-compact-head p{margin:5px 0 0;color:#89a6bd;font-size:9px;line-height:1.35}

.primary-nav .nav-topic{
    min-height:62px;
    padding:9px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 10px;
    gap:9px;
    align-items:center;
    border:1px solid transparent;
    border-radius:10px!important;
    color:#d5e6f4!important;
    text-decoration:none!important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.primary-nav .nav-topic::after,
.primary-nav .nav-report-link::after{display:none!important}
.primary-nav .nav-topic:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(72,216,255,.10);transform:translateX(2px)}
.primary-nav .nav-topic-primary{margin-top:7px;background:linear-gradient(90deg,rgba(72,216,255,.075),rgba(72,216,255,.025))!important;border-color:rgba(72,216,255,.14)}
.nav-topic-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(72,216,255,.09);color:#49d9ff;font-size:12px}
.nav-topic-copy{min-width:0;display:block}
.nav-topic-copy strong{display:block;color:#f7fbff;font-size:11px;line-height:1.2}
.nav-topic-copy small{display:block;margin-top:3px;color:#9fb7ca;font-size:8.5px;line-height:1.3}
.nav-topic-arrow{color:#52748f;font-size:8px}

.primary-nav .nav-report-link{
    min-height:48px;
    padding:8px 10px!important;
    display:grid!important;
    align-content:center;
    border-radius:9px!important;
    text-decoration:none!important;
    color:#d5e6f4!important;
}
.primary-nav .nav-report-link:hover{background:rgba(255,255,255,.045)!important}
.nav-report-link strong{display:block;color:#eef8ff;font-size:10px}
.nav-report-link small{display:block;margin-top:2px;color:#7895ac;font-size:8px;line-height:1.25}

.mobile-arn-menu,
.mobile-gold-menu{border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-arn-menu > summary,
.mobile-gold-menu > summary{
    width:100%!important;
    min-height:52px!important;
    padding:13px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#e8f4fc!important;
    cursor:pointer;
    list-style:none;
}
.mobile-arn-menu > summary::-webkit-details-marker,
.mobile-gold-menu > summary::-webkit-details-marker{display:none}
.mobile-arn-menu > summary > span,
.mobile-gold-menu > summary > span{font-size:14px!important;font-weight:850!important;color:#e8f4fc!important;background:transparent!important;width:auto!important;height:auto!important}
.mobile-arn-menu > summary > i,
.mobile-gold-menu > summary > i{color:#83a9c6!important;font-size:11px!important;transition:transform .18s ease}
.mobile-arn-menu[open] > summary > i,
.mobile-gold-menu[open] > summary > i{transform:rotate(180deg)}
.mobile-arn-menu[open] > summary,
.mobile-gold-menu[open] > summary{background:rgba(72,216,255,.055)!important}
.mobile-section-links,
.mobile-gold-links{padding:2px 6px 9px!important;display:grid;gap:4px!important}
.mobile-menu-panel .mobile-section-links a,
.mobile-menu-panel .mobile-gold-links a{
    min-height:52px!important;
    padding:9px 10px!important;
    display:grid!important;
    align-content:center!important;
    gap:2px!important;
    border:0!important;
    border-radius:9px!important;
}
.mobile-section-links a strong,
.mobile-gold-links a strong{color:#e9f5fd;font-size:12px}
.mobile-section-links a small,
.mobile-gold-links a small{color:#718da4;font-size:9px;line-height:1.3}
.mobile-section-links a:hover,
.mobile-gold-links a:hover{background:rgba(72,216,255,.06)!important}

@media(max-width:1280px){
    .site-header-inner{gap:18px!important}
    .primary-nav > a,.arn-nav-menu > summary,.gold-nav-menu > summary{padding-inline:11px!important;font-size:10px!important}
    .header-search{width:220px!important;min-width:220px!important}
}
@media(max-width:1040px){.header-search{display:none!important}}
@media(max-width:900px){.primary-nav,.header-actions{display:none!important}.mobile-menu{display:block!important}}

/* ADC V4: dark canvas ONLY for these explicitly identified page families. */
html:has(body.adc-home-page),html:has(body.adc-votes-page),html:has(.official-journey){background:#041321;}
body.adc-home-page,body.adc-votes-page,body:has(.official-journey){background:#041321!important;color:#eaf6ff;}
body.adc-home-page main#main-content,body.adc-votes-page main#main-content,body:has(.official-journey) main#main-content{background:transparent!important;box-shadow:none;}
body.adc-home-page main#main-content::before,body.adc-votes-page main#main-content::before,body:has(.official-journey) main#main-content::before{display:none;}
body.adc-votes-page main#main-content{max-width:1700px;width:100%;padding:0 22px;}