body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f8fafc; color: #1e293b; }
        .timeline-item { transition: all 0.2s ease; }
        
        /* Hide scrollbar for mobile carousel */
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
        
        .kpi-card { transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease; cursor: pointer; outline: none; border-radius: 8px !important; }
        .kpi-card:hover, .kpi-card:focus-visible { transform: translateY(-4px); box-shadow: 0 22px 46px rgba(15, 23, 42, 0.13); border-color: #bfdbfe; }
        
        .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.82); display: none; justify-content: center; align-items: center; z-index: 100; backdrop-filter: blur(5px); }
        .modal-content { background: white; padding: 0; border-radius: 8px; max-width: 900px; width: 90%; max-height: 90vh; min-height: 0; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 28px 72px rgba(15, 23, 42, 0.28); }
        .modal-body { padding: 2rem; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
        .secondary-modal {
            padding: 1.25rem;
            align-items: center;
        }

        .secondary-modal-shell {
            border-radius: 8px;
            border: 1px solid #cbd5e1;
            box-shadow: 0 30px 72px rgba(15, 23, 42, 0.3);
            max-height: calc(100vh - 2.5rem);
            min-height: 0;
            overflow: hidden;
        }

        .secondary-modal-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1.1rem;
            flex: 0 0 auto;
            margin: 0;
            border-radius: 8px 8px 0 0;
            border-bottom: 1px solid rgba(191, 219, 254, 0.22);
            background: linear-gradient(180deg, #172554, #1e3a8a) !important;
            line-height: 1.2;
        }

        .secondary-modal-heading {
            min-width: 0;
            max-width: 48rem;
        }

        .secondary-modal-eyebrow,
        .secondary-section-label {
            letter-spacing: 0.12em !important;
            text-transform: uppercase;
        }

        .secondary-modal-eyebrow {
            margin: 0 0 0.42rem;
            color: #bfdbfe;
            font-size: 0.68rem;
            font-weight: 800;
            line-height: 1.15;
        }

        .secondary-modal-title {
            margin: 0;
            color: #ffffff;
            font-size: clamp(1.35rem, 2.1vw, 1.85rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.12;
            text-transform: none;
        }

        .secondary-modal-subtitle {
            max-width: 42rem;
            margin: 0.42rem 0 0;
            color: #dbeafe;
            font-style: normal !important;
            line-height: 1.45;
        }

        .secondary-close-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: 2.75rem;
            height: 2.75rem;
            min-width: 44px;
            min-height: 44px;
            border: 1px solid rgba(219, 234, 254, 0.2);
            border-radius: 8px;
            background: rgba(15, 23, 42, 0.18);
            font-size: 1.8rem !important;
            line-height: 1;
        }

        .secondary-close-button:hover,
        .secondary-close-button:focus-visible {
            background: rgba(255, 255, 255, 0.14);
        }

        .secondary-modal-body {
            padding: 1.65rem 1.75rem;
            background: #ffffff;
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            scrollbar-gutter: stable;
        }

        .secondary-modal-content {
            min-width: 0;
        }

        #aiInputArea > p:first-child {
            margin-bottom: 1.35rem !important;
            padding: 1rem 1.1rem 1rem 1.2rem !important;
            border: 0 !important;
            border-left: 4px solid #2563eb !important;
            border-radius: 8px !important;
            background: #eff6ff !important;
            color: #1e3a8a !important;
            box-shadow: none !important;
        }

        #aiInputArea > p:first-child strong {
            display: block;
            margin-bottom: 0.35rem;
            color: #172554;
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            line-height: 1.2;
            text-transform: uppercase;
        }

        #aiInputArea #tabUrlBtn,
        #aiInputArea #tabTextBtn {
            min-height: 44px;
            padding: 0 0.35rem 0.8rem;
            border-bottom: 3px solid transparent !important;
        }

        #aiInputArea #tabUrlBtn.border-blue-900,
        #aiInputArea #tabTextBtn.border-blue-900 {
            color: #172554 !important;
            border-color: #2563eb !important;
        }

        #evalModeSelector > div {
            border: 1px solid #cbd5e1;
            border-radius: 8px !important;
            background: #f1f5f9 !important;
            gap: 0.35rem !important;
            padding: 0.35rem !important;
        }

        #modeFullBtn,
        #modeQuickBtn {
            border-radius: 6px !important;
            border: 1px solid transparent;
            min-height: 4.4rem;
        }

        #modeFullBtn.bg-white,
        #modeQuickBtn.bg-white,
        #modeFullBtn.eval-mode-active,
        #modeQuickBtn.eval-mode-active {
            background: #ffffff !important;
            color: #172554 !important;
            border-color: #bfdbfe !important;
            box-shadow: 0 10px 20px rgba(30, 58, 138, 0.1) !important;
        }

        #modeFullBtn:not(.bg-white),
        #modeQuickBtn:not(.bg-white),
        #modeFullBtn.eval-mode-inactive,
        #modeQuickBtn.eval-mode-inactive {
            background: transparent !important;
            color: #475569 !important;
        }

        #jdUrlInput,
        #jdInput,
        #aiSubmitBtn {
            border-radius: 8px !important;
        }

        .evaluator-facts-copy {
            color: #64748b !important;
            line-height: 1.65 !important;
        }

        .evaluator-facts-copy p {
            margin: 0;
        }

        .evaluator-facts-action {
            margin-top: 0.65rem;
        }

        .evaluator-facts-action button {
            display: inline-flex;
            align-items: center;
            min-height: 32px;
        }

        .secondary-facts-modal .secondary-evidence-stack {
            display: block;
            max-width: 50rem;
        }

        .secondary-facts-modal .secondary-evidence-section {
            padding: 1.15rem 0 1.25rem;
            border: 0;
            border-bottom: 1px solid #dbe4ef;
            border-radius: 0;
            background: #ffffff;
            box-shadow: none;
        }

        .secondary-facts-modal .secondary-evidence-section:first-child {
            padding-top: 0;
        }

        .secondary-facts-modal .secondary-evidence-section h5 {
            display: grid;
            gap: 0.45rem;
            margin-bottom: 0.75rem !important;
            border-bottom: 0 !important;
            padding-bottom: 0 !important;
            color: #1e3a8a !important;
            font-size: 0.72rem !important;
        }

        .secondary-facts-modal .secondary-evidence-section h5::after {
            content: "";
            display: block;
            width: 2.25rem;
            height: 2px;
            background: #2563eb;
            border-radius: 999px;
        }

        .secondary-facts-modal .secondary-evidence-note {
            margin-top: 1rem;
            padding: 0.85rem 0 0;
            border: 0 !important;
            border-top: 1px solid #dbe4ef !important;
            border-radius: 0 !important;
            background: transparent !important;
            color: #64748b !important;
            box-shadow: none !important;
        }

        .secondary-evidence-stack {
            display: grid;
            gap: 1rem;
        }

        .secondary-evidence-section {
            padding: 1rem;
            border: 1px solid #dbe4ef;
            border-left: 4px solid #1e3a8a;
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
        }

        .secondary-evidence-section p {
            margin: 0;
            color: #334155;
            line-height: 1.62;
        }

        .secondary-evidence-section p + p {
            margin-top: 0.72rem;
        }

        .secondary-section-label {
            color: #1e3a8a !important;
            font-size: 0.68rem !important;
            font-weight: 800 !important;
            line-height: 1.2;
        }

        .secondary-evidence-note {
            border-radius: 8px !important;
            background: #f8fafc !important;
        }

        .secondary-drilldown-modal[data-accent="blue"] {
            --drill-accent: #1e3a8a;
            --drill-accent-strong: #172554;
            --drill-accent-soft: #bfdbfe;
            --drill-accent-wash: #eff6ff;
            --drill-accent-border: #bfdbfe;
            --drill-accent-rgb: 30, 58, 138;
        }

        .secondary-drilldown-modal[data-accent="emerald"] {
            --drill-accent: #047857;
            --drill-accent-strong: #064e3b;
            --drill-accent-soft: #a7f3d0;
            --drill-accent-wash: #ecfdf5;
            --drill-accent-border: #a7f3d0;
            --drill-accent-rgb: 4, 120, 87;
        }

        .secondary-drilldown-modal[data-accent="amber"] {
            --drill-accent: #b45309;
            --drill-accent-strong: #78350f;
            --drill-accent-soft: #fde68a;
            --drill-accent-wash: #fffbeb;
            --drill-accent-border: #fcd34d;
            --drill-accent-rgb: 180, 83, 9;
        }

        .secondary-drilldown-modal .secondary-modal-header {
            background: linear-gradient(180deg, var(--drill-accent-strong, #172554), var(--drill-accent, #1e3a8a)) !important;
        }

        .secondary-drilldown-modal .secondary-modal-shell {
            border-top-color: var(--drill-accent, #1e3a8a) !important;
            max-width: 960px;
        }

        .drilldown-content {
            --drill-line: #dbe4ef;
            color: #334155;
            font-size: 0.95rem;
            line-height: 1.65;
        }

        .dd-metric,
        .dd-capability,
        .dd-private,
        .dd-case-study,
        .dd-framework {
            display: grid;
            gap: 1.15rem;
        }

        .dd-summary {
            margin: 0;
            padding: 0 0 1rem;
            border-bottom: 2px solid var(--drill-accent-soft, #bfdbfe);
            color: #0f172a;
            font-size: 0.98rem;
            font-weight: 600;
            line-height: 1.65;
        }

        .dd-section-grid,
        .dd-metric-grid,
        .dd-region-grid,
        .dd-two-column,
        .dd-case-narrative,
        .dd-control-grid {
            display: grid;
            gap: 0;
            min-width: 0;
            border: 1px solid var(--drill-line);
            border-radius: 8px;
            background: #ffffff;
            overflow: hidden;
        }

        .dd-metric-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .dd-region-grid,
        .dd-metric-strip,
        .dd-case-narrative { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .dd-two-column,
        .dd-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

        .dd-metric-category,
        .dd-region-grid section,
        .dd-two-column section,
        .dd-case-narrative section,
        .dd-metric-strip section,
        .dd-case-metrics .dd-metric-grid section {
            min-width: 0;
            padding: 1rem;
            border-right: 1px solid var(--drill-line);
        }

        .dd-metric-category:last-child,
        .dd-region-grid section:last-child,
        .dd-two-column section:last-child,
        .dd-case-narrative section:last-child,
        .dd-metric-strip section:last-child,
        .dd-case-metrics .dd-metric-grid section:last-child {
            border-right: 0;
        }

        .dd-metric-category header,
        .dd-case-metrics header {
            display: grid;
            align-content: start;
            gap: 0.55rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid var(--drill-line);
        }

        .dd-metric-category header {
            min-height: 5.75rem;
            grid-template-rows: 2.1rem auto;
        }

        .dd-metric-category header h3 {
            min-height: 2.1rem;
        }

        .dd-metric h3,
        .dd-capability h3,
        .dd-private h3,
        .dd-case-study h3,
        .dd-framework h3,
        .dd-case-metrics h4 {
            margin: 0;
            color: var(--drill-accent, #1e3a8a);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            line-height: 1.25;
            text-transform: uppercase;
        }

        .dd-metric-category header strong,
        .dd-footprint-total strong,
        .dd-region-grid strong,
        .dd-metric-strip strong,
        .dd-case-metrics .dd-metric-grid strong {
            color: #172554;
            font-weight: 850;
            line-height: 1.1;
            white-space: nowrap;
        }

        .dd-metric-category header strong,
        .dd-footprint-total strong { font-size: clamp(1.35rem, 2vw, 1.8rem); }

        .dd-metric-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: baseline;
            gap: 1rem;
            padding: 0.75rem 0;
            border-bottom: 1px solid #e2e8f0;
        }

        .dd-metric-row strong {
            color: #172554;
            text-align: right;
            white-space: nowrap;
        }

        .dd-metric-row:last-child { border-bottom: 0; }
        .dd-metric-row span,
        .dd-region-grid p,
        .dd-two-column p,
        .dd-metric-strip p,
        .dd-case-narrative p,
        .dd-private p,
        .dd-framework p {
            margin: 0;
            color: #334155;
            line-height: 1.62;
        }

        .framework-domestic .dd-framework-lead p + p,
        .framework-domestic .dd-framework-context p + p,
        .framework-domestic .dd-framework-domain p + p,
        .framework-domestic .dd-framework-principle p + p {
            margin-top: 0.85rem;
        }

        .dd-footprint-total {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 1rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid var(--drill-accent-soft, #bfdbfe);
        }

        .dd-footprint-total span {
            color: #475569;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .dd-metric-strip {
            display: grid;
            gap: 0;
            border: 1px solid var(--drill-line);
            border-radius: 8px;
            overflow: hidden;
        }

        .dd-metric-strip strong {
            display: block;
            margin: 0.45rem 0 0.35rem;
            font-size: clamp(1.35rem, 2.4vw, 2rem);
        }

        .dd-evidence-list {
            display: grid;
            margin: 0;
            padding: 0;
            list-style: none;
            border-top: 1px solid var(--drill-line);
        }

        .dd-evidence-list li,
        .dd-control-grid li,
        .dd-framework-list li {
            display: flex;
            gap: 0.65rem;
            padding: 0.9rem 0;
            border-bottom: 1px solid var(--drill-line);
            color: #334155;
        }

        .dd-evidence-list li:last-child,
        .dd-framework-list li:last-child { border-bottom: 0; }

        .dd-evidence-list span,
        .dd-control-grid span,
        .dd-framework-list span {
            color: var(--drill-accent, #1e3a8a);
            font-weight: 900;
        }

        .dd-private {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0;
            border: 1px solid var(--drill-line);
            border-radius: 8px;
            overflow: hidden;
        }

        .dd-private section {
            padding: 1.1rem;
            border-right: 1px solid var(--drill-line);
        }

        .dd-private section:last-child { border-right: 0; }
        .dd-private-application { background: var(--drill-accent-wash, #eff6ff); }

        .dd-control-discipline,
        .dd-case-metrics {
            padding: 1rem;
            border: 1px solid var(--drill-line);
            border-top: 3px solid var(--drill-accent, #1e3a8a);
            border-radius: 8px;
        }

        .dd-control-grid {
            margin: 0.85rem 0 0;
            padding: 0;
            list-style: none;
        }

        .dd-control-grid li {
            padding: 0.95rem;
            border-right: 1px solid var(--drill-line);
        }

        .dd-control-grid li:nth-child(even) { border-right: 0; }
        .dd-control-grid li:nth-last-child(-n + 2) { border-bottom: 0; }

        .dd-control-grid-3 {
            grid-template-columns: 1fr;
        }

        .dd-control-grid-3 li {
            border-right: 0;
            border-bottom: 1px solid var(--drill-line);
        }

        .dd-control-grid-3 li:last-child {
            border-bottom: 0;
        }

        .dd-outcome {
            padding: 1rem;
            border-radius: 8px;
            background: var(--drill-accent-strong, #172554);
            color: #ffffff;
        }

        .dd-outcome h3,
        .dd-outcome p { color: #ffffff; }

        .dd-case-metrics header {
            margin-bottom: 0.9rem;
        }

        .dd-case-metrics .dd-metric-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .dd-framework-lead,
        .dd-framework-context {
            padding: 1.25rem;
            border: 1px solid #bfdbfe;
            border-radius: 8px;
            background: #eff6ff;
        }

        .dd-framework-lead,
        .dd-framework-context,
        .dd-framework-domain,
        .dd-framework-principle {
            max-width: 100%;
        }

        .dd-framework-domains {
            display: grid;
            border: 1px solid var(--drill-line);
            border-radius: 8px;
            background: #ffffff;
            overflow: hidden;
        }

        .dd-framework-domain {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 1rem;
            padding: 1.25rem;
            border-bottom: 1px solid var(--drill-line);
        }

        .dd-framework-domain:last-child { border-bottom: 0; }

        .dd-framework-number {
            display: grid;
            place-items: center;
            width: 2rem;
            height: 2rem;
            border-radius: 8px;
            background: var(--drill-accent, #1e3a8a);
            color: #ffffff;
            font-size: 0.72rem;
            font-weight: 800;
        }

        .dd-framework-list {
            display: grid;
            margin: 0.85rem 0 0;
            padding: 0;
            list-style: none;
        }

        .dd-framework-principle {
            padding: 1.2rem !important;
            border: 0 !important;
            border-top: 4px solid #3b82f6 !important;
            border-radius: 8px !important;
            background: #0f172a !important;
            color: #e2e8f0 !important;
            box-shadow: none !important;
        }

        .dd-framework-principle h3,
        .dd-framework-principle p,
        .dd-framework-principle strong {
            color: #ffffff !important;
        }

        .dd-framework-image {
            text-align: left;
            margin: 0;
        }

        .dd-framework-image img {
            display: block;
            width: 100%;
            max-width: 48rem;
            margin: 0 auto;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
        }

        .dd-framework-image figcaption {
            margin-top: 0.65rem;
            color: #64748b;
            font-size: 0.78rem;
            line-height: 1.45;
        }

        .secondary-score-section,
        .secondary-requirement-section {
            border-color: #dbe4ef !important;
        }

        .secondary-control-group {
            min-height: 44px;
            padding: 0.65rem 0.75rem;
            border: 1px solid #dbe4ef;
            background: #f8fafc;
        }

        .secondary-table-wrap {
            border: 1px solid #dbe4ef;
            border-radius: 8px;
            background: #ffffff;
        }

        .secondary-requirement-table th,
        .secondary-requirement-table td {
            padding-left: 0.75rem;
        }

        .secondary-requirement-row:hover {
            background: #f8fafc !important;
        }

        .secondary-requirement-detail {
            background: #f8fafc !important;
        }
        .focus-ring:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }
        
        .animate-fade-in { animation: fadeIn 0.4s ease-out forwards; }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* AI Result Formatting - Force bolded Blue 900 for all headers */
        .ai-result h1, .ai-result h2, .ai-result h3, .ai-result h4 { 
            font-weight: 800 !important; 
            color: #1e3a8a !important; 
            margin-top: 1.5rem; 
            margin-bottom: 0.75rem; 
            border-bottom: 2px solid #f1f5f9; 
            padding-bottom: 0.25rem; 
        }
        .ai-result p { margin-bottom: 1rem; line-height: 1.6; color: #1e293b; }
        .ai-result strong { font-weight: 700; color: #1e3a8a; }
        .ai-result ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; border-left: none !important; }
        .ai-result li { margin-bottom: 0.5rem; border-left: none !important; }
        .ai-result blockquote { border-left: none !important; padding-left: 0 !important; margin: 0 !important; border: none !important; }
        
        .score-badge {
            display: inline-block;
            padding: 0.5rem 1.25rem;
            border-radius: 9999px;
            font-weight: 800;
            font-size: 1.1rem;
            letter-spacing: -0.025em;
            border: 2px solid; 
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            margin-bottom: 1.5rem;
        }

        @media print {
            @page { margin: 0.75in; }
            body * { visibility: hidden !important; }
            #aiModal, #aiModal *, #aiOutputArea, #aiOutputArea * { visibility: visible !important; }
            #aiModal { position: static !important; display: block !important; background: white !important; backdrop-filter: none !important; }
            #aiModal .modal-content { width: 100% !important; max-width: none !important; max-height: none !important; box-shadow: none !important; border: 0 !important; border-top: none !important; border-radius: 0 !important; }
            #aiModal .modal-body { overflow: visible !important; padding: 0 !important; }
            #aiModal .bg-blue-900, button[aria-label="Close modal"], #ai-result-actions, #ai-cta-block, #aiInputArea, #main-nav, nav, header, #chatWidget { display: none !important; visibility: hidden !important; }
            #aiOutputArea { display: block !important; font-size: 11pt; }
            .score-badge { border: 2px solid !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
            .ai-result h2 { page-break-after: avoid; break-after: avoid; }
            .ai-result p, .ai-result li { orphans: 2; widows: 2; }
        }
        
        .section-header-accent {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin: 0;
            padding: 0;
            color: #1e3a8a;
            background: transparent;
            border-radius: 0;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .section-header-accent::before {
            content: "";
            display: inline-block;
            width: 1.9rem;
            height: 3px;
            background: #1e3a8a;
            border-radius: 999px;
        }

        .home-hero {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at top right, rgba(37, 99, 235, 0.28), transparent 34%),
                radial-gradient(circle at 18% 18%, rgba(59, 130, 246, 0.13), transparent 28%),
                linear-gradient(135deg, #0f172a, #0b1222 62%, #172554) !important;
        }

        .home-hero::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.7), transparent);
            pointer-events: none;
        }

        .home-hero-inner {
            position: relative;
            z-index: 1;
            align-items: stretch !important;
            gap: 2rem !important;
        }

        .home-hero-main {
            min-width: 0;
            flex: 1 1 auto;
            align-self: stretch;
            gap: clamp(1.25rem, 3vw, 2.5rem) !important;
        }

        .home-hero-profile img {
            border-color: rgba(255, 255, 255, 0.18) !important;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
        }

        .home-hero-name {
            font-size: clamp(1.85rem, 4.5vw, 3.45rem) !important;
            letter-spacing: 0 !important;
            line-height: 0.98 !important;
        }

        .home-hero-name span {
            font-size: 0.56em !important;
            font-weight: 400 !important;
        }

        .home-hero-title {
            color: #cbd5e1 !important;
            font-size: clamp(1rem, 2.1vw, 1.7rem) !important;
        }

        .home-hero-lead {
            max-width: 46rem;
            margin-top: 1.2rem !important;
            padding-left: 1rem !important;
            color: #e2e8f0 !important;
            border-left-width: 3px !important;
            font-size: clamp(0.96rem, 1.4vw, 1.16rem) !important;
            line-height: 1.55 !important;
        }

        .home-hero-focus {
            display: grid;
            max-width: 47rem;
            gap: 0.5rem;
            margin-top: 0.9rem !important;
        }

        .home-hero-focus p {
            margin: 0;
            padding: 0.58rem 0.75rem;
            color: #cbd5e1;
            background: rgba(255, 255, 255, 0.055);
            border: 1px solid rgba(203, 213, 225, 0.12);
            border-radius: 8px;
            font-size: 0.88rem;
            line-height: 1.45;
        }

        .home-hero-systems {
            color: #94a3b8 !important;
        }

        .home-hero-links a {
            color: #cbd5e1;
        }

        .home-hero-meta {
            max-width: 48rem;
            color: #94a3b8 !important;
        }

        .home-hero-rail {
            width: 14.5rem !important;
            padding: 1.15rem !important;
            background: rgba(15, 23, 42, 0.62) !important;
            border: 1px solid rgba(203, 213, 225, 0.12) !important;
            border-left: 3px solid #3b82f6 !important;
            border-radius: 8px !important;
            box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24);
            align-self: stretch;
        }

        .home-hero-rail p {
            color: #cbd5e1;
            letter-spacing: 0.16em;
        }

        .home-hero-rail ul {
            display: grid;
            gap: 0.6rem;
            margin-top: 0.9rem;
        }

        .home-hero-rail li {
            padding: 0.7rem;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(203, 213, 225, 0.1);
            border-radius: 8px;
            color: #cbd5e1;
            font-size: 0.82rem;
            line-height: 1.45;
        }

        @media (min-width: 1024px) {
            .home-hero-rail {
                display: flex !important;
                flex-direction: column;
                justify-content: center;
            }
        }

        @media (max-width: 1199px) and (min-width: 769px) {
            .dd-metric-grid-four {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .dd-metric-category:nth-child(2n) {
                border-right: 0;
            }

            .dd-metric-category:nth-child(-n + 2) {
                border-bottom: 1px solid var(--drill-line);
            }
        }

        .metric-strip-button {
            display: block;
            min-height: 100%;
            color: inherit;
            background: transparent;
            border: 0;
            border-radius: 8px;
            cursor: pointer;
            outline: none;
            transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
        }

        .metric-strip-button:hover,
        .metric-strip-button:focus-visible {
            background: rgba(255, 255, 255, 0.06);
            box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.35);
            transform: translateY(-1px);
        }

        .metric-strip-button:focus-visible {
            outline: 3px solid #60a5fa;
            outline-offset: 2px;
        }

        .home-main {
            display: grid;
            gap: 3.25rem;
        }

        .home-section {
            min-width: 0;
        }

        .home-section-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 2rem;
            margin-bottom: 1.5rem;
        }

        .home-kicker,
        .evidence-card-label,
        .evaluator-action-label,
        .career-step-number,
        .leadership-principle span {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: #1e3a8a;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            line-height: 1.2;
            margin: 0 0 0.75rem;
            text-transform: uppercase;
        }

        .home-kicker::before {
            content: "";
            display: inline-block;
            width: 1.9rem;
            height: 3px;
            background: #1e3a8a;
            border-radius: 999px;
        }

        .home-kicker-light,
        .leadership-principle span,
        .evaluator-action-label {
            color: #93c5fd;
        }

        .home-kicker-light::before {
            background: #3b82f6;
        }

        .home-section h2,
        .contact-intro h2,
        .evaluator-copy h2,
        .leadership-intro h2 {
            margin: 0;
            color: #0f172a;
            font-size: clamp(1.7rem, 3vw, 2.6rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.05;
        }

        .home-section-lead {
            max-width: 30rem;
            margin: 0;
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.65;
        }

        .career-arc {
            position: relative;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
            overflow: hidden;
        }

        .career-arc::before {
            content: "";
            position: absolute;
            top: 3.05rem;
            left: 12%;
            right: 12%;
            height: 2px;
            background: linear-gradient(90deg, #1e3a8a, #60a5fa);
            opacity: 0.32;
        }

        .career-step {
            position: relative;
            padding: 2rem;
            min-height: 17rem;
            border-right: 1px solid #e2e8f0;
            background: linear-gradient(180deg, #ffffff, #f8fafc);
            transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
        }

        .career-step:last-child {
            border-right: 0;
        }

        .career-step-number {
            position: relative;
            z-index: 1;
            justify-content: center;
            width: 3rem;
            height: 3rem;
            margin-bottom: 2.25rem;
            color: #ffffff;
            background: #1e3a8a;
            border: 5px solid #dbeafe;
            border-radius: 50%;
            letter-spacing: 0;
            transition: background 0.18s ease, border-color 0.18s ease;
        }

        .career-step h3,
        .leadership-principle h3,
        .evidence-card h3 {
            margin: 0 0 0.75rem;
            color: #0f172a;
            font-size: 1.08rem;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.25;
        }

        .career-step p,
        .leadership-principle p,
        .evidence-card p,
        .evaluator-copy p,
        .evaluator-action p,
        .contact-intro p {
            margin: 0;
            color: #475569;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .leadership-panel {
            display: grid;
            grid-template-columns: 0.9fr 1.75fr;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 20px 48px rgba(15, 23, 42, 0.1);
            overflow: hidden;
        }

        .leadership-intro {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 25rem;
            padding: 2.25rem;
            color: #ffffff;
            background:
                linear-gradient(135deg, rgba(37, 99, 235, 0.18), transparent 48%),
                #0f172a;
        }

        .leadership-intro h2,
        .evaluator-copy h2 {
            color: #ffffff;
        }

        .leadership-intro p {
            margin-top: 1rem;
            color: #cbd5e1;
            font-size: 0.98rem;
            line-height: 1.65;
        }

        .leadership-principles {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .leadership-principle {
            padding: 2rem;
            border-left: 1px solid #e2e8f0;
            background: linear-gradient(180deg, #ffffff, #f8fafc);
            transition: background 0.18s ease;
        }

        .leadership-principle span {
            color: #1e3a8a;
            letter-spacing: 0.12em;
            transition: color 0.18s ease;
        }

        .evidence-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1.25rem;
        }

        .evidence-card {
            position: relative;
            display: flex;
            min-height: 15.5rem;
            flex-direction: column;
            padding: 1.75rem;
            color: inherit;
            background: linear-gradient(180deg, #ffffff, #f8fafc);
            border: 1px solid #e2e8f0;
            border-top: 4px solid #1e3a8a;
            border-radius: 8px;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
            outline: none;
            overflow: hidden;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
        }

        .evidence-card::after {
            content: "";
            position: absolute;
            inset: auto 1.75rem 1rem;
            height: 1px;
            background: linear-gradient(90deg, rgba(30, 58, 138, 0.55), rgba(96, 165, 250, 0.05));
            opacity: 0;
            transition: opacity 0.18s ease;
        }

        .evidence-card:nth-child(2) {
            border-top-color: #2563eb;
        }

        .evidence-card:nth-child(3) {
            border-top-color: #0f172a;
        }

        .evidence-card:hover,
        .evidence-card:focus-visible {
            transform: translateY(-5px);
            border-color: #93c5fd;
            background: #ffffff;
            box-shadow: 0 22px 46px rgba(15, 23, 42, 0.13);
        }

        .evidence-card:hover::after,
        .evidence-card:focus-visible::after {
            opacity: 1;
        }

        .evidence-card p {
            flex: 1;
        }

        .evidence-card-link {
            margin-top: 1.5rem;
            color: #1e3a8a;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            transition: color 0.18s ease, transform 0.18s ease;
        }

        .evidence-card:hover .evidence-card-link,
        .evidence-card:focus-visible .evidence-card-link {
            color: #1d4ed8;
            transform: translateX(4px);
        }

        @media (hover: hover) and (pointer: fine) {
            .career-step:hover {
                background: linear-gradient(180deg, #ffffff, #f1f5f9);
                box-shadow: inset 0 3px 0 rgba(37, 99, 235, 0.12);
                transform: translateY(-2px);
            }

            .career-step:hover .career-step-number {
                background: #1d4ed8;
                border-color: #bfdbfe;
            }

            .leadership-principle:hover {
                background: linear-gradient(180deg, #ffffff, #eef4ff);
            }

            .leadership-principle:hover span {
                color: #1d4ed8;
            }
        }

        .evaluator-panel {
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
            gap: 2rem;
            align-items: center;
            padding: 2.5rem;
            color: #ffffff;
            background:
                radial-gradient(circle at top right, rgba(59, 130, 246, 0.22), transparent 34%),
                linear-gradient(135deg, #0f172a, #172554 72%, #1e3a8a);
            border: 1px solid rgba(203, 213, 225, 0.14);
            border-radius: 8px;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
        }

        .evaluator-copy p {
            color: #cbd5e1;
            font-size: 1rem;
        }

        .evaluator-copy .evaluator-support {
            margin-top: 0.9rem;
            color: #93c5fd;
            font-size: 0.88rem;
            font-weight: 700;
        }

        .evaluator-action {
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(203, 213, 225, 0.16);
            border-radius: 8px;
        }

        .evaluator-action p {
            margin-bottom: 1.25rem;
            color: #cbd5e1;
        }

        .evaluator-button {
            display: inline-flex;
            width: 100%;
            min-height: 3.25rem;
            align-items: center;
            justify-content: center;
            padding: 0.9rem 1.25rem;
            color: #ffffff;
            background: #2563eb;
            border: 0;
            border-radius: 8px;
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.3);
            cursor: pointer;
            font-size: 0.75rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            transition: background 0.16s ease, transform 0.16s ease;
        }

        .evaluator-button:hover,
        .evaluator-button:focus-visible {
            background: #3b82f6;
            transform: translateY(-1px);
        }

        .contact-panel {
            display: grid;
            grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
            gap: 2rem;
            align-items: start;
            padding: 2rem;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
        }

        .contact-intro {
            padding: 0.5rem 0;
        }

        .contact-intro .text-sm {
            margin-top: 1rem;
            margin-bottom: 0.75rem !important;
        }

        .contact-secondary-link {
            display: inline-flex;
            color: #475569;
            font-size: 0.82rem;
            font-weight: 700;
            text-decoration: underline;
            text-decoration-color: #cbd5e1;
            text-underline-offset: 4px;
            transition: color 0.16s ease, text-decoration-color 0.16s ease;
        }

        .contact-secondary-link:hover,
        .contact-secondary-link:focus-visible {
            color: #1e3a8a;
            text-decoration-color: #1e3a8a;
        }

        .credential-line {
            margin-top: 1.25rem !important;
            padding-top: 1rem;
            color: #64748b !important;
            border-top: 1px solid #e2e8f0;
            font-size: 0.78rem !important;
            font-weight: 700;
        }

        .contact-form-panel {
            min-width: 0;
            padding: 1.25rem;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
        }

        .contact-submit-button {
            white-space: nowrap;
        }

        .subpage-hero {
            position: relative;
            overflow: hidden;
            padding-top: 5.5rem !important;
            padding-bottom: 2.75rem !important;
            background:
                radial-gradient(circle at top right, rgba(37, 99, 235, 0.22), transparent 34%),
                radial-gradient(circle at 16% 20%, rgba(59, 130, 246, 0.1), transparent 28%),
                linear-gradient(135deg, #0f172a, #0b1222 62%, #172554) !important;
        }

        .subpage-hero::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.6), transparent);
            pointer-events: none;
        }

        .subpage-hero-inner {
            position: relative;
            z-index: 1;
            align-items: center !important;
            gap: clamp(1.25rem, 4vw, 2.5rem) !important;
        }

        .subpage-hero-profile img {
            border-color: rgba(255, 255, 255, 0.18) !important;
            box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34);
        }

        .subpage-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin: 0 0 0.45rem !important;
            color: #93c5fd !important;
            font-size: 0.7rem !important;
            font-weight: 800 !important;
            letter-spacing: 0.12em !important;
            text-transform: uppercase;
        }

        .subpage-eyebrow::before {
            content: "";
            width: 1.75rem;
            height: 3px;
            background: #3b82f6;
            border-radius: 999px;
        }

        .subpage-title {
            font-size: clamp(1.75rem, 4vw, 3rem) !important;
            line-height: 1.05 !important;
            letter-spacing: 0 !important;
        }

        .subpage-title span {
            font-size: 0.58em !important;
            font-weight: 400 !important;
        }

        .subpage-subtitle {
            color: #cbd5e1 !important;
            font-size: clamp(1rem, 2vw, 1.55rem) !important;
        }

        .subpage-hero .subhero-note p {
            color: #dbe5f0 !important;
            border-left-width: 3px !important;
            border-left-color: #3b82f6 !important;
            line-height: 1.6 !important;
        }

        .subpage-main {
            display: grid;
            gap: 3.25rem;
        }

        .expertise-page .expertise-section {
            min-width: 0;
        }

        .expertise-page .expertise-section-head {
            margin-bottom: 1.35rem;
        }

        .expertise-page .expertise-section-head h2 {
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            margin: 0;
            color: #0f172a;
            font-size: clamp(1.45rem, 2.5vw, 2.25rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.08;
        }

        .expertise-page .expertise-section-head h2::before {
            content: "";
            flex: 0 0 auto;
            width: 1.9rem;
            height: 3px;
            background: #1e3a8a;
            border-radius: 999px;
        }

        .expertise-page .expertise-accent-blue {
            --expertise-accent: #1e3a8a;
            --expertise-accent-soft: #dbeafe;
            --expertise-accent-surface: #eff6ff;
        }

        .expertise-page .expertise-accent-emerald {
            --expertise-accent: #047857;
            --expertise-accent-soft: #d1fae5;
            --expertise-accent-surface: #ecfdf5;
        }

        .expertise-page .expertise-accent-amber {
            --expertise-accent: #b45309;
            --expertise-accent-soft: #fde68a;
            --expertise-accent-surface: #fffbeb;
        }

        .expertise-page .expertise-capability-panel,
        .expertise-page .expertise-transfer-panel,
        .expertise-page .expertise-case-card,
        .expertise-page .expertise-framework-card {
            border-radius: 8px;
        }

        .expertise-page .expertise-capability-panel {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            overflow: hidden;
            background: linear-gradient(180deg, #ffffff, #f8fafc);
            border: 1px solid #e2e8f0;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
        }

        .expertise-page .expertise-capability-card,
        .expertise-page .expertise-transfer-card,
        .expertise-page .expertise-case-card,
        .expertise-page .expertise-framework-card {
            position: relative;
            display: flex;
            min-width: 0;
            flex-direction: column;
            outline: none;
            cursor: pointer;
            transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
        }

        .expertise-page .expertise-capability-card {
            padding: 2rem;
            border-right: 1px solid #e2e8f0;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.94)),
                linear-gradient(90deg, var(--expertise-accent-surface), transparent 45%);
        }

        .expertise-page .expertise-capability-card:last-child {
            border-right: 0;
        }

        .expertise-page .expertise-capability-card::before,
        .expertise-page .expertise-transfer-card::before,
        .expertise-page .expertise-case-card::before {
            content: "";
            display: block;
            width: 2.35rem;
            height: 4px;
            margin-bottom: 1.1rem;
            background: var(--expertise-accent);
            border-radius: 999px;
        }

        .expertise-page .expertise-card-title,
        .expertise-page .expertise-case-title,
        .expertise-page .expertise-framework-copy h3 {
            margin: 0;
            color: #0f172a;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.18;
        }

        .expertise-page .expertise-card-title {
            color: var(--expertise-accent);
            font-size: 1.18rem;
            padding-bottom: 0.8rem;
            border-bottom: 1px solid var(--expertise-accent-soft);
        }

        .expertise-page .expertise-card-lead {
            margin: 1rem 0 1.15rem;
            color: #1e293b;
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.55;
        }

        .expertise-page .expertise-evidence-list {
            display: grid;
            flex: 1;
            gap: 0.8rem;
            margin: 0 0 1.35rem;
            padding: 0;
            color: #475569;
            font-size: 0.88rem;
            line-height: 1.5;
            list-style: none;
        }

        .expertise-page .expertise-evidence-list span {
            color: var(--expertise-accent);
            font-weight: 900;
            line-height: 1.4;
        }

        .expertise-page .expertise-card-action {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-top: auto;
            color: var(--expertise-accent, #1e3a8a);
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            line-height: 1.2;
            text-transform: uppercase;
            transition: color 0.18s ease, transform 0.18s ease;
        }

        .expertise-page .expertise-transfer-panel {
            display: grid;
            grid-template-columns: minmax(15rem, 0.62fr) minmax(0, 1.78fr);
            overflow: hidden;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.1);
        }

        .expertise-page .expertise-transfer-intro {
            display: flex;
            align-items: center;
            padding: 2rem;
            color: #cbd5e1;
            background:
                linear-gradient(135deg, rgba(37, 99, 235, 0.17), transparent 48%),
                #0f172a;
        }

        .expertise-page .expertise-transfer-intro p {
            margin: 0;
            color: #cbd5e1;
            font-size: 0.94rem;
            font-weight: 650;
            line-height: 1.65;
        }

        .expertise-page .expertise-transfer-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .expertise-page .expertise-transfer-card {
            padding: 1.65rem;
            background: linear-gradient(180deg, #ffffff, #f8fafc);
            border-left: 1px solid #e2e8f0;
        }

        .expertise-page .expertise-transfer-card p {
            flex: 1;
            margin: 1rem 0 1.35rem;
            color: #475569;
            font-size: 0.88rem;
            line-height: 1.62;
        }

        .expertise-page .expertise-case-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1.25rem;
        }

        .expertise-page .expertise-case-card {
            min-height: 22rem;
            padding: 1.8rem;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
                linear-gradient(135deg, var(--expertise-accent-surface), transparent 42%);
            border: 1px solid #e2e8f0;
            border-left: 4px solid var(--expertise-accent);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
        }

        .expertise-page .expertise-case-title {
            color: #172554;
            font-size: clamp(1.2rem, 2vw, 1.55rem);
        }

        .expertise-page .expertise-case-meta {
            display: block;
            margin: 0.75rem 0 1rem;
            color: #64748b;
            font-size: 0.72rem;
            font-weight: 850;
            letter-spacing: 0.11em;
            line-height: 1.45;
            text-transform: uppercase;
        }

        .expertise-page .expertise-case-situation {
            flex: 1;
            margin: 0 0 1.15rem;
            color: #475569;
            font-size: 0.92rem;
            line-height: 1.62;
        }

        .expertise-page .expertise-case-outcome {
            margin: 0 0 1.1rem;
            padding: 1rem;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-left: 3px solid var(--expertise-accent);
            border-radius: 8px;
        }

        .expertise-page .expertise-case-outcome span {
            display: block;
            margin-bottom: 0.45rem;
            color: #64748b;
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .expertise-page .expertise-case-outcome p {
            margin: 0;
            color: #1e293b;
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.48;
        }

        .expertise-page .expertise-framework-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1.25rem;
        }

        .expertise-page .expertise-framework-card {
            padding: 2rem;
            border: 1px solid;
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.1);
        }

        .expertise-page .expertise-framework-card-dark {
            --expertise-accent: #60a5fa;
            color: #ffffff;
            background:
                linear-gradient(135deg, rgba(37, 99, 235, 0.18), transparent 48%),
                #0f172a;
            border-color: #1e293b;
        }

        .expertise-page .expertise-framework-card-light {
            --expertise-accent: #2563eb;
            color: #0f172a;
            background: linear-gradient(180deg, #eff6ff, #ffffff);
            border-color: #bfdbfe;
        }

        .expertise-page .expertise-framework-content {
            display: flex;
            flex: 1;
            min-width: 0;
            flex-direction: column;
        }

        .expertise-page .expertise-framework-copy {
            margin-bottom: 1.25rem;
        }

        .expertise-page .expertise-framework-copy h3 {
            color: inherit;
            font-size: clamp(1.35rem, 2.3vw, 2rem);
        }

        .expertise-page .expertise-framework-copy p {
            margin: 0.9rem 0 0;
            color: #cbd5e1;
            font-size: 0.86rem;
            font-weight: 600;
            line-height: 1.62;
        }

        .expertise-page .expertise-framework-card-light .expertise-framework-copy p {
            color: #475569;
        }

        .expertise-page .expertise-framework-blocks {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.85rem;
            margin-top: auto;
        }

        .expertise-page .expertise-framework-block {
            padding: 1rem;
            background: rgba(255, 255, 255, 0.07);
            border: 1px solid rgba(203, 213, 225, 0.14);
            border-left: 3px solid var(--expertise-accent);
            border-radius: 8px;
        }

        .expertise-page .expertise-framework-card-light .expertise-framework-block {
            background: #ffffff;
            border-color: #bfdbfe;
        }

        .expertise-page .expertise-framework-block div {
            margin-bottom: 0.55rem;
            color: inherit;
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.1em;
            line-height: 1.35;
            text-transform: uppercase;
        }

        .expertise-page .expertise-framework-block p {
            margin: 0;
            color: #94a3b8;
            font-size: 0.78rem;
            font-weight: 600;
            line-height: 1.5;
        }

        .expertise-page .expertise-framework-card-light .expertise-framework-block p {
            color: #475569;
        }

        .expertise-page .expertise-framework-card .expertise-card-action {
            margin-top: 1.25rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(203, 213, 225, 0.16);
        }

        .expertise-page .expertise-framework-card-light .expertise-card-action {
            border-top-color: #bfdbfe;
        }

        .expertise-page .expertise-capability-card:hover,
        .expertise-page .expertise-capability-card:focus-visible,
        .expertise-page .expertise-transfer-card:hover,
        .expertise-page .expertise-transfer-card:focus-visible,
        .expertise-page .expertise-case-card:hover,
        .expertise-page .expertise-case-card:focus-visible,
        .expertise-page .expertise-framework-card:hover,
        .expertise-page .expertise-framework-card:focus-visible {
            transform: translateY(-2px);
        }

        .expertise-page .expertise-capability-card:hover,
        .expertise-page .expertise-capability-card:focus-visible,
        .expertise-page .expertise-transfer-card:hover,
        .expertise-page .expertise-transfer-card:focus-visible {
            background: linear-gradient(180deg, #ffffff, var(--expertise-accent-surface));
        }

        .expertise-page .expertise-case-card:hover,
        .expertise-page .expertise-case-card:focus-visible,
        .expertise-page .expertise-framework-card:hover,
        .expertise-page .expertise-framework-card:focus-visible {
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.13);
        }

        .expertise-page .expertise-capability-card:hover .expertise-card-action,
        .expertise-page .expertise-capability-card:focus-visible .expertise-card-action,
        .expertise-page .expertise-transfer-card:hover .expertise-card-action,
        .expertise-page .expertise-transfer-card:focus-visible .expertise-card-action,
        .expertise-page .expertise-case-card:hover .expertise-card-action,
        .expertise-page .expertise-case-card:focus-visible .expertise-card-action,
        .expertise-page .expertise-framework-card:hover .expertise-card-action,
        .expertise-page .expertise-framework-card:focus-visible .expertise-card-action {
            transform: translateX(4px);
        }

        .expertise-page .expertise-capability-card:focus-visible,
        .expertise-page .expertise-transfer-card:focus-visible,
        .expertise-page .expertise-case-card:focus-visible,
        .expertise-page .expertise-framework-card:focus-visible {
            outline: 3px solid #60a5fa;
            outline-offset: 3px;
            z-index: 2;
        }

        @media (max-width: 1023px) {
            .expertise-page .expertise-transfer-panel,
            .expertise-page .expertise-framework-grid {
                grid-template-columns: 1fr;
            }

            .expertise-page .expertise-transfer-grid {
                grid-template-columns: 1fr;
            }

            .expertise-page .expertise-transfer-card {
                border-left: 0;
                border-top: 1px solid #e2e8f0;
            }

            .expertise-page .expertise-framework-card {
                min-height: 0;
            }
        }

        @media (max-width: 900px) {
            .expertise-page .expertise-capability-panel {
                grid-template-columns: 1fr;
            }

            .expertise-page .expertise-capability-card {
                border-right: 0;
                border-bottom: 1px solid #e2e8f0;
            }

            .expertise-page .expertise-capability-card:last-child {
                border-bottom: 0;
            }
        }

        @media (max-width: 767px) {
            .expertise-page .expertise-section-head {
                margin-bottom: 1rem;
            }

            .expertise-page .expertise-section-head h2 {
                align-items: flex-start;
                gap: 0.55rem;
                font-size: 1.45rem;
                line-height: 1.12;
            }

            .expertise-page .expertise-section-head h2::before {
                margin-top: 0.68rem;
                width: 1.65rem;
            }

            .expertise-page .expertise-capability-card,
            .expertise-page .expertise-transfer-intro,
            .expertise-page .expertise-transfer-card,
            .expertise-page .expertise-case-card,
            .expertise-page .expertise-framework-card {
                padding: 1.35rem;
            }

            .expertise-page .expertise-case-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .expertise-page .expertise-case-card {
                min-height: 0;
            }

            .expertise-page .expertise-framework-blocks {
                grid-template-columns: 1fr;
            }

            .expertise-page .expertise-card-action {
                min-height: 2.35rem;
                align-items: center;
            }
        }

        .intro-panel,
        .filter-panel {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            border-left: 4px solid #1e3a8a !important;
            border-radius: 8px !important;
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
        }

        .filter-panel {
            padding: 1.15rem;
        }

        .career-filter-chip {
            transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
        }

        .career-filter-chip:hover,
        .career-filter-chip:focus-visible {
            transform: translateY(-1px);
        }

        .experience-detail-panel,
        #mobile-accordion-container > div {
            border-radius: 8px !important;
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08) !important;
        }

        .timeline-item {
            border-radius: 8px !important;
        }

        #timeline-container {
            padding-left: 0.6rem !important;
            padding-right: 0.6rem !important;
            margin-left: -0.6rem;
            margin-right: -0.6rem;
        }

        #timeline-container .timeline-item:hover,
        #timeline-container .timeline-item:focus-visible {
            transform: translateY(-2px);
        }

        .experience-page .experience-overview {
            display: block;
            padding: 1.25rem 1.35rem !important;
            color: #475569;
        }

        .experience-page .experience-overview-main,
        .experience-page .experience-overview-current,
        .experience-page .experience-overview-lineage {
            max-width: 68rem;
        }

        .experience-page .experience-overview p {
            margin: 0;
            line-height: 1.68;
        }

        .experience-page .experience-overview p + p {
            margin-top: 0.72rem;
        }

        .experience-page .experience-overview-current {
            margin-top: 0.78rem;
            margin-bottom: 0.78rem;
            padding: 0.15rem 0;
            background: transparent;
        }

        .experience-page .experience-toolbar {
            padding: 1rem !important;
            border-left-color: #1e3a8a !important;
        }

        .experience-page .experience-toolbar-controls {
            display: grid;
            grid-template-columns: minmax(11rem, 0.9fr) minmax(13rem, 1fr) minmax(13rem, 1.1fr) auto;
            gap: 0.85rem;
            align-items: end;
        }

        .experience-page .experience-filter-field {
            min-width: 0;
        }

        .experience-page .experience-filter-label {
            display: block;
            margin-bottom: 0.32rem;
            color: #334155;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .experience-page .experience-filter-select {
            width: 100%;
            min-height: 2.45rem;
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            background: #ffffff;
            color: #334155;
            font-size: 0.88rem;
            font-weight: 600;
            line-height: 1.2;
            padding: 0.55rem 0.72rem;
            outline: none;
            transition: border-color 0.16s ease, box-shadow 0.16s ease;
        }

        .experience-page .experience-filter-select:focus-visible,
        .experience-page .experience-clear-button:focus-visible,
        .experience-page #timeline-container .timeline-item:focus-visible,
        .experience-page #mobile-accordion-container .acc-btn:focus-visible {
            outline: 3px solid #60a5fa;
            outline-offset: 3px;
        }

        .experience-page .experience-filter-select:focus {
            border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
        }

        .experience-page .experience-clear-button {
            min-height: 2.45rem;
            border: 1px solid #1e3a8a;
            border-radius: 8px;
            background: #1e3a8a;
            color: #ffffff;
            cursor: pointer;
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            line-height: 1;
            padding: 0.55rem 0.9rem;
            text-transform: uppercase;
            transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
        }

        .experience-page .experience-clear-button:hover {
            background: #1d4ed8;
            border-color: #1d4ed8;
        }

        .experience-page .experience-clear-button:disabled,
        .experience-page .experience-clear-button[aria-disabled="true"] {
            border-color: #cbd5e1;
            background: #f8fafc;
            color: #94a3b8;
            cursor: default;
        }

        .experience-page .experience-filter-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            margin-top: 0.85rem;
        }

        .experience-page .experience-result-count {
            color: #1e3a8a;
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .experience-page .experience-filter-legend {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 0.35rem 1.1rem;
            color: #64748b;
            font-size: 0.75rem;
        }

        .experience-page .experience-empty-state {
            margin: 1rem 0 1.25rem;
            padding: 1rem;
            border: 1px solid #cbd5e1;
            border-left: 4px solid #b45309;
            border-radius: 8px;
            background: #fffbeb;
            color: #334155;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }

        .experience-page .experience-empty-state.hidden {
            display: none !important;
        }

        .experience-page .experience-empty-state p {
            margin: 0;
            font-size: 0.92rem;
            font-weight: 700;
        }

        .experience-page .experience-empty-hidden {
            display: none !important;
        }

        .experience-page .experience-role-repository {
            gap: 1.25rem !important;
        }

        @media (min-width: 1024px) {
            .experience-page #timeline-container {
                gap: 0.72rem !important;
                padding: 0.85rem !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                border: 1px solid rgba(148, 163, 184, 0.22);
                border-radius: 8px;
                background:
                    linear-gradient(145deg, #0f172a 0%, #111c38 58%, #172554 100%);
                box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
            }

            .experience-page #timeline-container .timeline-item {
                flex: 0 0 auto !important;
                flex-shrink: 0 !important;
                height: auto !important;
                min-height: 6rem;
                max-height: none !important;
                justify-content: flex-start !important;
                align-items: stretch !important;
                overflow: visible;
                border-color: rgba(191, 219, 254, 0.16) !important;
                border-left: 4px solid rgba(96, 165, 250, 0.36) !important;
                border-top: 1px solid rgba(191, 219, 254, 0.16) !important;
                border-radius: 8px !important;
                background: rgba(248, 250, 252, 0.08) !important;
                box-shadow: none !important;
                color: #dbeafe !important;
                opacity: 1 !important;
                transform: none !important;
            }

            .experience-page #timeline-container .timeline-item > div:first-child {
                color: #f8fafc !important;
            }

            .experience-page #timeline-container .timeline-item span.block.text-blue-900 {
                color: #bfdbfe !important;
                line-height: 1.28 !important;
            }

            .experience-page #timeline-container .timeline-item span.block.text-xs {
                color: #b6c7e6 !important;
                line-height: 1.42 !important;
                opacity: 1 !important;
            }

            .experience-page #timeline-container .timeline-item > div:last-child {
                margin-top: 0.68rem !important;
                color: #93a9c9 !important;
                opacity: 1 !important;
                line-height: 1.35 !important;
            }

            .experience-page #timeline-container .timeline-item:hover,
            .experience-page #timeline-container .timeline-item:focus-visible {
                border-color: rgba(191, 219, 254, 0.32) !important;
                border-left-color: #60a5fa !important;
                background: rgba(248, 250, 252, 0.14) !important;
                box-shadow: none !important;
                transform: translateY(-1px) !important;
            }

            .experience-page #timeline-container .timeline-item.experience-role-card-active {
                border-color: #bfdbfe !important;
                border-left-color: #2563eb !important;
                background: #f8fbff !important;
                box-shadow: inset 0 0 0 1px rgba(30, 58, 138, 0.1), 0 10px 22px rgba(15, 23, 42, 0.2) !important;
            }

            .experience-page #timeline-container .timeline-item.experience-role-card-active > div:first-child {
                color: #0f172a !important;
            }

            .experience-page #timeline-container .timeline-item.experience-role-card-active span.block.text-blue-900 {
                color: #1e3a8a !important;
            }

            .experience-page #timeline-container .timeline-item.experience-role-card-active span.block.text-xs {
                color: #475569 !important;
            }

            .experience-page #timeline-container .timeline-item.experience-role-card-active > div:last-child {
                color: #64748b !important;
            }
        }

        .experience-page .experience-detail-panel {
            border-top: 1px solid #dbe3ef !important;
            border-left: 4px solid #1e3a8a !important;
            padding: 1.5rem !important;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
        }

        .experience-page #experience-details {
            max-width: 54rem;
        }

        .experience-page #experience-details > [id^="role-"] {
            padding-bottom: 2.5rem;
            border-bottom: 1px solid #e2e8f0;
        }

        .experience-page #experience-details > [id^="role-"]:last-child {
            padding-bottom: 0.25rem;
            border-bottom: 0;
        }

        .experience-page #experience-details > [id^="role-"] > div:first-child {
            margin-bottom: 1.25rem !important;
            padding: 1rem 1.1rem !important;
            border: 1px solid #dbe4ef !important;
            border-left: 4px solid #1e3a8a !important;
            border-radius: 8px !important;
            background: #f8fafc !important;
        }

        .experience-page #experience-details h2 {
            color: #0f172a !important;
            font-size: clamp(1.24rem, 1.7vw, 1.55rem) !important;
            line-height: 1.18 !important;
        }

        .experience-page #experience-details h3 {
            color: #1e3a8a !important;
            font-size: 0.98rem !important;
            font-weight: 800 !important;
            line-height: 1.28 !important;
        }

        .experience-page #experience-details h3 + div {
            color: #64748b !important;
            font-size: 0.72rem !important;
            letter-spacing: 0.08em !important;
        }

        .experience-page #experience-details li[data-tags] {
            margin-bottom: 0.8rem !important;
            padding-left: 1.45rem !important;
            color: #334155 !important;
            line-height: 1.62 !important;
        }

        .experience-page #experience-details li[data-tags]::before {
            top: 0.62rem !important;
            width: 0.45rem !important;
            height: 0.45rem !important;
            box-shadow: 0 0 0 4px #eef2f7;
        }

        .experience-page #mobile-accordion-container > div {
            border: 1px solid #dbe4ef !important;
            border-radius: 8px !important;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
        }

        .experience-page #mobile-accordion-container .acc-btn {
            min-height: 5.5rem;
            border-top-width: 1px !important;
            border-left: 4px solid transparent;
            gap: 0.9rem;
        }

        .experience-page #mobile-accordion-container .acc-btn[aria-expanded="true"] {
            border-left-color: #1e3a8a;
            background: #eff6ff;
        }

        .experience-page #mobile-accordion-container .acc-btn[aria-expanded="true"] .acc-icon {
            color: #1e3a8a !important;
        }

        .experience-page #mobile-accordion-container .acc-body {
            background: #ffffff !important;
            padding: 1.1rem !important;
            border-top-color: #dbe4ef !important;
        }

        .experience-page #mobile-accordion-container li[data-tags] {
            margin-bottom: 0.85rem !important;
            padding-left: 1.35rem !important;
            line-height: 1.6 !important;
        }

        .experience-page #mobile-accordion-container li[data-tags]::before {
            top: 0.58rem !important;
            width: 0.42rem !important;
            height: 0.42rem !important;
            box-shadow: 0 0 0 3px #eef2f7;
        }

        .site-cta-band {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 1rem;
            align-items: center;
            padding: 1.05rem 1.2rem;
            color: #ffffff;
            background:
                radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 34%),
                linear-gradient(135deg, #0f172a, #172554);
            border: 1px solid rgba(203, 213, 225, 0.14);
            border-radius: 8px;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
        }

        .site-cta-band h2 {
            margin: 0;
            color: #ffffff;
            font-size: clamp(1.12rem, 1.7vw, 1.45rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.08;
        }

        .site-cta-band p {
            margin: 0.35rem 0 0;
            color: #cbd5e1;
            font-size: 0.86rem;
            line-height: 1.5;
        }

        .site-cta-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin: 0 0 0.45rem;
            color: #93c5fd;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .site-cta-kicker::before {
            content: "";
            width: 1.75rem;
            height: 3px;
            background: #3b82f6;
            border-radius: 999px;
        }

        .site-cta-button {
            display: inline-flex;
            min-height: 2.55rem;
            align-items: center;
            justify-content: center;
            padding: 0.68rem 1rem;
            color: #ffffff;
            background: #2563eb;
            border-radius: 8px;
            box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22);
            font-size: 0.68rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-decoration: none;
            text-transform: uppercase;
            white-space: nowrap;
            transition: background 0.16s ease, transform 0.16s ease;
        }

        .site-cta-button:hover,
        .site-cta-button:focus-visible {
            background: #3b82f6;
            transform: translateY(-1px);
        }

        .site-footer {
            background: #0f172a !important;
            border-top: 1px solid #1e293b !important;
        }

        .journey-page {
            --journey-navy: #0f172a;
            --journey-navy-2: #172554;
            --journey-blue: #1e3a8a;
            --journey-blue-2: #2563eb;
            --journey-line: #dbe4ef;
            --journey-soft: #f1f5f9;
            background: #f8fafc;
            color: #1e293b;
        }

        .journey-page .proof-strip {
            background: linear-gradient(180deg, #111c34 0%, #0f172a 100%);
            border-top: 1px solid rgba(96, 165, 250, 0.18);
            border-bottom: 1px solid #1e293b;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        .journey-page .proof-strip .shell {
            gap: 0;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }

        .journey-page .proof-item {
            min-width: 0;
            padding: 0.25rem 1.15rem;
        }

        .journey-page .proof-item + .proof-item {
            border-left: 1px solid rgba(148, 163, 184, 0.24);
        }

        .journey-page .proof-value {
            font-size: clamp(1.35rem, 2.4vw, 2rem);
            letter-spacing: 0;
        }

        .journey-page .proof-label {
            color: #b6c4d6;
            font-size: 0.68rem;
        }

        .journey-page .subhero-note {
            max-width: 64rem !important;
        }

        .journey-page main {
            gap: 3.75rem;
            padding-top: 3.25rem;
            padding-bottom: 3.75rem;
        }

        .journey-page .journey-section-title {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            margin: 0 0 1.1rem;
            padding: 0;
            color: #0f172a;
            background: transparent;
            border-radius: 0;
            font-size: clamp(1.45rem, 2.4vw, 2.05rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.12;
        }

        .journey-page .journey-section-title::after {
            content: "";
            width: 3rem;
            height: 3px;
            background: #2563eb;
            border-radius: 999px;
            flex: 0 0 auto;
        }

        .journey-page .map-card,
        .journey-page .years-card,
        .journey-page .anchor-card,
        .journey-page .note-card {
            border-radius: 8px;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
        }

        .journey-page .map-card {
            overflow: hidden;
            border: 1px solid #cbd5e1;
            border-top: 0;
            background: #ffffff;
            box-shadow: 0 22px 48px rgba(15, 23, 42, 0.13);
        }

        .journey-page .years-card,
        .journey-page .anchor-card,
        .journey-page .note-card {
            border: 1px solid #dbe4ef;
            border-top: 0;
            background: #ffffff;
        }

        .journey-page .map-intro-band {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.34fr);
            gap: 1rem;
            align-items: center;
            padding: 1.25rem 1.35rem;
            background: #0f172a;
            color: #dbeafe;
            border-bottom: 1px solid rgba(96, 165, 250, 0.24);
        }

        .journey-page .map-intro-band p {
            margin: 0;
            color: #dbeafe;
            font-size: 0.92rem;
            line-height: 1.55;
        }

        .journey-page .map-intro-band .map-instruction {
            justify-self: end;
            color: #bfdbfe;
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            line-height: 1.35;
            text-transform: uppercase;
        }

        .journey-page .map-stage {
            background: linear-gradient(180deg, #eef6ff 0%, #dceaf8 100%);
            border-bottom: 1px solid #dbe4ef;
            overflow: hidden;
        }

        .journey-page svg.map {
            max-height: 600px;
        }

        .journey-page .land {
            fill: #b5c9e4;
            stroke: #829cc2;
            stroke-width: 0.55;
        }

        .journey-page .grat {
            stroke: #cbd9ea;
            opacity: 0.56;
        }

        .journey-page .arc {
            stroke-width: 1.75;
        }

        .journey-page .mk {
            outline: none;
            cursor: pointer;
        }

        .journey-page .mk:focus-visible .halo {
            stroke-width: 4;
            opacity: 0.72;
        }

        .journey-page .mk:focus-visible .core {
            stroke-width: 2.25;
        }

        .journey-page .mk .lbl {
            fill: #1e293b;
            font-size: 9.6px;
            paint-order: stroke;
            stroke: rgba(248, 250, 252, 0.82);
            stroke-width: 3px;
            stroke-linejoin: round;
        }

        .journey-page .tip {
            background: rgba(255, 255, 255, 0.97);
            border-color: rgba(148, 163, 184, 0.42);
            border-left: 4px solid var(--journey-location-color, #1e3a8a);
            border-radius: 8px;
            color: #0f172a;
            max-width: min(18rem, calc(100% - 1rem));
            padding: 0.85rem 0.95rem;
            box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
        }

        .journey-page .tip .phase {
            color: #526174;
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: none;
        }

        .journey-page .tip strong {
            display: block;
            color: #0f172a;
            font-size: 0.82rem;
            line-height: 1.25;
            margin-bottom: 0.2rem;
        }

        .journey-page .tip .small {
            color: #475569;
            font-size: 0.76rem;
            line-height: 1.45;
        }

        .journey-page .map-controls {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 0.9rem;
            align-items: center;
            padding: 1rem 1.15rem;
            background: #f8fafc;
            border-top: 1px solid #dbe4ef;
        }

        .journey-page .map-actions {
            display: grid;
            grid-template-columns: auto minmax(14rem, 1fr);
            gap: 0.9rem;
            align-items: center;
            min-width: 0;
        }

        .journey-page .play {
            min-height: 44px;
            border-radius: 8px;
            padding: 0.75rem 1.05rem;
            background: #1e3a8a;
            box-shadow: 0 8px 18px rgba(30, 58, 138, 0.18);
        }

        .journey-page .play:hover {
            background: #2563eb;
        }

        .journey-page .play:focus-visible,
        .journey-page .scrub:focus-visible {
            outline: 3px solid #60a5fa;
            outline-offset: 3px;
        }

        .journey-page .scrub {
            width: 100%;
            min-width: 0;
            accent-color: #2563eb;
        }

        .journey-page .era {
            max-width: 20rem;
            color: #1e3a8a;
            font-size: 0.78rem;
            font-weight: 800;
            line-height: 1.35;
            text-align: right;
            white-space: normal;
        }

        .journey-page .years-panel {
            display: grid;
            grid-template-columns: minmax(14rem, 0.36fr) minmax(0, 1fr);
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
        }

        .journey-page .years-context {
            display: flex;
            align-items: center;
            min-height: 100%;
            padding: 1.4rem;
            background: #0f172a;
            color: #dbeafe;
        }

        .journey-page .years-context p {
            margin: 0;
            color: #dbeafe;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .journey-page .years-card {
            padding: 1.35rem;
            border: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .journey-page .bar-list {
            gap: 0.92rem;
        }

        .journey-page .bar-row {
            grid-template-columns: minmax(9.5rem, 0.62fr) minmax(0, 1fr) minmax(5rem, auto) minmax(3.5rem, auto);
            gap: 0.85rem;
            align-items: center;
        }

        .journey-page .bar-name {
            color: #0f172a;
        }

        .journey-page .bar-track {
            background: #e8eef6;
            border: 1px solid #dbe4ef;
            height: 0.72rem;
        }

        .journey-page .bar-time {
            color: #334155;
        }

        .journey-page .bar-pct {
            color: #64748b;
            font-size: 0.72rem;
        }

        .journey-page .anchor-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .journey-page .anchor-card {
            position: relative;
            padding: 1.1rem 1.15rem 1.15rem 1.3rem;
            border-left: 4px solid var(--journey-location-color, #1e3a8a);
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
            transition: border-color 0.16s ease, box-shadow 0.16s ease;
        }

        .journey-page .anchor-card::before {
            content: "";
            position: absolute;
            top: 0.95rem;
            right: 0.95rem;
            width: 0.55rem;
            height: 0.55rem;
            border-radius: 999px;
            background: var(--journey-location-color, #1e3a8a);
            box-shadow: 0 0 0 4px rgba(226, 232, 240, 0.82);
        }

        .journey-page .anchor-card h3 {
            margin: 0 1rem 0.5rem 0;
            color: #0f172a;
            font-size: 1rem;
            line-height: 1.25;
        }

        .journey-page .anchor-card-meta {
            margin: 0 1rem 0.35rem 0;
            color: #64748b;
            font-size: 0.7rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            line-height: 1.25;
        }

        .journey-page .anchor-card p {
            color: #526174;
            font-size: 0.86rem;
            line-height: 1.55;
        }

        .journey-page .note-panel {
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
        }

        .journey-page .note-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0;
        }

        .journey-page .note-card {
            padding: 1.35rem;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: #ffffff;
        }

        .journey-page .note-card + .note-card {
            border-left: 1px solid #dbe4ef;
        }

        .journey-page .note-card h3 {
            margin: 0 0 0.55rem;
            color: #0f172a;
            font-size: 1rem;
            line-height: 1.25;
        }

        .journey-page .note-card h3::before {
            content: "";
            display: block;
            width: 2rem;
            height: 3px;
            margin: 0 0 0.75rem;
            border-radius: 999px;
            background: #2563eb;
        }

        .journey-page .note-card p {
            color: #526174;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .journey-page .footer {
            background: #0f172a;
        }

        @media (max-width: 980px) {
            .journey-page .map-intro-band,
            .journey-page .years-panel {
                grid-template-columns: 1fr;
            }

            .journey-page .map-intro-band .map-instruction {
                justify-self: start;
            }

            .journey-page .map-controls {
                grid-template-columns: 1fr;
            }

            .journey-page .era {
                max-width: none;
                text-align: left;
            }

            .journey-page .years-context {
                min-height: 0;
            }

            .journey-page .note-grid {
                grid-template-columns: 1fr;
            }

            .journey-page .note-card + .note-card {
                border-left: 0;
                border-top: 1px solid #dbe4ef;
            }
        }

        @media (max-width: 768px) {
            .journey-page .proof-strip .shell {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                padding-top: 1rem;
                padding-bottom: 1rem;
            }

            .journey-page .proof-item + .proof-item {
                border-left: 0;
            }

            .journey-page .proof-item:nth-child(even) {
                border-left: 1px solid rgba(148, 163, 184, 0.24);
            }

            .journey-page .proof-item:nth-child(n+3) {
                border-top: 1px solid rgba(148, 163, 184, 0.24);
            }

            .journey-page .map-actions {
                grid-template-columns: 1fr;
            }

            .journey-page .play {
                width: 100%;
            }

            .journey-page .scrub {
                min-height: 44px;
            }

            .journey-page .bar-row {
                grid-template-columns: minmax(0, 1fr);
                gap: 0.45rem;
            }

            .journey-page .bar-time,
            .journey-page .bar-pct {
                text-align: left;
            }

            .journey-page .anchor-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .journey-page main {
                gap: 2.5rem;
            }

            .journey-page .journey-section-title {
                display: grid;
                gap: 0.55rem;
                font-size: 1.35rem;
            }

            .journey-page .journey-section-title::after {
                width: 2.5rem;
            }

            .journey-page .map-intro-band,
            .journey-page .map-controls,
            .journey-page .years-context,
            .journey-page .years-card,
            .journey-page .note-card,
            .journey-page .anchor-card {
                padding: 1rem;
            }

            .journey-page .map-intro-band p,
            .journey-page .years-context p {
                font-size: 0.84rem;
            }

            .journey-page .mk .lbl {
                font-size: 8.6px;
            }

            .journey-page .tip {
                font-size: 0.74rem;
            }
        }

        .skip-link { position: absolute; left: -999px; top: 10px; background: #1e3a8a; color: white; padding: 8px 12px; border-radius: 8px; z-index: 100; font-size: 13px; font-weight: 700; text-decoration: none; }
        .skip-link:focus { left: 14px; }

        /* Prevent iOS auto-zoom on input focus */
        @media (max-width: 767px) {
            .home-hero {
                padding-bottom: 1.35rem !important;
            }

            .home-hero-inner {
                gap: 0.7rem !important;
            }

            .home-hero-name {
                font-size: clamp(1.45rem, 7vw, 1.9rem) !important;
            }

            .home-hero-title {
                font-size: 0.95rem !important;
            }

            .home-hero-lead {
                margin-top: 0.8rem !important;
                font-size: 0.9rem !important;
                line-height: 1.45 !important;
            }

            .home-hero-focus {
                gap: 0.45rem;
                margin-top: 0.7rem !important;
            }

            .home-hero-focus p {
                padding: 0.58rem 0.65rem;
                font-size: 0.8rem;
                line-height: 1.42;
            }

            .home-hero-links {
                margin-top: 0.55rem !important;
            }

            .home-hero-meta {
                margin-top: 0.45rem !important;
            }

            .home-main {
                gap: 2.65rem;
            }

            .home-section-head,
            .career-arc,
            .leadership-panel,
            .leadership-principles,
            .evidence-grid,
            .evaluator-panel,
            .contact-panel {
                grid-template-columns: 1fr;
            }

            .home-section-head {
                display: grid;
                gap: 0.8rem;
            }

            .home-section h2,
            .contact-intro h2,
            .evaluator-copy h2,
            .leadership-intro h2 {
                font-size: 1.65rem;
                line-height: 1.12;
            }

            .career-arc::before {
                top: 2rem;
                bottom: 2rem;
                left: 3.05rem;
                right: auto;
                width: 2px;
                height: auto;
                background: linear-gradient(180deg, #1e3a8a, #60a5fa);
            }

            .career-step {
                display: grid;
                grid-template-columns: 3.25rem minmax(0, 1fr);
                gap: 1rem;
                min-height: 0;
                padding: 1.35rem;
                border-right: 0;
                border-bottom: 1px solid #e2e8f0;
            }

            .career-step:last-child {
                border-bottom: 0;
            }

            .career-step-number {
                width: 2.75rem;
                height: 2.75rem;
                margin-bottom: 0;
                border-width: 4px;
            }

            .leadership-intro {
                min-height: 0;
                padding: 1.6rem;
            }

            .leadership-principle {
                padding: 1.5rem;
                border-left: 0;
                border-top: 1px solid #e2e8f0;
            }

            .evidence-card {
                min-height: 0;
                padding: 1.45rem;
            }

            .evaluator-panel,
            .contact-panel {
                gap: 1.25rem;
                padding: 1.5rem;
            }

            .evaluator-panel {
                grid-template-columns: 1fr;
            }

            .evaluator-action,
            .contact-form-panel {
                padding: 1rem;
            }

            .subpage-hero {
                padding-top: 4.25rem !important;
                padding-bottom: 1.5rem !important;
            }

            .subpage-hero-inner {
                text-align: center;
            }

            .subpage-eyebrow {
                justify-content: center;
            }

            .subpage-hero .subhero-note p {
                font-size: 0.86rem !important;
                line-height: 1.45 !important;
            }

            .site-cta-band {
                grid-template-columns: 1fr;
                gap: 0.85rem;
                padding: 1rem;
            }

            .subpage-main,
            .journey-page main {
                gap: 2.65rem;
                padding-top: 2.25rem;
                padding-bottom: 2.75rem;
            }

            .site-cta-button {
                width: 100%;
            }

            .filter-panel {
                padding: 1rem;
            }

        }

        @media (max-width: 768px) {
            #jdInput, #jdUrlInput, textarea, input {
                font-size: 16px !important;
            }
            .secondary-modal {
                padding: 0.65rem;
                align-items: stretch;
            }

            .modal-content { width: 94%; max-height: 92vh; }

            .secondary-modal .modal-content {
                width: 100%;
                max-height: calc(100svh - 1.3rem);
            }

            .modal-body { padding: 1.25rem; }

            .secondary-modal-header {
                gap: 0.75rem;
                padding: 1rem !important;
            }

            .secondary-modal-title {
                font-size: 1.28rem;
            }

            .secondary-modal-subtitle {
                font-size: 0.82rem !important;
            }

            .secondary-close-button {
                width: 2.5rem;
                height: 2.5rem;
            }

            .secondary-modal-body {
                padding: 1rem !important;
            }

            .secondary-evidence-section {
                padding: 0.9rem;
            }

            .dd-metric-grid-four {
                grid-template-columns: 1fr;
            }

            .dd-metric-category header {
                min-height: 0;
            }

            .dd-region-grid,
            .dd-private,
            .dd-case-narrative,
            .dd-control-grid,
            .dd-case-metrics .dd-metric-grid {
                grid-template-columns: 1fr;
            }

            .dd-metric-category,
            .dd-region-grid section,
            .dd-two-column section,
            .dd-private section,
            .dd-case-narrative section,
            .dd-metric-strip section,
            .dd-case-metrics .dd-metric-grid section,
            .dd-control-grid li {
                border-right: 0;
                border-bottom: 1px solid var(--drill-line);
            }

            .dd-metric-category:last-child,
            .dd-region-grid section:last-child,
            .dd-two-column section:last-child,
            .dd-private section:last-child,
            .dd-case-narrative section:last-child,
            .dd-metric-strip section:last-child,
            .dd-case-metrics .dd-metric-grid section:last-child,
            .dd-control-grid li:last-child {
                border-bottom: 0;
            }

            .dd-framework-domain {
                gap: 0.75rem;
                padding: 1rem;
            }

        }

        @media (max-width: 1023px) {
            .experience-page .experience-toolbar-controls {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            }

            .experience-page .experience-search-field,
            .experience-page .experience-clear-button {
                grid-column: span 2;
            }
        }

        @media (max-width: 640px) {
            .dd-metric-grid-four,
            .dd-region-grid,
            .dd-metric-strip,
            .dd-two-column,
            .dd-private,
            .dd-case-narrative,
            .dd-control-grid,
            .dd-case-metrics .dd-metric-grid {
                grid-template-columns: 1fr;
            }

            .dd-metric-category,
            .dd-region-grid section,
            .dd-two-column section,
            .dd-private section,
            .dd-case-narrative section,
            .dd-metric-strip section,
            .dd-case-metrics .dd-metric-grid section,
            .dd-control-grid li {
                border-right: 0;
                border-bottom: 1px solid var(--drill-line);
            }

            .dd-metric-category:last-child,
            .dd-region-grid section:last-child,
            .dd-two-column section:last-child,
            .dd-private section:last-child,
            .dd-case-narrative section:last-child,
            .dd-metric-strip section:last-child,
            .dd-case-metrics .dd-metric-grid section:last-child,
            .dd-control-grid li:last-child {
                border-bottom: 0;
            }

            .experience-page .experience-toolbar-controls {
                grid-template-columns: 1fr;
            }

            .experience-page .experience-search-field,
            .experience-page .experience-clear-button {
                grid-column: auto;
            }

            .experience-page .experience-filter-meta {
                align-items: flex-start;
                flex-direction: column;
                gap: 0.65rem;
            }

            .experience-page .experience-filter-legend {
                justify-content: flex-start;
            }

            .experience-page .experience-empty-state {
                align-items: stretch;
                flex-direction: column;
            }
        }

/* Sub-page hero: clear the 56px fixed nav — defense-in-depth fallback so browsers
   with a cached copy of the HTML (which uses pt-[4.25rem], not compiled by Tailwind)
   still get the correct padding from this rule. The inline <style> in each page's
   <head> also sets this, so the two rules reinforce each other. */
header.bg-slate-900:not(.home-hero) {
    padding-top: 5rem; /* 80px mobile */
}
@media (min-width: 768px) {
    header.bg-slate-900:not(.home-hero) {
        padding-top: 6rem; /* 96px desktop */
    }
}

/* Sub-page hero description: reserve just enough height to keep the Expertise and
   Experience heroes aligned with each other while the blue bar (border-left, now on
   the inner <p>) hugs the actual text. 5rem ≈ a 3-line description (text-base /
   leading-relaxed), so the 3-line page fills it and the 2-line page shows only a
   minimal gap. The identity block (photo/name/subtitle) is top-aligned above this
   wrapper, so it never moves between pages regardless of description length. */
.subhero-note {
    min-height: 6.75rem; /* 108px — matches Journey's hero-note desktop reserve so all three heroes are the same height */
}
@media (max-width: 767px) {
    .subhero-note {
        min-height: 0; /* mobile: let content drive height, matching journey's own reset */
    }
}

#aiModal #tabUrlBtn.border-blue-900,
#aiModal #tabTextBtn.border-blue-900 {
    color: #172554 !important;
    border-bottom-color: #2563eb !important;
}

#aiModal #modeFullBtn.eval-mode-active,
#aiModal #modeQuickBtn.eval-mode-active {
    background: #ffffff !important;
    color: #172554 !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 10px 20px rgba(30, 58, 138, 0.1) !important;
    transition-property: color, border-color, box-shadow !important;
}

#aiModal #modeFullBtn.eval-mode-inactive,
#aiModal #modeQuickBtn.eval-mode-inactive {
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    transition-property: color, border-color, box-shadow !important;
}