.risk-kpis {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin: 14px 0;
      }
      .risk-kpi {
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 10px;
        padding: 14px;
      }
      .risk-kpi b {
        display: block;
        font-size: 24px;
        margin-top: 5px;
      }
      .risk-tools {
        display: flex;
        gap: 8px;
        align-items: end;
        flex-wrap: wrap;
        margin: 14px 0;
      }
      .risk-tools label {
        margin: 0;
        min-width: 160px;
      }
      .risk-tools input,
      .risk-tools select {
        padding: 8px;
      }
      .risk-view-tabs {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        align-items: center;
      }
      .risk-view-tabs .btn.on {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff;
      }
      .risk-control-toggle {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff;
      }
      .risk-control-toggle.open {
        background: #0f172a;
        border-color: #0f172a;
        color: #fff;
      }
      .risk-summary-table-wrap {
        max-height: min(68vh, 760px);
        overflow: auto;
      }
      .risk-summary-table th {
        position: sticky;
        top: 0;
        z-index: 5;
        background: linear-gradient(135deg, #1d4ed8, #2563eb);
        color: #fff;
        border-bottom-color: #1e40af;
        box-shadow: 0 2px 0 #1e40af22;
      }
      .risk-summary-table th:first-child {
        border-top-left-radius: 8px;
      }
      .risk-summary-table th:last-child {
        border-top-right-radius: 8px;
      }
      .risk-summary-table .risk-treatment-cell {
        min-width: 170px;
      }
      .risk-summary-table .risk-treatment-cell .row-actions {
        align-items: center;
        gap: 8px;
      }
      .risk-summary-table .risk-treatment-select {
        min-width: 132px;
        width: 132px;
        font-weight: 800;
        border-width: 1px;
      }
      .implementation-pill,
      .treatment-pill {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 3px 9px;
        border-radius: 999px;
        font-weight: 800;
        font-size: 11px;
        line-height: 1.15;
      }
      .implementation-implemented,
      .treatment-accept {
        background: #dcfce7;
        color: #166534;
      }
      .implementation-in_progress,
      .implementation-planned,
      .treatment-mitigate {
        background: #fef3c7;
        color: #92400e;
      }
      .implementation-not_exists,
      .treatment-avoid {
        background: #fee2e2;
        color: #991b1b;
      }
      .implementation-not_evaluated,
      .treatment-transfer {
        background: #e0f2fe;
        color: #075985;
      }
      .risk-level {
        font-weight: 800;
      }
      .risk-summary-grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 12px;
      }
      .risk-heatmap-card,
      .risk-group-card,
      .risk-summary-card {
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 14px;
        padding: 14px;
      }
      .risk-trace-panel {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 14px;
        margin: 14px 0;
        padding: 16px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: radial-gradient(circle at 10% 0%, #dbeafe 0, transparent 34%), linear-gradient(135deg, #fff, #f8fbff 48%, #eef6ff);
        box-shadow: 0 18px 45px #1d4ed814;
      }
      .risk-trace-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, #ffffff66, transparent);
        transform: translateX(-100%);
        animation: traceSweep 8s ease-in-out infinite;
      }
      @keyframes traceSweep {
        0%, 55% { transform: translateX(-100%); }
        75%, 100% { transform: translateX(100%); }
      }
      .risk-trace-head {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
        gap: 14px;
        align-items: center;
      }
      .risk-trace-head h3 {
        margin: 4px 0 8px;
        font-size: 21px;
        color: #0f172a;
      }
      .risk-trace-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .risk-trace-metric {
        padding: 11px;
        border: 1px solid #dbeafe;
        border-radius: 14px;
        background: #ffffffd9;
        box-shadow: inset 0 1px 0 #fff;
      }
      .risk-trace-metric span {
        display: block;
        color: #64748b;
        font-size: 11px;
        font-weight: 750;
      }
      .risk-trace-metric b {
        display: block;
        margin-top: 4px;
        font-size: 24px;
        color: #0f172a;
      }
      .risk-trace-metric.ok {
        border-color: #bbf7d0;
        background: #f0fdf4;
      }
      .risk-trace-metric.warn {
        border-color: #fed7aa;
        background: #fff7ed;
      }
      .risk-graph-snapshot {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }
      .risk-graph-node {
        position: relative;
        min-height: 104px;
        padding: 12px;
        border: 1px solid #dbeafe;
        border-radius: 16px;
        background: #ffffffd9;
        box-shadow: 0 10px 24px #1d4ed80d;
      }
      .risk-graph-node:not(:last-child)::after {
        content: "→";
        position: absolute;
        right: -13px;
        top: 50%;
        z-index: 2;
        width: 26px;
        height: 26px;
        display: grid;
        place-items: center;
        transform: translateY(-50%);
        border-radius: 999px;
        background: #2563eb;
        color: #fff;
        font-weight: 900;
        box-shadow: 0 8px 18px #2563eb42;
      }
      .risk-graph-node span {
        display: block;
        color: #64748b;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
      }
      .risk-graph-node b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 26px;
        line-height: 1;
      }
      .risk-graph-node small {
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .risk-trace-table {
        position: relative;
        z-index: 1;
      }
      .risk-trace-table td {
        vertical-align: top;
      }
      .risk-trace-status {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 4px 9px;
        font-size: 11px;
        font-weight: 850;
        border: 1px solid #e2e8f0;
      }
      .risk-trace-complete {
        color: #166534;
        background: #dcfce7;
        border-color: #bbf7d0;
      }
      .risk-trace-progress {
        color: #075985;
        background: #e0f2fe;
        border-color: #bae6fd;
      }
      .risk-trace-gap {
        color: #991b1b;
        background: #fee2e2;
        border-color: #fecaca;
      }
      .evidence-gap-panel {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 16px;
        background: linear-gradient(135deg, #eff6ff, #fff 46%, #f8fbff);
        box-shadow: 0 14px 36px #1d4ed812;
        margin: 12px 0;
      }
      .evidence-gap-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
      }
      .evidence-gap-head h3 {
        margin: 4px 0 6px;
      }
      .evidence-gap-metrics {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .evidence-gap-metric {
        min-width: 120px;
        padding: 9px 11px;
        border: 1px solid #dbeafe;
        border-radius: 13px;
        background: #fff;
      }
      .evidence-gap-metric span {
        display: block;
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
      }
      .evidence-gap-metric b {
        display: block;
        margin-top: 3px;
        font-size: 22px;
        color: #0f172a;
      }
      .evidence-gap-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .evidence-gap-card {
        display: grid;
        gap: 8px;
        border: 1px solid #dbeafe;
        border-radius: 14px;
        padding: 12px;
        background: #fff;
      }
      .evidence-gap-card h4 {
        margin: 0;
      }
      .evidence-gap-card p {
        margin: 0;
      }
      .testing-readiness-panel {
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(14, 165, 233, 0.22);
        border-radius: 18px;
        background:
          radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 32%),
          linear-gradient(135deg, #eef8ff, #ffffff 54%, #f5f3ff);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
      }
      .testing-readiness-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
      }
      .testing-readiness-card {
        position: relative;
        overflow: hidden;
        min-height: 124px;
        padding: 14px;
        border: 1px solid rgba(148, 163, 184, 0.26);
        border-radius: 16px;
        background: rgba(255,255,255,0.82);
      }
      .testing-readiness-card::after {
        content: "";
        position: absolute;
        inset: auto -30px -46px auto;
        width: 118px;
        height: 118px;
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.11);
      }
      .testing-readiness-card span {
        display: block;
        color: #64748b;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .testing-readiness-card b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 1.55rem;
      }
      .testing-readiness-card small {
        position: relative;
        z-index: 1;
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .evidence-verifier-panel {
        display: grid;
        gap: 14px;
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(16, 185, 129, 0.24);
        border-radius: 18px;
        background:
          radial-gradient(circle at top right, rgba(16, 185, 129, 0.16), transparent 34%),
          linear-gradient(135deg, #f0fdf4, #ffffff 54%, #eff6ff);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
      }
      .evidence-verifier-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .evidence-verifier-card {
        padding: 14px;
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 16px;
        background: rgba(255,255,255,0.86);
      }
      .evidence-verifier-card span {
        display: block;
        color: #047857;
        font-size: 0.78rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .evidence-verifier-card b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 1.55rem;
      }
      .evidence-verifier-card small {
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .evidence-custody-panel {
        display: grid;
        gap: 14px;
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(79, 70, 229, 0.22);
        border-radius: 18px;
        background:
          radial-gradient(circle at top left, rgba(79, 70, 229, 0.14), transparent 34%),
          linear-gradient(135deg, #eef2ff, #ffffff 54%, #f0fdf4);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
      }
      .evidence-custody-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .evidence-custody-card {
        padding: 14px;
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 16px;
        background: rgba(255,255,255,0.86);
      }
      .evidence-custody-card span {
        display: block;
        color: #3730a3;
        font-size: 0.78rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .evidence-custody-card b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 1.55rem;
      }
      .evidence-custody-card small {
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .audit-workpaper-panel {
        display: grid;
        gap: 14px;
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(14, 165, 233, 0.24);
        border-radius: 18px;
        background:
          radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 34%),
          linear-gradient(135deg, #ecfeff, #ffffff 54%, #f8fafc);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
      }
      .audit-workpaper-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .audit-workpaper-grid article {
        padding: 14px;
        border: 1px solid rgba(125, 211, 252, 0.5);
        border-radius: 16px;
        background: rgba(255,255,255,0.88);
      }
      .audit-workpaper-grid span {
        display: block;
        color: #0369a1;
        font-size: 0.78rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .audit-workpaper-grid b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 1.32rem;
      }
      .audit-workpaper-grid small {
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .evidence-auditor-package {
        display: grid;
        gap: 14px;
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(99, 102, 241, 0.26);
        border-radius: 18px;
        background:
          radial-gradient(circle at top left, rgba(99, 102, 241, 0.18), transparent 34%),
          radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.16), transparent 34%),
          linear-gradient(135deg, #eef2ff, #ffffff 54%, #f0fdfa);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
      }
      .evidence-auditor-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .evidence-auditor-card {
        padding: 14px;
        border: 1px solid rgba(165, 180, 252, 0.58);
        border-radius: 16px;
        background: rgba(255,255,255,0.9);
      }
      .evidence-auditor-card span {
        display: block;
        color: #4338ca;
        font-size: 0.78rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .evidence-auditor-card b {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 1.32rem;
      }
      .evidence-auditor-card small {
        display: block;
        margin-top: 8px;
        color: #475569;
        line-height: 1.35;
      }
      .evidence-gap-tags {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .evidence-gap-tag {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 3px 8px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        color: #334155;
        font-size: 11px;
        font-weight: 800;
      }
      .evidence-gap-tag.warn {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #9a3412;
      }
      .evidence-gap-tag.danger {
        background: #fee2e2;
        border-color: #fecaca;
        color: #991b1b;
      }
      .evidence-gap-action {
        color: #1d4ed8;
        font-weight: 850;
      }
      .control-testing-view .testing-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .testing-plan-panel {
        margin-top: 14px;
        padding: 18px;
        border: 1px solid rgba(37, 99, 235, 0.18);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255,255,255,0.96)),
          radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.16), transparent 34%);
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
      }
      .testing-plan-panel h3 {
        margin: 4px 0 6px;
      }
      .testing-plan-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .testing-plan-grid article {
        padding: 13px;
        border: 1px solid #dbeafe;
        border-radius: 14px;
        background: rgba(255,255,255,0.86);
      }
      .testing-plan-grid span {
        display: block;
        color: #64748b;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .testing-plan-grid b {
        display: block;
        margin-top: 7px;
        color: #0f172a;
        font-size: 1.25rem;
      }
      .testing-plan-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .testing-execution-steps {
        display: grid;
        gap: 8px;
        margin: 14px 0 0;
        padding: 12px 12px 12px 30px;
        border: 1px dashed #bfdbfe;
        border-radius: 14px;
        background: rgba(239, 246, 255, 0.72);
        color: #1e3a8a;
        font-weight: 750;
      }
      .testing-card {
        display: grid;
        gap: 9px;
        padding: 13px;
        border: 1px solid #dbeafe;
        border-radius: 14px;
        background: #fff;
      }
      .testing-card h3 {
        margin: 0;
        font-size: 15px;
      }
      .testing-steps {
        display: grid;
        gap: 6px;
        margin: 0;
        padding-left: 18px;
        color: #334155;
        font-size: 12px;
      }
      .testing-score {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        border-radius: 999px;
        padding: 5px 10px;
        font-size: 12px;
        font-weight: 900;
      }
      .testing-score.ready {
        color: #166534;
        background: #dcfce7;
      }
      .testing-score.review {
        color: #92400e;
        background: #fef3c7;
      }
      .testing-score.gap {
        color: #991b1b;
        background: #fee2e2;
      }
      .improvement-backlog {
        display: grid;
        gap: 12px;
      }
      .improvement-lanes {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .improvement-closure-engine {
        padding: 18px;
        border: 1px solid rgba(14, 165, 233, 0.22);
        border-radius: 18px;
        background:
          linear-gradient(135deg, #f0f9ff, #ffffff 56%, #f8fafc),
          radial-gradient(circle at top right, rgba(37, 99, 235, 0.14), transparent 36%);
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
      }
      .improvement-closure-engine h3 {
        margin: 4px 0 6px;
      }
      .improvement-closure-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .improvement-closure-grid article {
        padding: 13px;
        border: 1px solid #dbeafe;
        border-radius: 14px;
        background: rgba(255,255,255,0.86);
      }
      .improvement-closure-grid span {
        display: block;
        color: #64748b;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .improvement-closure-grid b {
        display: block;
        margin-top: 7px;
        color: #0f172a;
        font-size: 1.18rem;
      }
      .improvement-closure-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .finding-action-gate-panel {
        margin-top: 12px;
        padding: 18px;
        border: 1px solid rgba(14, 165, 233, 0.22);
        border-radius: 18px;
        background:
          linear-gradient(135deg, #ecfeff, #ffffff 58%, #f0fdf4),
          radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 38%);
        box-shadow: 0 16px 42px rgba(8, 47, 73, 0.08);
      }
      .finding-action-gate-panel h3 {
        margin: 4px 0 6px;
      }
      .finding-action-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .finding-action-gate-grid article {
        padding: 13px;
        border: 1px solid #bae6fd;
        border-radius: 14px;
        background: rgba(255,255,255,0.9);
      }
      .finding-action-gate-grid span {
        display: block;
        color: #0369a1;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .finding-action-gate-grid b {
        display: block;
        margin-top: 7px;
        color: #0f172a;
        font-size: 1.24rem;
      }
      .finding-action-gate-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .improvement-workflow-panel {
        margin-top: 12px;
        padding: 18px;
        border: 1px solid rgba(124, 58, 237, 0.22);
        border-radius: 18px;
        background:
          linear-gradient(135deg, #f5f3ff, #ffffff 58%, #f8fafc),
          radial-gradient(circle at top left, rgba(124, 58, 237, 0.14), transparent 38%);
        box-shadow: 0 16px 42px rgba(88, 28, 135, 0.08);
      }
      .improvement-workflow-panel h3 {
        margin: 4px 0 6px;
      }
      .improvement-workflow-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .improvement-workflow-card,
      .improvement-workflow-grid article {
        padding: 13px;
        border: 1px solid #ddd6fe;
        border-radius: 14px;
        background: rgba(255,255,255,0.9);
      }
      .improvement-workflow-grid span {
        display: block;
        color: #6d28d9;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .improvement-workflow-grid b {
        display: block;
        margin-top: 7px;
        color: #2e1065;
        font-size: 1.24rem;
      }
      .improvement-workflow-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .agentic-action-approval-panel {
        margin-top: 12px;
        padding: 18px;
        border: 1px solid rgba(16, 185, 129, 0.24);
        border-radius: 18px;
        background:
          linear-gradient(135deg, #ecfdf5, #ffffff 58%, #f8fafc),
          radial-gradient(circle at top right, rgba(16, 185, 129, 0.14), transparent 38%);
        box-shadow: 0 16px 42px rgba(6, 78, 59, 0.08);
      }
      .agentic-action-approval-panel h3 {
        margin: 4px 0 6px;
      }
      .agentic-action-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .agentic-action-card {
        padding: 13px;
        border: 1px solid #bbf7d0;
        border-radius: 14px;
        background: rgba(255,255,255,0.9);
      }
      .agentic-action-card span {
        display: block;
        color: #047857;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .agentic-action-card b {
        display: block;
        margin-top: 7px;
        color: #064e3b;
        font-size: 1.24rem;
      }
      .agentic-action-card small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .improvement-lane {
        border: 1px solid #dbeafe;
        border-radius: 16px;
        background: #fff;
        overflow: hidden;
      }
      .improvement-lane h3 {
        margin: 0;
        padding: 12px 14px;
        background: linear-gradient(135deg, #eff6ff, #fff);
        color: #0f172a;
        font-size: 15px;
      }
      .improvement-card {
        display: grid;
        gap: 8px;
        margin: 10px;
        padding: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        background: linear-gradient(180deg, #fff, #f8fafc);
      }
      .improvement-card b {
        color: #0f172a;
      }
      .improvement-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .improvement-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 3px 8px;
        border: 1px solid #e2e8f0;
        background: #f8fafc;
        color: #334155;
        font-size: 11px;
        font-weight: 850;
      }
      .improvement-pill.danger {
        background: #fee2e2;
        border-color: #fecaca;
        color: #991b1b;
      }
      .improvement-pill.warn {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #9a3412;
      }
      .improvement-pill.ok {
        background: #dcfce7;
        border-color: #bbf7d0;
        color: #166534;
      }
      .maturity-view {
        display: grid;
        gap: 14px;
      }
      .maturity-hero {
        background:
          radial-gradient(circle at top right, #38bdf833, transparent 34%),
          linear-gradient(135deg, #08111f, #102a55 58%, #0f766e);
        color: #fff;
        border: 0;
        overflow: hidden;
        position: relative;
      }
      .maturity-hero::after {
        content: "";
        position: absolute;
        inset: auto -40px -80px auto;
        width: 240px;
        height: 240px;
        border-radius: 999px;
        border: 38px solid #ffffff1f;
      }
      .maturity-hero p,
      .maturity-hero .eyebrow {
        color: #dbeafe;
      }
      .maturity-badge {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid #ffffff42;
        background: #ffffff1c;
        color: #fff;
        font-weight: 900;
        box-shadow: inset 0 1px 0 #ffffff38;
      }
      .maturity-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .maturity-executive-panel {
        padding: 18px;
        border: 1px solid rgba(14, 116, 144, 0.22);
        border-radius: 18px;
        background:
          linear-gradient(135deg, #ecfeff, #ffffff 58%, #f0fdf4),
          radial-gradient(circle at top right, rgba(20, 184, 166, 0.16), transparent 34%);
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
      }
      .maturity-executive-panel h3 {
        margin: 4px 0 6px;
      }
      .maturity-executive-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .maturity-executive-grid article {
        padding: 13px;
        border: 1px solid #ccfbf1;
        border-radius: 14px;
        background: rgba(255,255,255,0.88);
      }
      .maturity-executive-grid span {
        display: block;
        color: #64748b;
        font-size: 0.76rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .maturity-executive-grid b {
        display: block;
        margin-top: 7px;
        color: #0f172a;
        font-size: 1.18rem;
      }
      .maturity-executive-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .maturity-certification-gate {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid #99f6e4;
        border-radius: 24px;
        background:
          radial-gradient(circle at 8% 0%, #14b8a633, transparent 30%),
          radial-gradient(circle at 92% 12%, #22c55e24, transparent 28%),
          linear-gradient(135deg, #f8fafc, #ecfeff 52%, #f0fdf4);
        box-shadow: 0 22px 52px #0f766e12;
      }
      .maturity-certification-gate h3 {
        margin: 5px 0 8px;
        color: #134e4a;
        font-size: 23px;
      }
      .maturity-certification-gate p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .maturity-cert-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .maturity-cert-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: #ffffffe8;
        box-shadow: 0 14px 34px #0f766e0d;
      }
      .maturity-cert-card span {
        color: #0f766e;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .maturity-cert-card b {
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .maturity-cert-card small {
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .maturity-card,
      .maturity-panel {
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 38px #1e3a8a12;
      }
      .maturity-card {
        display: grid;
        gap: 12px;
        padding: 14px;
      }
      .maturity-card h3 {
        margin: 0 0 4px;
      }
      .maturity-card p {
        margin: 0;
      }
      .maturity-card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }
      .maturity-signal {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 62px;
        border-radius: 999px;
        padding: 7px 10px;
        font-weight: 950;
        border: 1px solid #e2e8f0;
      }
      .maturity-signal.ok {
        color: #166534;
        background: #dcfce7;
        border-color: #bbf7d0;
      }
      .maturity-signal.warn {
        color: #92400e;
        background: #fef3c7;
        border-color: #fde68a;
      }
      .maturity-signal.danger {
        color: #991b1b;
        background: #fee2e2;
        border-color: #fecaca;
      }
      .maturity-bars {
        display: grid;
        gap: 9px;
      }
      .maturity-bars > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 58px;
        gap: 8px;
        align-items: center;
      }
      .maturity-bars span,
      .maturity-domain span {
        color: #475569;
        font-size: 12px;
        font-weight: 850;
      }
      .maturity-bars b,
      .maturity-domain b {
        text-align: right;
        color: #0f172a;
      }
      .maturity-bar {
        grid-column: 1 / -1;
        height: 10px;
        border-radius: 999px;
        background: #e2e8f0;
        overflow: hidden;
        box-shadow: inset 0 1px 2px #0f172a1f;
      }
      .maturity-bar i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #2563eb, #14b8a6);
      }
      .maturity-panels {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
        gap: 12px;
      }
      .maturity-panel {
        display: grid;
        gap: 10px;
        padding: 14px;
      }
      .maturity-panel h3 {
        margin: 0;
      }
      .maturity-domain {
        display: grid;
        grid-template-columns: minmax(130px, 1fr) minmax(160px, 1.2fr) 54px;
        gap: 8px;
        align-items: center;
        padding: 8px 0;
        border-top: 1px solid #e2e8f0;
      }
      .maturity-domain:first-of-type {
        border-top: 0;
      }
      .maturity-domain small {
        grid-column: 2 / -1;
        color: #64748b;
      }
      .maturity-timeline-row {
        display: grid;
        gap: 3px;
        padding: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 13px;
        background: #fff;
      }
      .maturity-timeline-row span {
        color: #1d4ed8;
        font-weight: 900;
      }
      .maturity-timeline-row b {
        color: #0f172a;
      }
      .maturity-timeline-row small {
        color: #64748b;
      }
      .regulatory-view {
        display: grid;
        gap: 14px;
      }
      .regulatory-hero {
        background:
          radial-gradient(circle at top left, #14b8a633, transparent 34%),
          linear-gradient(135deg, #111827, #1e3a8a 60%, #6d28d9);
        color: #fff;
        border: 0;
      }
      .regulatory-hero p,
      .regulatory-hero .eyebrow {
        color: #dbeafe;
      }
      .regulatory-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .9fr) 1.5fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #38bdf833, transparent 28%),
          linear-gradient(135deg, #eff6ff, #fff 46%, #f5f3ff);
        box-shadow: 0 18px 42px #1e3a8a12;
      }
      .regulatory-executive-map h3 {
        margin: 4px 0 8px;
        color: #1e3a8a;
        font-size: 24px;
      }
      .regulatory-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .regulatory-exec-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.86);
      }
      .regulatory-exec-card span {
        color: #64748b;
        font-size: 12px;
        font-weight: 850;
      }
      .regulatory-exec-card strong {
        color: #1e3a8a;
        font-size: 28px;
      }
      .regulatory-exec-card p {
        margin: 0;
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .regulatory-exec-card.ok {
        border-color: #bbf7d0;
      }
      .regulatory-exec-card.warn {
        border-color: #fde68a;
      }
      .regulatory-exec-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff1f2);
      }
      .regulatory-change-radar {
        display: grid;
        grid-template-columns: minmax(260px, .9fr) 1.5fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #99f6e4;
        border-radius: 22px;
        background:
          radial-gradient(circle at 88% 14%, #2dd4bf33, transparent 28%),
          linear-gradient(135deg, #f0fdfa, #fff 48%, #eff6ff);
        box-shadow: 0 18px 42px #0f766e10;
      }
      .regulatory-change-radar h3 {
        margin: 4px 0 8px;
        color: #0f766e;
        font-size: 23px;
      }
      .regulatory-change-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .regulatory-change-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: rgba(255,255,255,.88);
      }
      .regulatory-change-card span {
        color: #64748b;
        font-size: 12px;
        font-weight: 850;
      }
      .regulatory-change-card strong {
        color: #0f766e;
        font-size: 28px;
      }
      .regulatory-change-card p {
        margin: 0;
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .regulatory-change-card.warn {
        border-color: #fde68a;
      }
      .regulatory-change-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff1f2);
      }
      .regulatory-jurisdiction-gate {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 10% 12%, #3b82f633, transparent 30%),
          radial-gradient(circle at 92% 10%, #22c55e26, transparent 32%),
          linear-gradient(135deg, #eff6ff, #fff 52%, #ecfdf5);
        box-shadow: 0 18px 42px #1d4ed812;
      }
      .regulatory-jurisdiction-gate h3 {
        margin: 4px 0 8px;
        color: #1d4ed8;
        font-size: 22px;
      }
      .regulatory-jurisdiction-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .regulatory-jurisdiction-card {
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .regulatory-jurisdiction-card span {
        display: block;
        color: #2563eb;
        font-size: 12px;
        font-weight: 900;
      }
      .regulatory-jurisdiction-card b {
        display: block;
        margin: 7px 0;
        color: #1e3a8a;
        font-size: 22px;
      }
      .regulatory-jurisdiction-card small {
        color: #475569;
        line-height: 1.35;
      }
      .regulatory-certification-gate {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #c7d2fe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 90% 10%, #a78bfa33, transparent 30%),
          linear-gradient(135deg, #eef2ff, #fff 50%, #ecfeff);
        box-shadow: 0 18px 42px #312e8110;
      }
      .regulatory-certification-gate h3 {
        margin: 4px 0 8px;
        color: #312e81;
        font-size: 22px;
      }
      .regulatory-cert-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .regulatory-cert-grid article {
        padding: 14px;
        border: 1px solid #c7d2fe;
        border-radius: 18px;
        background: rgba(255,255,255,.9);
      }
      .regulatory-cert-grid span {
        display: block;
        color: #4338ca;
        font-size: 12px;
        font-weight: 850;
      }
      .regulatory-cert-grid b {
        display: block;
        margin-top: 7px;
        color: #1e1b4b;
        font-size: 24px;
      }
      .regulatory-cert-grid small {
        display: block;
        margin-top: 7px;
        color: #475569;
        line-height: 1.35;
      }
      .regulatory-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);
        gap: 12px;
      }
      .regulatory-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .regulatory-priorities li {
        color: #0f172a;
      }
      .regulatory-priorities li span,
      .regulatory-priorities li small {
        display: block;
        color: #64748b;
      }
      .regulatory-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .regulatory-card {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 38px #1e3a8a12;
      }
      .regulatory-card h3 {
        margin: 0 0 4px;
      }
      .regulatory-card p {
        margin: 0;
      }
      .regulatory-filters {
        grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) auto;
        align-items: end;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        padding: 12px;
      }
      .metrics-view {
        display: grid;
        gap: 14px;
      }
      .metrics-hero {
        background:
          radial-gradient(circle at 88% 8%, #22c55e30, transparent 30%),
          linear-gradient(135deg, #0f172a, #1d4ed8 56%, #0891b2);
        color: #fff;
        border: 0;
      }
      .metrics-hero p,
      .metrics-hero .eyebrow {
        color: #dbeafe;
      }
      .metrics-objectives {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .metrics-audience-packages {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 24px;
        background:
          radial-gradient(circle at 92% 12%, #22c55e24, transparent 28%),
          linear-gradient(135deg, #f8fbff, #eef6ff 52%, #ecfeff);
        box-shadow: 0 22px 52px #1e3a8a18;
      }
      .metrics-audience-packages h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .metrics-audience-packages p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .metrics-audience-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .metrics-audience-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: #ffffffd9;
        box-shadow: 0 14px 34px #1e40af14;
      }
      .metrics-audience-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #2563eb, #14b8a6);
      }
      .metrics-audience-card span {
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .metrics-audience-card h3 {
        margin: 0;
        font-size: 16px;
      }
      .metrics-audience-card p {
        color: #334155;
        font-size: 13px;
      }
      .metrics-audience-card small {
        color: #0f766e;
        font-weight: 850;
        line-height: 1.35;
      }
      .metrics-executive-brief {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at top right, #2563eb24, transparent 30%),
          linear-gradient(135deg, #eff6ff, #fff 50%, #ecfeff);
        box-shadow: 0 18px 42px #1e3a8a12;
      }
      .metrics-executive-brief h3 {
        margin: 4px 0 8px;
        color: #1e3a8a;
        font-size: 22px;
      }
      .metrics-brief-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .metrics-brief-card {
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: rgba(255,255,255,.9);
      }
      .metrics-brief-card span {
        display: block;
        color: #2563eb;
        font-size: 12px;
        font-weight: 900;
      }
      .metrics-brief-card b {
        display: block;
        margin: 7px 0;
        color: #0f172a;
        font-size: 18px;
      }
      .metrics-brief-card small {
        color: #475569;
        line-height: 1.35;
      }
      .metrics-sales-gate {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 22px;
        background:
          radial-gradient(circle at 10% 10%, #22c55e2b, transparent 30%),
          radial-gradient(circle at 92% 12%, #f59e0b24, transparent 32%),
          linear-gradient(135deg, #f0fdf4, #fff 52%, #fffbeb);
        box-shadow: 0 18px 42px #16653412;
      }
      .metrics-sales-gate h3 {
        margin: 4px 0 8px;
        color: #166534;
        font-size: 22px;
      }
      .metrics-sales-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .metrics-sales-card {
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .metrics-sales-card span {
        display: block;
        color: #15803d;
        font-size: 12px;
        font-weight: 900;
      }
      .metrics-sales-card b {
        display: block;
        margin: 7px 0;
        color: #14532d;
        font-size: 22px;
      }
      .metrics-sales-card small {
        color: #475569;
        line-height: 1.35;
      }
      .metrics-decision-gate {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid #bae6fd;
        border-radius: 24px;
        background:
          radial-gradient(circle at 8% 4%, #38bdf830, transparent 30%),
          radial-gradient(circle at 92% 10%, #22c55e26, transparent 28%),
          linear-gradient(135deg, #f8fafc, #eff6ff 52%, #ecfdf5);
        box-shadow: 0 22px 52px #0369a10f;
      }
      .metrics-decision-gate h3 {
        margin: 5px 0 8px;
        color: #075985;
        font-size: 23px;
      }
      .metrics-decision-gate p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .metrics-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .metrics-gate-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bae6fd;
        border-radius: 18px;
        background: #ffffffeb;
        box-shadow: 0 14px 34px #0369a10d;
      }
      .metrics-gate-card span {
        color: #0369a1;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .metrics-gate-card b {
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .metrics-gate-card small {
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .metric-objective {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        align-items: start;
        border-radius: 18px;
        padding: 14px;
        border: 1px solid #e2e8f0;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 16px 38px #1e3a8a12;
      }
      .metric-objective span {
        color: #2563eb;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
      }
      .metric-objective h3 {
        margin: 4px 0 6px;
        font-size: 16px;
      }
      .metric-objective p {
        margin: 0;
      }
      .metric-objective strong {
        font-size: 28px;
        color: #0f172a;
      }
      .metric-objective small {
        grid-column: 1 / -1;
        width: fit-content;
        border-radius: 999px;
        padding: 4px 8px;
        font-weight: 850;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
      }
      .metric-objective.ok {
        border-color: #bbf7d0;
      }
      .metric-objective.warn {
        border-color: #fde68a;
      }
      .metric-objective.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff7f7);
      }
      .decision-view {
        display: grid;
        gap: 14px;
      }
      .decision-hero {
        background:
          radial-gradient(circle at 82% 12%, #f59e0b30, transparent 32%),
          linear-gradient(135deg, #111827, #312e81 58%, #7c2d12);
        color: #fff;
        border: 0;
      }
      .decision-hero p,
      .decision-hero .eyebrow {
        color: #fdebd3;
      }
      .decision-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr);
        gap: 12px;
        align-items: start;
      }
      .decision-executive-gate {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #c7d2fe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 90% 10%, #818cf833, transparent 30%),
          linear-gradient(135deg, #eef2ff, #fff 50%, #f8fafc);
        box-shadow: 0 18px 42px #312e8110;
      }
      .decision-executive-gate h3 {
        margin: 4px 0 8px;
        color: #312e81;
        font-size: 22px;
      }
      .decision-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .decision-gate-grid article {
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: rgba(255,255,255,.9);
      }
      .decision-gate-grid span {
        display: block;
        color: #6d28d9;
        font-size: 12px;
        font-weight: 900;
      }
      .decision-gate-grid b {
        display: block;
        margin: 7px 0;
        color: #1e1b4b;
        font-size: 18px;
      }
      .decision-gate-grid small {
        color: #475569;
        line-height: 1.35;
      }
      .decision-evidence-panel {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 12% 20%, #38bdf833, transparent 30%),
          linear-gradient(135deg, #eff6ff, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #0369a110;
      }
      .decision-evidence-panel h3 {
        margin: 4px 0 8px;
        color: #075985;
        font-size: 22px;
      }
      .decision-evidence-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .decision-evidence-card {
        padding: 14px;
        border: 1px solid #bae6fd;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .decision-evidence-card span {
        display: block;
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
      }
      .decision-evidence-card b {
        display: block;
        margin: 7px 0;
        color: #0c4a6e;
        font-size: 22px;
      }
      .decision-evidence-card small {
        color: #475569;
        line-height: 1.35;
      }
      .committee-agenda-gate {
        display: grid;
        grid-template-columns: minmax(260px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #99f6e4;
        border-radius: 22px;
        background:
          radial-gradient(circle at 12% 16%, #14b8a633, transparent 30%),
          radial-gradient(circle at 92% 12%, #2563eb2b, transparent 32%),
          linear-gradient(135deg, #ecfeff, #fff 52%, #eef2ff);
        box-shadow: 0 18px 42px #0f766e12;
      }
      .committee-agenda-gate h3 {
        margin: 4px 0 8px;
        color: #0f766e;
        font-size: 22px;
      }
      .committee-agenda-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .committee-agenda-card {
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .committee-agenda-card span {
        display: block;
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
      }
      .committee-agenda-card b {
        display: block;
        margin: 7px 0;
        color: #134e4a;
        font-size: 22px;
      }
      .committee-agenda-card small {
        color: #475569;
        line-height: 1.35;
      }
      .decision-card {
        display: grid;
        gap: 10px;
        padding: 13px;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 28px #0f172a0d;
      }
      .decision-card + .decision-card {
        margin-top: 10px;
      }
      .decision-card > div > span {
        color: #2563eb;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .decision-card h3 {
        margin: 4px 0 6px;
        font-size: 16px;
      }
      .decision-card p {
        margin: 0;
      }
      .decision-card.ok {
        border-color: #bbf7d0;
      }
      .decision-card.warn {
        border-color: #fde68a;
        background: linear-gradient(180deg, #fff, #fffdf3);
      }
      .decision-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff7f7);
      }
      .decision-meta {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .committee-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .committee-input {
        display: grid;
        gap: 6px;
        padding: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        background: linear-gradient(180deg, #fff, #f8fafc);
      }
      .committee-input strong {
        font-size: 28px;
        color: #0f172a;
      }
      .committee-input p {
        margin: 0;
      }
      .exceptions-view {
        display: grid;
        gap: 14px;
      }
      .exceptions-hero {
        background:
          radial-gradient(circle at 88% 10%, #fb718530, transparent 32%),
          linear-gradient(135deg, #111827, #7f1d1d 58%, #9333ea);
        color: #fff;
        border: 0;
      }
      .exceptions-hero p,
      .exceptions-hero .eyebrow {
        color: #fee2e2;
      }
      .exception-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .9fr) 1.5fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #ddd6fe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #a855f733, transparent 28%),
          linear-gradient(135deg, #fff7f7, #fff 46%, #faf5ff);
        box-shadow: 0 18px 42px #581c8712;
      }
      .exception-executive-map h3 {
        margin: 4px 0 8px;
        color: #581c87;
        font-size: 24px;
      }
      .exception-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .exception-exec-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: rgba(255,255,255,.86);
      }
      .exception-exec-card span {
        color: #64748b;
        font-size: 12px;
        font-weight: 850;
      }
      .exception-exec-card strong {
        color: #581c87;
        font-size: 28px;
      }
      .exception-exec-card p {
        margin: 0;
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .exception-exec-card.ok {
        border-color: #bbf7d0;
      }
      .exception-exec-card.warn {
        border-color: #fde68a;
      }
      .exception-exec-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff1f2);
      }
      .exception-decision-gate {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid #fed7aa;
        border-radius: 24px;
        background:
          radial-gradient(circle at 10% 0%, #fb923c2e, transparent 30%),
          radial-gradient(circle at 92% 10%, #a855f72a, transparent 28%),
          linear-gradient(135deg, #fff7ed, #fff 52%, #f5f3ff);
        box-shadow: 0 20px 48px #9a34120f;
      }
      .exception-decision-gate h3 {
        margin: 5px 0 8px;
        color: #7c2d12;
        font-size: 23px;
      }
      .exception-decision-gate p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .exception-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .exception-gate-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background: #ffffffe6;
        box-shadow: 0 14px 34px #9a34120d;
      }
      .exception-gate-card span {
        color: #9a3412;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .exception-gate-card b {
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
      }
      .exception-gate-card small {
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .exceptions-filters {
        grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
        align-items: end;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        padding: 12px;
      }
      .exceptions-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .exception-card {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 14px 34px #0f172a0d;
      }
      .exception-card > div > span {
        color: #7c3aed;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .exception-card h3 {
        margin: 4px 0 4px;
        font-size: 16px;
      }
      .exception-card p {
        margin: 0;
      }
      .exception-card.ok {
        border-color: #bbf7d0;
      }
      .exception-card.warn {
        border-color: #fde68a;
        background: linear-gradient(180deg, #fff, #fffdf3);
      }
      .exception-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff7f7);
      }
      .trust-view {
        display: grid;
        gap: 14px;
      }
      .trust-hero {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 88% 8%, #22d3ee55, transparent 30%),
          radial-gradient(circle at 18% 18%, #a78bfa45, transparent 34%),
          linear-gradient(135deg, #020617, #172554 48%, #0f766e);
        color: #fff;
        border: 0;
      }
      .trust-hero::after {
        content: "";
        position: absolute;
        inset: auto -70px -110px auto;
        width: 260px;
        height: 260px;
        border-radius: 999px;
        border: 42px solid #ffffff12;
        animation: trustOrbit 9s linear infinite;
      }
      .trust-hero p,
      .trust-hero .eyebrow {
        color: #dbeafe;
      }
      .trust-score {
        position: relative;
        z-index: 1;
        min-width: 170px;
        display: grid;
        justify-items: center;
        gap: 2px;
        padding: 18px;
        border-radius: 26px;
        background: #ffffff12;
        border: 1px solid #ffffff35;
        box-shadow: inset 0 1px 0 #ffffff35, 0 24px 80px #00000035;
        backdrop-filter: blur(14px);
      }
      .trust-score span,
      .trust-score small {
        color: #dbeafe;
        font-weight: 850;
      }
      .trust-score strong {
        font-size: clamp(48px, 7vw, 78px);
        line-height: .9;
        letter-spacing: -.06em;
      }
      .trust-score b {
        display: inline-flex;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #22c55e;
        color: #052e16;
        box-shadow: 0 12px 30px #22c55e55;
      }
      .trust-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
      }
      .trust-pillar {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        border: 1px solid #dbeafe;
        border-radius: 20px;
        padding: 14px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 38px #1e3a8a12;
      }
      .trust-icon {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        color: #fff;
        font-weight: 950;
        background: linear-gradient(135deg, #2563eb, #14b8a6);
        box-shadow: 0 12px 28px #2563eb30;
      }
      .trust-pillar span {
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .trust-pillar strong {
        display: block;
        margin: 3px 0 7px;
        font-size: 27px;
        color: #0f172a;
      }
      .trust-pillar p {
        margin: 7px 0 0;
      }
      .trust-executive-story {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #c7d2fe;
        border-radius: 26px;
        background:
          radial-gradient(circle at 10% 0%, #a78bfa24, transparent 26%),
          radial-gradient(circle at 92% 12%, #22c55e22, transparent 32%),
          linear-gradient(135deg, #ffffff, #f8fbff 45%, #eef2ff);
        box-shadow: 0 24px 58px #1e3a8a18;
      }
      .trust-story-copy {
        display: grid;
        gap: 10px;
        align-content: start;
      }
      .trust-story-copy h3,
      .trust-demo-path h3 {
        margin: 0;
        color: #0f172a;
        font-size: 24px;
      }
      .trust-story-copy p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .trust-proof-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .trust-proof-card {
        display: grid;
        gap: 6px;
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: #ffffffd9;
        box-shadow: 0 14px 34px #1e40af10;
      }
      .trust-proof-card span {
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .trust-proof-card h3 {
        margin: 0;
        font-size: 15px;
      }
      .trust-proof-card p {
        font-size: 13px;
      }
      .trust-demo-path {
        display: grid;
        gap: 10px;
        padding: 16px;
        border-radius: 22px;
        background: #0f172a;
        color: #fff;
        box-shadow: inset 0 1px 0 #ffffff1f;
      }
      .trust-demo-path h3 {
        color: #fff;
      }
      .trust-demo-path .risk-method-note {
        border-color: #ffffff1f;
        background: #ffffff10;
        color: #dbeafe;
      }
      .trust-demo-step {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 10px;
        border: 1px solid #ffffff1f;
        border-radius: 16px;
        background: #ffffff10;
      }
      .trust-demo-step strong {
        display: inline-flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: linear-gradient(135deg, #2563eb, #14b8a6);
        color: #fff;
      }
      .trust-demo-step b {
        display: block;
      }
      .trust-demo-step p {
        margin: 3px 0 0;
        color: #dbeafe;
        font-size: 12px;
      }
      .trust-evidence-gate {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid #c7d2fe;
        border-radius: 24px;
        background:
          radial-gradient(circle at 8% 0%, #6366f12e, transparent 30%),
          radial-gradient(circle at 92% 12%, #22c55e28, transparent 28%),
          linear-gradient(135deg, #ffffff, #eef2ff 52%, #ecfdf5);
        box-shadow: 0 22px 52px #3730a312;
      }
      .trust-evidence-gate h3 {
        margin: 5px 0 8px;
        color: #312e81;
        font-size: 23px;
      }
      .trust-evidence-gate p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .trust-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .trust-gate-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #c7d2fe;
        border-radius: 18px;
        background: #ffffffe8;
        box-shadow: 0 14px 34px #3730a30d;
      }
      .trust-gate-card span {
        color: #4f46e5;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .trust-gate-card b {
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .trust-gate-card small {
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .trust-priorities {
        display: grid;
        gap: 10px;
      }
      .trust-priority {
        display: grid;
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: #fff;
      }
      .trust-priority strong {
        display: inline-flex;
        width: 52px;
        height: 52px;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 24px;
      }
      .trust-priority p,
      .trust-certification p {
        margin: 6px 0 0;
      }
      .thirdparty-view {
        display: grid;
        gap: 14px;
      }
      .thirdparty-hero {
        background:
          radial-gradient(circle at 82% 10%, #f59e0b35, transparent 30%),
          radial-gradient(circle at 18% 20%, #38bdf835, transparent 32%),
          linear-gradient(135deg, #111827, #1e3a8a 56%, #92400e);
        color: #fff;
        border: 0;
      }
      .thirdparty-hero p,
      .thirdparty-hero .eyebrow {
        color: #ffedd5;
      }
      .thirdparty-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
        gap: 12px;
        align-items: start;
      }
      .third-executive-lens {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #fed7aa;
        border-radius: 24px;
        background:
          radial-gradient(circle at 88% 0%, #f59e0b26, transparent 30%),
          radial-gradient(circle at 8% 18%, #38bdf826, transparent 28%),
          linear-gradient(135deg, #fff, #fff7ed 52%, #eff6ff);
        box-shadow: 0 22px 52px #92400e14;
      }
      .third-executive-lens h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .third-executive-lens p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .third-exec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .third-exec-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background: #ffffffde;
        box-shadow: 0 14px 34px #92400e10;
      }
      .third-exec-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #f97316, #2563eb);
      }
      .third-exec-card span {
        color: #c2410c;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .third-exec-card strong {
        display: block;
        max-width: 100%;
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .third-exec-card p {
        color: #334155;
        font-size: 13px;
      }
      .third-oversight-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #2563eb26, transparent 30%),
          linear-gradient(135deg, #eff6ff, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #1e3a8a12;
      }
      .third-oversight-gate h3 {
        margin: 4px 0 8px;
        color: #1e3a8a;
        font-size: 22px;
      }
      .third-oversight-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .third-oversight-card {
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .third-oversight-card span {
        display: block;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 900;
      }
      .third-oversight-card b {
        display: block;
        margin: 7px 0;
        color: #1e3a8a;
        font-size: 22px;
      }
      .third-oversight-card small {
        color: #475569;
        line-height: 1.35;
      }
      .third-contract-gate {
        display: grid;
        gap: 16px;
        margin: 14px 0;
        padding: 18px;
        border: 1px solid #fed7aa;
        border-radius: 22px;
        background:
          radial-gradient(circle at 8% 12%, #f9731624, transparent 30%),
          radial-gradient(circle at 92% 12%, #0f766e24, transparent 32%),
          linear-gradient(135deg, #fff, #fff7ed 52%, #f0fdfa);
        box-shadow: 0 18px 42px #7c2d1212;
      }
      .third-contract-gate h3 {
        margin: 4px 0 8px;
        color: #7c2d12;
        font-size: 22px;
      }
      .third-contract-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .third-contract-card {
        padding: 14px;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 14px 32px #0f172a0d;
      }
      .third-contract-card span {
        display: block;
        color: #c2410c;
        font-size: 12px;
        font-weight: 900;
      }
      .third-contract-card b {
        display: block;
        margin: 7px 0;
        color: #111827;
        font-size: 22px;
        overflow-wrap: anywhere;
      }
      .third-contract-card small {
        color: #475569;
        line-height: 1.35;
      }
      .third-monitoring-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid rgba(14, 165, 233, .24);
        border-radius: 22px;
        background:
          radial-gradient(circle at 90% 10%, rgba(14, 165, 233, .16), transparent 30%),
          linear-gradient(135deg, #ecfeff, #ffffff 52%, #f8fafc);
        box-shadow: 0 18px 42px rgba(8, 47, 73, .08);
      }
      .third-monitoring-gate h3 {
        margin: 4px 0 8px;
        color: #155e75;
        font-size: 22px;
      }
      .third-monitoring-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .third-monitoring-card {
        padding: 14px;
        border: 1px solid #bae6fd;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .third-monitoring-card span {
        display: block;
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .third-monitoring-card b {
        display: block;
        margin: 7px 0;
        color: #0c4a6e;
        font-size: 22px;
      }
      .third-monitoring-card small {
        display: block;
        color: #475569;
        line-height: 1.35;
      }
      .third-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .third-card {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid #e2e8f0;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 16px 36px #0f172a0d;
      }
      .third-card > div > span {
        color: #2563eb;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .third-card h3 {
        margin: 4px 0 5px;
        font-size: 16px;
      }
      .third-card p {
        margin: 0;
      }
      .third-card dl {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 5px 10px;
        margin: 0;
        font-size: 12px;
      }
      .third-card dt {
        color: #64748b;
        font-weight: 850;
      }
      .third-card dd {
        margin: 0;
        color: #0f172a;
      }
      .third-card.ok {
        border-color: #bbf7d0;
      }
      .third-card.warn {
        border-color: #fde68a;
        background: linear-gradient(180deg, #fff, #fffdf3);
      }
      .third-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff7f7);
      }
      .third-reco ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .third-reco li {
        line-height: 1.4;
      }
      .third-filters {
        grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) auto;
        align-items: end;
        margin: 12px 0;
      }
      .privacy-view {
        display: grid;
        gap: 14px;
      }
      .privacy-hero {
        background:
          radial-gradient(circle at 84% 10%, #f472b655, transparent 30%),
          radial-gradient(circle at 18% 18%, #818cf855, transparent 30%),
          linear-gradient(135deg, #111827, #581c87 55%, #0f766e);
        color: #fff;
        border: 0;
      }
      .privacy-hero p,
      .privacy-hero .eyebrow {
        color: #fce7f3;
      }
      .privacy-score {
        min-width: 160px;
        display: grid;
        justify-items: center;
        gap: 3px;
        padding: 16px;
        border-radius: 24px;
        background: #ffffff13;
        border: 1px solid #ffffff38;
        box-shadow: inset 0 1px 0 #ffffff35, 0 20px 60px #00000030;
        backdrop-filter: blur(12px);
      }
      .privacy-score span,
      .privacy-score small {
        color: #fce7f3;
        font-weight: 850;
      }
      .privacy-score strong {
        font-size: clamp(44px, 6vw, 72px);
        line-height: .92;
        letter-spacing: -.06em;
      }
      .privacy-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
        gap: 12px;
        align-items: start;
      }
      .privacy-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #fbcfe8;
        border-radius: 24px;
        background:
          radial-gradient(circle at 90% 4%, #f472b626, transparent 30%),
          radial-gradient(circle at 8% 16%, #818cf826, transparent 28%),
          linear-gradient(135deg, #fff, #fdf2f8 52%, #eef2ff);
        box-shadow: 0 22px 52px #83184312;
      }
      .privacy-executive-map h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .privacy-executive-map p {
        margin: 0 0 8px;
        color: #475569;
        line-height: 1.55;
      }
      .privacy-exposure-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .privacy-exposure-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #fbcfe8;
        border-radius: 18px;
        background: #ffffffdf;
        box-shadow: 0 14px 34px #8318430f;
      }
      .privacy-exposure-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #db2777, #4f46e5);
      }
      .privacy-exposure-card span {
        color: #be185d;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .privacy-exposure-card strong {
        display: block;
        color: #0f172a;
        font-size: 27px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .privacy-exposure-card p {
        margin: 0;
        color: #334155;
        font-size: 13px;
      }
      .privacy-assurance-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #c7d2fe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #6366f126, transparent 30%),
          linear-gradient(135deg, #eef2ff, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #312e8112;
      }
      .privacy-assurance-gate h3 {
        margin: 4px 0 8px;
        color: #312e81;
        font-size: 22px;
      }
      .privacy-assurance-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .privacy-assurance-card {
        padding: 14px;
        border: 1px solid #c7d2fe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .privacy-assurance-card span {
        display: block;
        color: #4338ca;
        font-size: 12px;
        font-weight: 900;
      }
      .privacy-assurance-card b {
        display: block;
        margin: 7px 0;
        color: #312e81;
        font-size: 22px;
      }
      .privacy-assurance-card small {
        color: #475569;
        line-height: 1.35;
      }
      .privacy-rights-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid rgba(20, 184, 166, .28);
        border-radius: 22px;
        background:
          radial-gradient(circle at 8% 12%, rgba(20, 184, 166, .16), transparent 30%),
          linear-gradient(135deg, #f0fdfa, #ffffff 52%, #f8fafc);
        box-shadow: 0 18px 42px rgba(15, 118, 110, .08);
      }
      .privacy-rights-gate h3 {
        margin: 4px 0 8px;
        color: #115e59;
        font-size: 22px;
      }
      .privacy-rights-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .privacy-rights-card {
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .privacy-rights-card span {
        display: block;
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .privacy-rights-card b {
        display: block;
        margin: 7px 0;
        color: #134e4a;
        font-size: 22px;
      }
      .privacy-rights-card small {
        display: block;
        color: #475569;
        line-height: 1.35;
      }
      .privacy-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .privacy-priorities li {
        line-height: 1.4;
      }
      .privacy-filters {
        grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) auto;
        align-items: end;
        margin: 12px 0;
      }
      .policy-view {
        display: grid;
        gap: 14px;
      }
      .policy-hero {
        background:
          radial-gradient(circle at 86% 12%, #22c55e38, transparent 30%),
          radial-gradient(circle at 16% 18%, #60a5fa45, transparent 32%),
          linear-gradient(135deg, #111827, #1e40af 55%, #047857);
        color: #fff;
        border: 0;
      }
      .policy-hero p,
      .policy-hero .eyebrow {
        color: #dcfce7;
      }
      .policy-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
        gap: 12px;
        align-items: start;
      }
      .policy-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 24px;
        background:
          radial-gradient(circle at 88% 8%, #22c55e24, transparent 30%),
          radial-gradient(circle at 8% 16%, #60a5fa28, transparent 28%),
          linear-gradient(135deg, #fff, #f0fdf4 52%, #eff6ff);
        box-shadow: 0 22px 52px #14532d12;
      }
      .policy-executive-map h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .policy-executive-map p {
        margin: 0 0 8px;
        color: #475569;
        line-height: 1.55;
      }
      .policy-exec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .policy-exec-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: #ffffffdf;
        box-shadow: 0 14px 34px #14532d0f;
      }
      .policy-exec-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #16a34a, #2563eb);
      }
      .policy-exec-card span {
        color: #15803d;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .policy-exec-card strong {
        display: block;
        color: #0f172a;
        font-size: 27px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .policy-exec-card p {
        margin: 0;
        color: #334155;
        font-size: 13px;
      }
      .policy-approval-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #22c55e2b, transparent 30%),
          linear-gradient(135deg, #f0fdf4, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #16653412;
      }
      .policy-approval-gate h3 {
        margin: 4px 0 8px;
        color: #14532d;
        font-size: 22px;
      }
      .policy-approval-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .policy-approval-card {
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .policy-approval-card span {
        display: block;
        color: #15803d;
        font-size: 12px;
        font-weight: 900;
      }
      .policy-approval-card b {
        display: block;
        margin: 7px 0;
        color: #14532d;
        font-size: 22px;
      }
      .policy-approval-card small {
        color: #475569;
        line-height: 1.35;
      }
      .policy-draft-review-panel {
        display: grid;
        grid-template-columns: minmax(280px, .9fr) 1.55fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid rgba(59, 130, 246, .24);
        border-radius: 22px;
        background:
          radial-gradient(circle at 88% 12%, rgba(59, 130, 246, .16), transparent 32%),
          linear-gradient(135deg, #eff6ff, #ffffff 52%, #f8fafc);
        box-shadow: 0 18px 42px rgba(30, 64, 175, .08);
      }
      .policy-draft-review-panel h3 {
        margin: 4px 0 8px;
        color: #1e3a8a;
        font-size: 22px;
      }
      .policy-draft-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .policy-draft-card {
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .policy-draft-card span {
        display: block;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .policy-draft-card b {
        display: block;
        margin: 7px 0;
        color: #1e3a8a;
        font-size: 22px;
      }
      .policy-draft-card small {
        display: block;
        color: #475569;
        line-height: 1.35;
      }
      .policy-framework-grid,
      .policy-evidence-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .policy-framework,
      .policy-evidence-card {
        display: grid;
        gap: 9px;
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 36px #1e3a8a0d;
      }
      .policy-framework h3,
      .policy-evidence-card h3 {
        margin: 0;
        font-size: 16px;
      }
      .policy-evidence-card span {
        color: #2563eb;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .policy-evidence-card p {
        margin: 0;
      }
      .policy-evidence-card small {
        color: #64748b;
        font-weight: 800;
      }
      .policy-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .policy-priorities li {
        line-height: 1.4;
      }
      .policy-filters {
        grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) auto;
        align-items: end;
        margin: 12px 0;
      }
      .resilience-view {
        display: grid;
        gap: 14px;
      }
      .resilience-hero {
        background:
          radial-gradient(circle at 84% 10%, #38bdf845, transparent 30%),
          radial-gradient(circle at 18% 18%, #22c55e45, transparent 32%),
          linear-gradient(135deg, #0f172a, #164e63 55%, #14532d);
        color: #fff;
        border: 0;
      }
      .resilience-hero p,
      .resilience-hero .eyebrow {
        color: #dcfce7;
      }
      .continuity-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 24px;
        background:
          radial-gradient(circle at 90% 4%, #22c55e26, transparent 30%),
          radial-gradient(circle at 8% 16%, #38bdf826, transparent 28%),
          linear-gradient(135deg, #fff, #ecfdf5 52%, #eff6ff);
        box-shadow: 0 22px 52px #064e3b14;
      }
      .continuity-executive-map h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .continuity-executive-map p {
        margin: 0 0 8px;
        color: #475569;
        line-height: 1.55;
      }
      .continuity-exec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .continuity-exec-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: #ffffffdf;
        box-shadow: 0 14px 34px #064e3b10;
      }
      .continuity-exec-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #16a34a, #0891b2);
      }
      .continuity-exec-card span {
        color: #047857;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .continuity-exec-card strong {
        display: block;
        color: #0f172a;
        font-size: 27px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .continuity-exec-card p {
        margin: 0;
        color: #334155;
        font-size: 13px;
      }
      .continuity-exercise-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 22px;
        background:
          radial-gradient(circle at 12% 18%, #22c55e2b, transparent 30%),
          linear-gradient(135deg, #f0fdf4, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #16653410;
      }
      .continuity-exercise-gate h3 {
        margin: 4px 0 8px;
        color: #14532d;
        font-size: 22px;
      }
      .continuity-exercise-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .continuity-exercise-card {
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .continuity-exercise-card span {
        display: block;
        color: #15803d;
        font-size: 12px;
        font-weight: 900;
      }
      .continuity-exercise-card b {
        display: block;
        margin: 7px 0;
        color: #14532d;
        font-size: 22px;
      }
      .continuity-exercise-card small {
        color: #475569;
        line-height: 1.35;
      }
      .continuity-agent-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid rgba(20, 184, 166, .26);
        border-radius: 22px;
        background:
          radial-gradient(circle at 88% 12%, rgba(20, 184, 166, .17), transparent 30%),
          linear-gradient(135deg, #f0fdfa, #ffffff 52%, #f8fafc);
        box-shadow: 0 18px 42px rgba(15, 118, 110, .08);
      }
      .continuity-agent-gate h3 {
        margin: 4px 0 8px;
        color: #115e59;
        font-size: 22px;
      }
      .continuity-agent-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .continuity-agent-card {
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .continuity-agent-card span {
        display: block;
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .continuity-agent-card b {
        display: block;
        margin: 7px 0;
        color: #134e4a;
        font-size: 22px;
      }
      .continuity-agent-card small {
        display: block;
        color: #475569;
        line-height: 1.35;
      }
      .resilience-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
        gap: 12px;
        align-items: start;
      }
      .resilience-process-grid,
      .resilience-framework-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .resilience-process-card,
      .resilience-framework {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid #dbeafe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 36px #0f172a0d;
      }
      .resilience-process-card > div > span {
        color: #0891b2;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .resilience-process-card h3,
      .resilience-framework h3 {
        margin: 0 0 5px;
        font-size: 16px;
      }
      .resilience-process-card p {
        margin: 0;
      }
      .resilience-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .agent-view {
        display: grid;
        gap: 14px;
      }
      .agent-hero {
        background:
          radial-gradient(circle at 88% 8%, #a855f75c, transparent 31%),
          radial-gradient(circle at 12% 22%, #22d3ee55, transparent 34%),
          linear-gradient(135deg, #020617, #172554 48%, #4c1d95);
        color: #fff;
        border: 0;
        overflow: hidden;
        position: relative;
      }
      .agent-hero::after {
        content: "";
        position: absolute;
        inset: auto 28px 24px auto;
        width: 120px;
        height: 120px;
        border: 1px solid #ffffff30;
        border-radius: 999px;
        background: conic-gradient(from 90deg, #ffffff00, #67e8f9, #a78bfa, #ffffff00);
        filter: blur(.2px);
        opacity: .44;
        animation: trustOrbit 12s linear infinite;
      }
      .agent-hero p,
      .agent-hero .eyebrow {
        color: #dbeafe;
      }
      .agent-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #ddd6fe;
        border-radius: 24px;
        background:
          radial-gradient(circle at 90% 4%, #a855f726, transparent 30%),
          radial-gradient(circle at 8% 16%, #22d3ee26, transparent 28%),
          linear-gradient(135deg, #fff, #f8f7ff 52%, #ecfeff);
        box-shadow: 0 22px 52px #312e8114;
      }
      .agent-executive-map h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .agent-executive-map p {
        margin: 0 0 8px;
        color: #475569;
        line-height: 1.55;
      }
      .agent-exec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .agent-exec-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: #ffffffdf;
        box-shadow: 0 14px 34px #312e8110;
      }
      .agent-exec-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #7c3aed, #0891b2);
      }
      .agent-exec-card span {
        color: #6d28d9;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .agent-exec-card strong {
        display: block;
        color: #0f172a;
        font-size: 27px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .agent-exec-card p {
        margin: 0;
        color: #334155;
        font-size: 13px;
      }
      .agent-release-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #c4b5fd;
        border-radius: 22px;
        background:
          radial-gradient(circle at 90% 10%, #8b5cf633, transparent 30%),
          linear-gradient(135deg, #f5f3ff, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #4c1d9512;
      }
      .agent-release-gate h3 {
        margin: 4px 0 8px;
        color: #4c1d95;
        font-size: 22px;
      }
      .agent-release-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .agent-release-card {
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .agent-release-card span {
        display: block;
        color: #6d28d9;
        font-size: 12px;
        font-weight: 900;
      }
      .agent-release-card b {
        display: block;
        margin: 7px 0;
        color: #4c1d95;
        font-size: 22px;
      }
      .agent-release-card small {
        color: #475569;
        line-height: 1.35;
      }
      .ai-impact-gate {
        display: grid;
        grid-template-columns: minmax(280px, .9fr) 1.7fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #fecdd3;
        border-radius: 22px;
        background:
          radial-gradient(circle at 12% 8%, #fb71852b, transparent 30%),
          radial-gradient(circle at 92% 12%, #f9731624, transparent 32%),
          linear-gradient(135deg, #fff1f2, #fff 52%, #fff7ed);
        box-shadow: 0 18px 42px #9f123912;
      }
      .ai-impact-gate h3 {
        margin: 4px 0 8px;
        color: #9f1239;
        font-size: 22px;
      }
      .ai-impact-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .ai-impact-card {
        padding: 14px;
        border: 1px solid #fecdd3;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .ai-impact-card span {
        display: block;
        color: #be123c;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .ai-impact-card b {
        display: block;
        margin: 7px 0;
        color: #881337;
        font-size: 22px;
      }
      .ai-impact-card small {
        color: #475569;
        line-height: 1.35;
      }
      .agentic-governance-panel {
        display: grid;
        grid-template-columns: minmax(280px, .9fr) 1.7fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid rgba(6, 182, 212, .28);
        border-radius: 22px;
        background:
          radial-gradient(circle at 12% 0%, rgba(6, 182, 212, .18), transparent 32%),
          linear-gradient(135deg, #ecfeff, #ffffff 52%, #f8fafc);
        box-shadow: 0 18px 42px rgba(8, 47, 73, .08);
      }
      .agentic-governance-panel h3 {
        margin: 4px 0 8px;
        color: #155e75;
        font-size: 22px;
      }
      .agentic-governance-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }
      .agentic-governance-card {
        padding: 14px;
        border: 1px solid rgba(103, 232, 249, .55);
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .agentic-governance-card span {
        display: block;
        color: #0e7490;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .03em;
        text-transform: uppercase;
      }
      .agentic-governance-card b {
        display: block;
        margin: 7px 0;
        color: #164e63;
        font-size: 22px;
      }
      .agentic-governance-card small {
        color: #475569;
        line-height: 1.35;
      }
      .agent-pillar-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
      }
      .agent-pillar {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8f7ff);
        box-shadow: 0 16px 36px #312e810d;
      }
      .agent-pillar h3 {
        margin: 0;
        font-size: 15px;
      }
      .agent-pillar strong {
        font-size: 28px;
        color: #4c1d95;
      }
      .agent-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
        gap: 12px;
        align-items: start;
      }
      .agent-asset-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .agent-asset-card {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid #bae6fd;
        border-radius: 18px;
        background:
          linear-gradient(180deg, #fff, #f0f9ff);
        box-shadow: 0 16px 36px #0f172a0d;
      }
      .agent-asset-card > div > span {
        color: #0891b2;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .agent-asset-card h3 {
        margin: 0 0 5px;
        font-size: 16px;
      }
      .agent-asset-card p,
      .agent-asset-card small {
        margin: 0;
      }
      .agent-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .defense-view {
        display: grid;
        gap: 14px;
      }
      .defense-hero {
        background:
          radial-gradient(circle at 84% 10%, #22c55e4d, transparent 30%),
          radial-gradient(circle at 16% 20%, #38bdf84d, transparent 32%),
          linear-gradient(135deg, #020617, #064e3b 46%, #0f172a);
        color: #fff;
        border: 0;
      }
      .defense-hero p,
      .defense-hero .eyebrow {
        color: #dcfce7;
      }
      .defense-function-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
      }
      .defense-function {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background:
          linear-gradient(180deg, #fff, #f0fdf4);
        box-shadow: 0 16px 36px #064e3b0d;
      }
      .defense-function h3 {
        margin: 0;
        font-size: 15px;
      }
      .defense-function strong {
        font-size: 28px;
        color: #047857;
      }
      .defense-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 14px;
        padding: 18px;
        border: 1px solid #bbf7d0;
        border-radius: 24px;
        background:
          radial-gradient(circle at 88% 8%, #22c55e24, transparent 30%),
          radial-gradient(circle at 8% 16%, #38bdf828, transparent 28%),
          linear-gradient(135deg, #fff, #ecfdf5 52%, #eff6ff);
        box-shadow: 0 22px 52px #064e3b14;
      }
      .defense-executive-map h3 {
        margin: 5px 0 8px;
        color: #0f172a;
        font-size: 24px;
      }
      .defense-executive-map p {
        margin: 0 0 8px;
        color: #475569;
        line-height: 1.55;
      }
      .defense-exec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .defense-exec-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: #ffffffdf;
        box-shadow: 0 14px 34px #064e3b10;
      }
      .defense-exec-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #16a34a, #0284c7);
      }
      .defense-exec-card span {
        color: #047857;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .defense-exec-card strong {
        display: block;
        color: #0f172a;
        font-size: 27px;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }
      .defense-exec-card p {
        margin: 0;
        color: #334155;
        font-size: 13px;
      }
      .daybreak-readiness-gate {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid #a7f3d0;
        border-radius: 24px;
        background:
          radial-gradient(circle at 12% 0%, #22c55e2e, transparent 30%),
          radial-gradient(circle at 92% 12%, #0ea5e92c, transparent 28%),
          linear-gradient(135deg, #f8fafc, #ecfdf5 50%, #f0fdfa);
        box-shadow: 0 22px 50px #064e3b12;
      }
      .daybreak-readiness-gate h3 {
        margin: 5px 0 8px;
        color: #064e3b;
        font-size: 23px;
      }
      .daybreak-readiness-gate p {
        margin: 0;
        color: #334155;
        line-height: 1.55;
      }
      .daybreak-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .daybreak-gate-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #bbf7d0;
        border-radius: 18px;
        background: #ffffffeb;
        box-shadow: 0 14px 34px #04785712;
      }
      .daybreak-gate-card span {
        color: #047857;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .daybreak-gate-card b {
        color: #0f172a;
        font-size: 25px;
        line-height: 1.05;
      }
      .daybreak-gate-card small {
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .defense-layout {
        display: grid;
        grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
        gap: 12px;
        align-items: start;
      }
      .defense-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .infosec-view {
        display: grid;
        gap: 14px;
      }
      .infosec-hero {
        background:
          radial-gradient(circle at 84% 10%, #0ea5e95c, transparent 30%),
          radial-gradient(circle at 14% 20%, #6366f155, transparent 34%),
          linear-gradient(135deg, #020617, #1e3a8a 52%, #0f172a);
        color: #fff;
        border: 0;
      }
      .infosec-hero p,
      .infosec-hero .eyebrow {
        color: #dbeafe;
      }
      .infosec-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
        gap: 12px;
        align-items: start;
      }
      .infosec-domain-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .infosec-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #bfdbfe;
        background:
          radial-gradient(circle at 8% 12%, #38bdf84d, transparent 28%),
          radial-gradient(circle at 92% 8%, #6366f14a, transparent 30%),
          linear-gradient(135deg, #ffffff, #eff6ff 52%, #f8fafc);
      }
      .infosec-executive-map::after {
        content: "";
        position: absolute;
        inset: auto -40px -70px auto;
        width: 180px;
        height: 180px;
        border-radius: 999px;
        background: conic-gradient(from 145deg, #1d4ed8, #06b6d4, #22c55e, #1d4ed8);
        opacity: .12;
        filter: blur(1px);
      }
      .infosec-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .infosec-executive-map h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .infosec-executive-map p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .infosec-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .infosec-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #dbeafe;
        border-radius: 20px;
        background: #ffffffd9;
        box-shadow: 0 20px 45px #1e3a8a14;
        backdrop-filter: blur(10px);
      }
      .infosec-exec-card span {
        color: #1e40af;
        font-weight: 900;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .06em;
      }
      .infosec-exec-card strong {
        color: #0f172a;
        font-size: clamp(28px, 4vw, 42px);
        line-height: 1;
      }
      .infosec-exec-card p {
        font-size: 13px;
        line-height: 1.45;
      }
      .infosec-exec-card.asset { border-color: #93c5fd; }
      .infosec-exec-card.control { border-color: #86efac; }
      .infosec-exec-card.risk { border-color: #fca5a5; }
      .infosec-exec-card.evidence { border-color: #c4b5fd; }
      .infosec-certification-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #bfdbfe;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #2563eb26, transparent 30%),
          linear-gradient(135deg, #eff6ff, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #1e3a8a12;
      }
      .infosec-certification-gate h3 {
        margin: 4px 0 8px;
        color: #1e3a8a;
        font-size: 22px;
      }
      .infosec-cert-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .infosec-cert-card {
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .infosec-cert-card span {
        display: block;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 900;
      }
      .infosec-cert-card b {
        display: block;
        margin: 7px 0;
        color: #1e3a8a;
        font-size: 22px;
      }
      .infosec-cert-card small {
        color: #475569;
        line-height: 1.35;
      }
      .infosec-domain {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fbff);
        box-shadow: 0 16px 36px #1e3a8a0d;
      }
      .infosec-domain h3 {
        margin: 0;
        font-size: 15px;
      }
      .infosec-domain strong {
        font-size: 28px;
        color: #1d4ed8;
      }
      .infosec-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .culture-view {
        display: grid;
        gap: 14px;
      }
      .culture-hero {
        background:
          radial-gradient(circle at 84% 10%, #f59e0b55, transparent 30%),
          radial-gradient(circle at 14% 18%, #ec489955, transparent 34%),
          linear-gradient(135deg, #1e1b4b, #7c2d12 54%, #111827);
        color: #fff;
        border: 0;
      }
      .culture-hero p,
      .culture-hero .eyebrow {
        color: #ffedd5;
      }
      .culture-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #fed7aa;
        background:
          radial-gradient(circle at 8% 16%, #f9731640, transparent 30%),
          radial-gradient(circle at 88% 6%, #ec489940, transparent 32%),
          linear-gradient(135deg, #ffffff, #fff7ed 52%, #fff1f2);
      }
      .culture-executive-map::after {
        content: "";
        position: absolute;
        right: -58px;
        bottom: -76px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 125deg, #f97316, #ec4899, #8b5cf6, #f97316);
        opacity: .12;
      }
      .culture-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .culture-executive-map h3 {
        margin: 4px 0 6px;
        color: #431407;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .culture-executive-map p {
        margin: 0;
        color: #7c2d12;
        max-width: 920px;
      }
      .culture-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .culture-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #fed7aa;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #7c2d1214;
        backdrop-filter: blur(10px);
      }
      .culture-exec-card span {
        color: #9a3412;
        font-weight: 900;
        font-size: 12px;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .culture-exec-card strong {
        color: #111827;
        font-size: clamp(28px, 4vw, 42px);
        line-height: 1;
      }
      .culture-exec-card p {
        font-size: 13px;
        line-height: 1.45;
        color: #57534e;
      }
      .culture-exec-card.people { border-color: #fdba74; }
      .culture-exec-card.behavior { border-color: #f9a8d4; }
      .culture-exec-card.evidence { border-color: #c4b5fd; }
      .culture-exec-card.risk { border-color: #fca5a5; }
      .culture-assurance-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #fed7aa;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #fb923c2b, transparent 30%),
          linear-gradient(135deg, #fff7ed, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #9a341212;
      }
      .culture-assurance-gate h3 {
        margin: 4px 0 8px;
        color: #9a3412;
        font-size: 22px;
      }
      .culture-assurance-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .culture-assurance-card {
        padding: 14px;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .culture-assurance-card span {
        display: block;
        color: #c2410c;
        font-size: 12px;
        font-weight: 900;
      }
      .culture-assurance-card b {
        display: block;
        margin: 7px 0;
        color: #9a3412;
        font-size: 22px;
      }
      .culture-assurance-card small {
        color: #57534e;
        line-height: 1.35;
      }
      .culture-human-risk-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #f9a8d4;
        border-radius: 22px;
        background:
          radial-gradient(circle at 10% 14%, #ec48992b, transparent 30%),
          radial-gradient(circle at 92% 12%, #8b5cf62b, transparent 31%),
          linear-gradient(135deg, #fff, #fdf2f8 52%, #f5f3ff);
        box-shadow: 0 18px 42px #83184312;
      }
      .culture-human-risk-gate h3 {
        margin: 4px 0 8px;
        color: #9d174d;
        font-size: 22px;
      }
      .culture-human-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .culture-human-card {
        padding: 14px;
        border: 1px solid #fbcfe8;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .culture-human-card span {
        display: block;
        color: #be185d;
        font-size: 12px;
        font-weight: 900;
      }
      .culture-human-card b {
        display: block;
        margin: 7px 0;
        color: #831843;
        font-size: 22px;
      }
      .culture-human-card small {
        color: #475569;
        line-height: 1.35;
      }
      .culture-pillar-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
      }
      .culture-pillar {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #fff7ed);
        box-shadow: 0 16px 36px #7c2d120d;
      }
      .culture-pillar h3 {
        margin: 0;
        font-size: 15px;
      }
      .culture-pillar strong {
        color: #c2410c;
        font-size: 28px;
      }
      .culture-layout {
        display: grid;
        grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
        gap: 12px;
        align-items: start;
      }
      .culture-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .culture-evidence-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .culture-evidence {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #fbcfe8;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #fff7fb);
        box-shadow: 0 16px 36px #8318430d;
      }
      .culture-evidence h3 {
        margin: 0;
        font-size: 15px;
      }
      .learning-academy-panel {
        display: grid;
        gap: 18px;
        margin: 18px 0;
        padding: 22px;
        border: 1px solid #bfdbfe;
        border-radius: 26px;
        background:
          radial-gradient(circle at top left, rgba(37, 99, 235, .14), transparent 34%),
          linear-gradient(135deg, #ffffff 0%, #eff6ff 55%, #f5f3ff 100%);
        box-shadow: 0 18px 44px rgba(30, 58, 138, .10);
      }
      .learning-academy-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) repeat(2, minmax(130px, 180px));
        gap: 16px;
        align-items: stretch;
      }
      .learning-academy-head h3 {
        margin: 4px 0 8px;
        font-size: clamp(22px, 3vw, 34px);
        color: #172554;
      }
      .learning-academy-head p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
      }
      .learning-stat {
        display: grid;
        gap: 4px;
        align-content: center;
        padding: 16px;
        border: 1px solid #dbeafe;
        border-radius: 20px;
        background: rgba(255,255,255,.78);
      }
      .learning-stat span {
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
      }
      .learning-stat strong {
        font-size: 34px;
        color: #1d4ed8;
        line-height: 1;
      }
      .learning-stat small {
        color: #475569;
        font-weight: 700;
      }
      .learning-course-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
      .learning-course-card {
        display: grid;
        gap: 12px;
        align-content: start;
        padding: 18px;
        border: 1px solid #dbeafe;
        border-radius: 22px;
        background: rgba(255,255,255,.86);
        box-shadow: 0 12px 26px rgba(15,23,42,.06);
      }
      .learning-course-card.available {
        border-color: #93c5fd;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
      }
      .learning-course-card.planned {
        opacity: .88;
      }
      .learning-course-card h3 {
        margin: 0;
        color: #0f172a;
        font-size: 20px;
      }
      .learning-course-card p {
        margin: 0;
        color: #475569;
        line-height: 1.5;
      }
      .learning-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .learning-chip-row span {
        padding: 6px 10px;
        border-radius: 999px;
        background: #e0f2fe;
        color: #075985;
        font-size: 12px;
        font-weight: 850;
      }
      .bcms-view {
        display: grid;
        gap: 14px;
      }
      .bcms-hero {
        background:
          radial-gradient(circle at 84% 10%, #14b8a655, transparent 30%),
          radial-gradient(circle at 15% 20%, #84cc1650, transparent 34%),
          linear-gradient(135deg, #022c22, #164e63 52%, #111827);
        color: #fff;
        border: 0;
      }
      .bcms-hero p,
      .bcms-hero .eyebrow {
        color: #ccfbf1;
      }
      .bcms-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #99f6e4;
        background:
          radial-gradient(circle at 8% 14%, #14b8a640, transparent 30%),
          radial-gradient(circle at 90% 10%, #84cc1640, transparent 32%),
          linear-gradient(135deg, #ffffff, #f0fdfa 55%, #ecfeff);
      }
      .bcms-executive-map::after {
        content: "";
        position: absolute;
        right: -54px;
        bottom: -76px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #0f766e, #22c55e, #06b6d4, #0f766e);
        opacity: .12;
      }
      .bcms-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .bcms-executive-map h3 {
        margin: 4px 0 6px;
        color: #042f2e;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .bcms-executive-map p {
        margin: 0;
        color: #115e59;
        max-width: 920px;
      }
      .bcms-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .bcms-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #99f6e4;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #134e4a14;
        backdrop-filter: blur(10px);
      }
      .bcms-exec-card span {
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .bcms-exec-card strong {
        color: #111827;
        font-size: clamp(28px, 4vw, 42px);
        line-height: 1;
      }
      .bcms-exec-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .bcms-exec-card.scope { border-color: #5eead4; }
      .bcms-exec-card.process { border-color: #86efac; }
      .bcms-exec-card.exercise { border-color: #67e8f9; }
      .bcms-exec-card.risk { border-color: #fca5a5; }
      .bcms-approval-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #99f6e4;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #14b8a62b, transparent 30%),
          linear-gradient(135deg, #f0fdfa, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #134e4a12;
      }
      .bcms-approval-gate h3 {
        margin: 4px 0 8px;
        color: #115e59;
        font-size: 22px;
      }
      .bcms-approval-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .bcms-approval-card {
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .bcms-approval-card span {
        display: block;
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
      }
      .bcms-approval-card b {
        display: block;
        margin: 7px 0;
        color: #115e59;
        font-size: 22px;
      }
      .bcms-approval-card small {
        color: #475569;
        line-height: 1.35;
      }
      .bcms-domain-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
      }
      .bcms-domain {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f0fdfa);
        box-shadow: 0 16px 36px #134e4a0d;
      }
      .bcms-domain h3 {
        margin: 0;
        font-size: 15px;
      }
      .bcms-domain strong {
        color: #0f766e;
        font-size: 28px;
      }
      .bcms-layout {
        display: grid;
        grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
        gap: 12px;
        align-items: start;
      }
      .bcms-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .platform-view {
        display: grid;
        gap: 14px;
      }
      .platform-hero {
        background:
          radial-gradient(circle at 84% 10%, #64748b55, transparent 30%),
          radial-gradient(circle at 14% 20%, #2563eb55, transparent 34%),
          linear-gradient(135deg, #020617, #1e293b 52%, #0f172a);
        color: #fff;
        border: 0;
      }
      .platform-hero p,
      .platform-hero .eyebrow {
        color: #e2e8f0;
      }
      .platform-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #cbd5e1;
        background:
          radial-gradient(circle at 8% 14%, #2563eb38, transparent 30%),
          radial-gradient(circle at 90% 8%, #64748b38, transparent 32%),
          linear-gradient(135deg, #ffffff, #f8fafc 55%, #eef2ff);
      }
      .platform-executive-map::after {
        content: "";
        position: absolute;
        right: -56px;
        bottom: -78px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #1d4ed8, #475569, #7c3aed, #1d4ed8);
        opacity: .12;
      }
      .platform-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .platform-executive-map h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .platform-executive-map p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .platform-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .platform-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #cbd5e1;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .platform-exec-card span {
        color: #1e40af;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .platform-exec-card strong {
        color: #111827;
        font-size: clamp(24px, 3vw, 36px);
        line-height: 1;
        overflow-wrap: anywhere;
      }
      .platform-exec-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .platform-exec-card.access { border-color: #93c5fd; }
      .platform-exec-card.audit { border-color: #a7f3d0; }
      .platform-exec-card.catalog { border-color: #c4b5fd; }
      .platform-exec-card.integration { border-color: #fcd34d; }
      .platform-security-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #fecaca;
        background:
          radial-gradient(circle at 9% 15%, #ef444433, transparent 30%),
          radial-gradient(circle at 88% 12%, #f59e0b33, transparent 30%),
          linear-gradient(135deg, #fff7ed, #ffffff 48%, #f8fafc);
      }
      .platform-security-gate::after {
        content: "";
        position: absolute;
        right: -62px;
        bottom: -82px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #dc2626, #f59e0b, #2563eb, #dc2626);
        opacity: .11;
      }
      .platform-security-gate > * {
        position: relative;
        z-index: 1;
      }
      .platform-security-gate h3 {
        margin: 4px 0 6px;
        color: #111827;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .platform-security-gate p {
        margin: 0;
        color: #475569;
        max-width: 940px;
      }
      .platform-security-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .platform-security-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #fed7aa;
        border-radius: 20px;
        background: #fffffff2;
        box-shadow: 0 20px 45px #7f1d1d12;
        backdrop-filter: blur(10px);
      }
      .platform-security-card span {
        color: #b45309;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .platform-security-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .platform-security-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .platform-hardening-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #bae6fd;
        background:
          radial-gradient(circle at 9% 15%, #0ea5e933, transparent 30%),
          radial-gradient(circle at 88% 12%, #22c55e33, transparent 30%),
          linear-gradient(135deg, #f0f9ff, #ffffff 48%, #f0fdf4);
      }
      .platform-hardening-gate::after {
        content: "";
        position: absolute;
        right: -62px;
        bottom: -82px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #0ea5e9, #22c55e, #7c3aed, #0ea5e9);
        opacity: .11;
      }
      .platform-hardening-gate > * {
        position: relative;
        z-index: 1;
      }
      .platform-hardening-gate h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .platform-hardening-gate p {
        margin: 0;
        color: #475569;
        max-width: 940px;
      }
      .platform-hardening-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .platform-hardening-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #bae6fd;
        border-radius: 20px;
        background: #fffffff2;
        box-shadow: 0 20px 45px #0c4a6e12;
        backdrop-filter: blur(10px);
      }
      .platform-hardening-card span {
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .platform-hardening-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .platform-hardening-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .platform-release-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #99f6e4;
        border-radius: 18px;
        background:
          radial-gradient(circle at 12% 18%, #14b8a633, transparent 34%),
          radial-gradient(circle at 88% 8%, #4f46e533, transparent 30%),
          linear-gradient(135deg, #ecfdf5, #ffffff 50%, #eef2ff);
      }
      .platform-release-gate::after {
        content: "";
        position: absolute;
        right: -62px;
        bottom: -74px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #14b8a6, #4f46e5, #22c55e, #14b8a6);
        opacity: .12;
      }
      .platform-release-gate > * {
        position: relative;
        z-index: 1;
      }
      .platform-release-gate h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .platform-release-gate p {
        margin: 0;
        color: #475569;
        max-width: 940px;
      }
      .platform-release-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .platform-release-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #99f6e4;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .platform-release-card span {
        color: #0f766e;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .platform-release-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .platform-release-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .catalog-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #ddd6fe;
        background:
          radial-gradient(circle at 8% 14%, #7c3aed38, transparent 30%),
          radial-gradient(circle at 90% 8%, #2563eb35, transparent 32%),
          linear-gradient(135deg, #ffffff, #f5f3ff 55%, #f8fafc);
      }
      .catalog-executive-map::after {
        content: "";
        position: absolute;
        right: -58px;
        bottom: -78px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #7c3aed, #2563eb, #14b8a6, #7c3aed);
        opacity: .12;
      }
      .catalog-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .catalog-executive-map h3 {
        margin: 4px 0 6px;
        color: #111827;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .catalog-executive-map p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .catalog-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .catalog-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #ddd6fe;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .catalog-exec-card span {
        color: #5b21b6;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .catalog-exec-card strong {
        color: #111827;
        font-size: clamp(28px, 4vw, 42px);
        line-height: 1;
      }
      .catalog-exec-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .catalog-certification-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #bae6fd;
        background:
          radial-gradient(circle at 8% 14%, #0ea5e938, transparent 30%),
          radial-gradient(circle at 90% 8%, #22c55e33, transparent 32%),
          linear-gradient(135deg, #ffffff, #ecfeff 55%, #f8fafc);
      }
      .catalog-certification-gate::after {
        content: "";
        position: absolute;
        right: -58px;
        bottom: -78px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #0ea5e9, #22c55e, #7c3aed, #0ea5e9);
        opacity: .12;
      }
      .catalog-certification-gate > * {
        position: relative;
        z-index: 1;
      }
      .catalog-certification-gate h3 {
        margin: 4px 0 6px;
        color: #111827;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .catalog-certification-gate p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .catalog-cert-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .catalog-cert-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #bae6fd;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .catalog-cert-card span {
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .catalog-cert-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .catalog-cert-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .integration-executive-map {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #bfdbfe;
        background:
          radial-gradient(circle at 10% 12%, #0ea5e938, transparent 30%),
          radial-gradient(circle at 88% 10%, #10b98135, transparent 32%),
          linear-gradient(135deg, #ffffff, #ecfeff 54%, #f0fdf4);
      }
      .integration-executive-map::after {
        content: "";
        position: absolute;
        right: -60px;
        bottom: -80px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 110deg, #0284c7, #16a34a, #2563eb, #0284c7);
        opacity: .12;
      }
      .integration-executive-map > * {
        position: relative;
        z-index: 1;
      }
      .integration-executive-map h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .integration-executive-map p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .integration-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .integration-exec-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #bfdbfe;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .integration-exec-card span {
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .integration-exec-card strong {
        color: #111827;
        font-size: clamp(24px, 3vw, 36px);
        line-height: 1;
        overflow-wrap: anywhere;
      }
      .integration-exec-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .integration-readiness-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #bbf7d0;
        background:
          radial-gradient(circle at 10% 12%, #22c55e30, transparent 30%),
          radial-gradient(circle at 88% 10%, #2563eb30, transparent 32%),
          linear-gradient(135deg, #ffffff, #f0fdf4 54%, #eff6ff);
      }
      .integration-readiness-gate::after {
        content: "";
        position: absolute;
        right: -60px;
        bottom: -80px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 110deg, #16a34a, #2563eb, #7c3aed, #16a34a);
        opacity: .12;
      }
      .integration-readiness-gate > * {
        position: relative;
        z-index: 1;
      }
      .integration-readiness-gate h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .integration-readiness-gate p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .integration-readiness-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .integration-readiness-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #bbf7d0;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .integration-readiness-card span {
        color: #166534;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .integration-readiness-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .integration-readiness-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .integration-continuity-gate {
        display: grid;
        gap: 16px;
        overflow: hidden;
        position: relative;
        border: 1px solid #ddd6fe;
        background:
          radial-gradient(circle at 10% 12%, #7c3aed30, transparent 30%),
          radial-gradient(circle at 88% 10%, #f9731630, transparent 32%),
          linear-gradient(135deg, #ffffff, #f5f3ff 54%, #fff7ed);
      }
      .integration-continuity-gate::after {
        content: "";
        position: absolute;
        right: -60px;
        bottom: -80px;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: conic-gradient(from 110deg, #7c3aed, #f97316, #2563eb, #7c3aed);
        opacity: .12;
      }
      .integration-continuity-gate > * {
        position: relative;
        z-index: 1;
      }
      .integration-continuity-gate h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .integration-continuity-gate p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .integration-continuity-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .integration-continuity-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #ddd6fe;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .integration-continuity-card span {
        color: #6d28d9;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .integration-continuity-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .integration-continuity-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .platform-layout {
        display: grid;
        grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
        gap: 12px;
        align-items: start;
      }
      .platform-signal-grid,
      .platform-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 14px;
      }
      .platform-signal,
      .platform-card {
        display: grid;
        gap: 6px;
        padding: 14px;
        border: 1px solid #cbd5e1;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 16px 36px #0f172a0d;
      }
      .platform-signal span,
      .platform-card p {
        color: #64748b;
        font-size: 12px;
      }
      .platform-signal strong,
      .platform-card strong {
        color: #0f172a;
        font-size: 24px;
      }
      .platform-signal.ok {
        border-color: #bbf7d0;
        background: linear-gradient(180deg, #fff, #f0fdf4);
      }
      .platform-signal.warn {
        border-color: #fde68a;
        background: linear-gradient(180deg, #fff, #fffbeb);
      }
      .platform-priorities {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      .incident-view {
        display: grid;
        gap: 14px;
      }
      .incident-hero {
        background:
          radial-gradient(circle at 86% 10%, #fb718545, transparent 30%),
          radial-gradient(circle at 16% 18%, #f59e0b45, transparent 32%),
          linear-gradient(135deg, #111827, #7f1d1d 55%, #312e81);
        color: #fff;
        border: 0;
      }
      .incident-hero p,
      .incident-hero .eyebrow {
        color: #fee2e2;
      }
      .incident-stage-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
      }
      .incident-executive-map {
        display: grid;
        grid-template-columns: minmax(260px, .9fr) 1.5fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #fecaca;
        border-radius: 22px;
        background:
          radial-gradient(circle at 94% 14%, #fb718533, transparent 28%),
          linear-gradient(135deg, #fff7f7, #fff 46%, #fff7ed);
        box-shadow: 0 18px 42px #7f1d1d12;
      }
      .incident-executive-map h3 {
        margin: 4px 0 8px;
        color: #7f1d1d;
        font-size: 24px;
      }
      .incident-exec-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .incident-exec-card {
        display: grid;
        gap: 7px;
        padding: 14px;
        border: 1px solid #fecaca;
        border-radius: 18px;
        background: rgba(255,255,255,.84);
      }
      .incident-exec-card span {
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
      }
      .incident-exec-card strong {
        color: #7f1d1d;
        font-size: 28px;
      }
      .incident-exec-card p {
        margin: 0;
        color: #475569;
        font-size: 12px;
        line-height: 1.45;
      }
      .incident-exec-card.ok {
        border-color: #bbf7d0;
      }
      .incident-exec-card.warn {
        border-color: #fde68a;
      }
      .incident-exec-card.danger {
        border-color: #fecaca;
        background: linear-gradient(180deg, #fff, #fff1f2);
      }
      .incident-response-gate {
        display: grid;
        grid-template-columns: minmax(280px, .85fr) 1.6fr;
        gap: 14px;
        align-items: stretch;
        padding: 18px;
        border: 1px solid #fecaca;
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 12%, #ef44442b, transparent 30%),
          linear-gradient(135deg, #fff1f2, #fff 52%, #f8fafc);
        box-shadow: 0 18px 42px #7f1d1d12;
      }
      .incident-response-gate h3 {
        margin: 4px 0 8px;
        color: #7f1d1d;
        font-size: 22px;
      }
      .incident-gate-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .incident-gate-card {
        padding: 14px;
        border: 1px solid #fecaca;
        border-radius: 18px;
        background: rgba(255,255,255,.92);
      }
      .incident-gate-card span {
        display: block;
        color: #b91c1c;
        font-size: 12px;
        font-weight: 900;
      }
      .incident-gate-card b {
        display: block;
        margin: 7px 0;
        color: #7f1d1d;
        font-size: 22px;
      }
      .incident-gate-card small {
        color: #475569;
        line-height: 1.35;
      }
      .incident-crisis-gate {
        display: grid;
        gap: 16px;
        margin: 14px 0;
        padding: 18px;
        border: 1px solid #c4b5fd;
        border-radius: 22px;
        background:
          radial-gradient(circle at 8% 12%, #7c3aed26, transparent 30%),
          radial-gradient(circle at 92% 12%, #ef444426, transparent 32%),
          linear-gradient(135deg, #fff, #f5f3ff 52%, #fff1f2);
        box-shadow: 0 18px 42px #4c1d9512;
      }
      .incident-crisis-gate h3 {
        margin: 4px 0 8px;
        color: #4c1d95;
        font-size: 22px;
      }
      .incident-crisis-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .incident-crisis-card {
        padding: 14px;
        border: 1px solid #ddd6fe;
        border-radius: 18px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 14px 32px #0f172a0d;
      }
      .incident-crisis-card span {
        display: block;
        color: #6d28d9;
        font-size: 12px;
        font-weight: 900;
      }
      .incident-crisis-card b {
        display: block;
        margin: 7px 0;
        color: #111827;
        font-size: 22px;
      }
      .incident-crisis-card small {
        color: #475569;
        line-height: 1.35;
      }
      .incident-lessons-gate {
        display: grid;
        gap: 16px;
        margin: 14px 0;
        padding: 18px;
        border: 1px solid #bae6fd;
        border-radius: 22px;
        background:
          radial-gradient(circle at 10% 10%, #0ea5e926, transparent 32%),
          radial-gradient(circle at 90% 16%, #10b98124, transparent 34%),
          linear-gradient(135deg, #f8fafc, #eff6ff 52%, #ecfdf5);
        box-shadow: 0 18px 42px #0f172a12;
      }
      .incident-lessons-gate h3 {
        margin: 4px 0 8px;
        color: #075985;
        font-size: 22px;
      }
      .incident-lessons-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .incident-lesson-card {
        padding: 14px;
        border: 1px solid #bfdbfe;
        border-radius: 18px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 14px 32px #0f172a0d;
      }
      .incident-lesson-card span {
        display: block;
        color: #0369a1;
        font-size: 12px;
        font-weight: 900;
      }
      .incident-lesson-card b {
        display: block;
        margin: 7px 0;
        color: #0f172a;
        font-size: 22px;
      }
      .incident-lesson-card small {
        color: #475569;
        line-height: 1.35;
      }
      .incident-stage {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid #fecaca;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff, #fff7f7);
        box-shadow: 0 16px 36px #7f1d1d0d;
      }
      .incident-stage h3 {
        margin: 0;
        font-size: 15px;
      }
      .incident-stage strong {
        font-size: 28px;
        color: #7f1d1d;
      }
      .incident-priorities ul {
        display: grid;
        gap: 10px;
        margin: 0 0 12px;
        padding-left: 18px;
      }
      @keyframes trustOrbit {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
      }
      .risk-heatmap-wrap {
        overflow-x: auto;
      }
      .risk-profile-matrix-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);
        gap: 14px;
        align-items: stretch;
      }
      .risk-profile-matrix-layout .risk-heatmap {
        min-width: 460px;
      }
      .risk-profile-gauge-card {
        border: 1px solid #dbeafe;
        border-radius: 14px;
        padding: 16px;
        background: linear-gradient(135deg, #ffffff, #f8fbff);
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .risk-profile-gauge {
        position: relative;
        height: 154px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
      }
      .risk-profile-gauge-arc {
        width: 230px;
        height: 230px;
        border-radius: 50%;
        background: conic-gradient(from 270deg, #22c55e 0deg 90deg, #fde047 90deg 139deg, #fb923c 139deg 180deg, #e5e7eb 180deg 360deg);
        position: absolute;
        bottom: -115px;
      }
      .risk-profile-gauge-inner {
        width: 126px;
        height: 126px;
        border-radius: 50%;
        background: #ffffff;
        position: absolute;
        bottom: -63px;
        box-shadow: inset 0 0 0 1px #e5e7eb;
      }
      .risk-profile-gauge-needle {
        width: 3px;
        height: 92px;
        background: #1d4ed8;
        border-radius: 999px;
        position: absolute;
        bottom: 0;
        transform-origin: bottom center;
        box-shadow: 0 0 0 1px rgba(29, 78, 216, 0.08);
      }
      .risk-profile-gauge-value {
        position: relative;
        z-index: 1;
        margin-bottom: 8px;
        text-align: center;
      }
      .risk-profile-gauge-value strong {
        display: block;
        font-size: 32px;
        line-height: 1;
      }
      .risk-profile-gauge-value span {
        display: block;
        font-size: 12px;
        font-weight: 800;
        color: #475569;
      }
      .risk-profile-gauge-legend {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
        font-size: 11px;
        font-weight: 800;
        text-align: center;
      }
      .risk-profile-gauge-legend span {
        border-radius: 999px;
        padding: 5px 6px;
      }
      .risk-profile-gauge-legend .ok { background:#dcfce7; color:#14532d; }
      .risk-profile-gauge-legend .warn { background:#fef9c3; color:#713f12; }
      .risk-profile-gauge-legend .bad { background:#fee2e2; color:#7f1d1d; }
      @media (max-width: 980px) {
        .risk-profile-matrix-layout {
          grid-template-columns: 1fr;
        }
      }
      .risk-heatmap {
        min-width: 520px;
        display: grid;
        grid-template-columns: 70px repeat(5, 1fr);
        gap: 7px;
        align-items: stretch;
      }
      .risk-axis,
      .risk-cell {
        border-radius: 9px;
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: 800;
      }
      .risk-axis {
        color: #64748b;
        font-size: 11px;
        background: #f8fafc;
      }
      .risk-cell {
        border: 1px solid #e2e8f0;
        cursor: pointer;
      }
      .risk-cell small {
        display: block;
        font-size: 10px;
        font-weight: 700;
      }
      .risk-cell-empty {
        background: #f8fafc;
        color: #94a3b8;
      }
      .risk-cell-low {
        background: #86efac;
        color: #14532d;
      }
      .risk-cell-medium_low {
        background: #bef264;
        color: #365314;
      }
      .risk-cell-medium {
        background: #fde68a;
        color: #713f12;
      }
      .risk-cell-medium_high {
        background: #fdba74;
        color: #7c2d12;
      }
      .risk-cell-high {
        background: #f87171;
        color: #7f1d1d;
      }
      .risk-level-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 800;
        border: 1px solid #e2e8f0;
      }
      .risk-pill-low { background:#dcfce7; color:#166534; }
      .risk-pill-medium_low { background:#ecfccb; color:#365314; }
      .risk-pill-medium { background:#fef3c7; color:#92400e; }
      .risk-pill-medium_high { background:#ffedd5; color:#9a3412; }
      .risk-pill-high { background:#fee2e2; color:#991b1b; }
      .risk-donut {
        width: 122px;
        height: 122px;
        border-radius: 50%;
        background: conic-gradient(#22c55e 0 0, #facc15 0 0, #fb923c 0 0, #ef4444 0 0, #e5e7eb 0 100%);
        position: relative;
        flex: 0 0 auto;
      }
      .risk-donut::after {
        content: "";
        position: absolute;
        inset: 26px;
        background: #fff;
        border-radius: 50%;
      }
      .risk-distribution {
        display: flex;
        gap: 18px;
        align-items: center;
        flex-wrap: wrap;
      }
      .risk-legend {
        display: grid;
        gap: 7px;
        font-size: 12px;
      }
      .risk-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 6px;
      }
      .risk-groups-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .risk-bar {
        height: 9px;
        border-radius: 999px;
        overflow: hidden;
        background: #e5e7eb;
        display: flex;
        margin-top: 10px;
      }
      .risk-bar span {
        display: block;
        min-width: 0;
      }
      .risk-executive-panel {
        display: grid;
        gap: 12px;
        margin: 14px 0;
      }
      .risk-decision-readiness-gate {
        display: grid;
        gap: 16px;
        margin: 14px 0;
        padding: 18px;
        overflow: hidden;
        position: relative;
        border: 1px solid #fed7aa;
        border-radius: 18px;
        background:
          radial-gradient(circle at 8% 14%, #f9731630, transparent 30%),
          radial-gradient(circle at 90% 8%, #2563eb30, transparent 32%),
          linear-gradient(135deg, #fff, #fff7ed 55%, #eff6ff);
        box-shadow: 0 20px 45px #7c2d1212;
      }
      .risk-decision-readiness-gate::after {
        content: "";
        position: absolute;
        right: -58px;
        bottom: -78px;
        width: 210px;
        height: 210px;
        border-radius: 999px;
        background: conic-gradient(from 120deg, #f97316, #2563eb, #22c55e, #f97316);
        opacity: .12;
      }
      .risk-decision-readiness-gate > * {
        position: relative;
        z-index: 1;
      }
      .risk-decision-readiness-gate h3 {
        margin: 4px 0 6px;
        color: #0f172a;
        font-size: clamp(22px, 2.8vw, 34px);
      }
      .risk-decision-readiness-gate p {
        margin: 0;
        color: #475569;
        max-width: 920px;
      }
      .risk-decision-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }
      .risk-decision-card {
        display: grid;
        gap: 8px;
        padding: 16px;
        border: 1px solid #fed7aa;
        border-radius: 20px;
        background: #fffffff0;
        box-shadow: 0 20px 45px #0f172a14;
        backdrop-filter: blur(10px);
      }
      .risk-decision-card span {
        color: #c2410c;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
      }
      .risk-decision-card strong {
        color: #111827;
        font-size: clamp(19px, 2.2vw, 28px);
        line-height: 1.1;
        overflow-wrap: anywhere;
      }
      .risk-decision-card p {
        color: #475569;
        font-size: 13px;
        line-height: 1.45;
      }
      .risk-framework-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .risk-framework-tabs .btn.on {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff;
      }
      .risk-top-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .risk-top-card {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid var(--bd);
        border-radius: 12px;
        background: #fff;
      }
      .risk-top-card h3 {
        margin: 0;
        font-size: 15px;
      }
      .risk-top-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .risk-chip {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px 7px;
        border-radius: 999px;
        border: 1px solid #e2e8f0;
        background: #f8fafc;
        font-size: 11px;
        font-weight: 750;
      }
      .risk-top-controls {
        margin: 0;
        padding-left: 17px;
        color: #334155;
        font-size: 12px;
      }
      .risk-top-controls li {
        margin: 2px 0;
      }
      .risk-control-detail-list {
        display: grid;
        gap: 8px;
        margin: 10px 0;
      }
      .risk-control-detail {
        display: grid;
        gap: 8px;
        padding: 10px;
        border: 1px solid #dbeafe;
        border-radius: 10px;
        background: #f8fafc;
      }
      .risk-control-detail p {
        margin: 4px 0 0;
        font-size: 12px;
      }
      .risk-top-card details summary {
        cursor: pointer;
        font-weight: 800;
        color: #2563eb;
      }
      .risk-method-note {
        margin: 0;
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
      }
      .risk-high {
        color: #b91c1c;
      }
      .risk-medium {
        color: #b45309;
      }
      .risk-low {
        color: #047857;
      }
      .risk-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: #0007;
        z-index: 9000;
        place-items: center;
        padding: 20px;
      }
      .risk-modal.on {
        display: grid;
      }
      .risk-dialog {
        width: min(900px, 96vw);
        max-height: 90vh;
        overflow: auto;
        background: #fff;
        border-radius: 14px;
        padding: 20px;
      }
      .risk-form {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
      .risk-form label {
        margin: 0;
      }
      .risk-form .wide {
        grid-column: 1/-1;
      }
      .risk-form textarea {
        width: 100%;
        min-height: 72px;
        padding: 10px;
        border: 1px solid var(--bd);
        border-radius: 8px;
      }
      .risk-impact-dimensions {
        border: 1px solid #dbeafe;
        background: #eff6ff;
        border-radius: 12px;
        padding: 10px;
      }
      .risk-impact-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        margin-top: 8px;
      }
      .risk-impact-grid select.impact-low { background:#dcfce7; color:#166534; border-color:#86efac; }
      .risk-impact-grid select.impact-medium { background:#fef3c7; color:#92400e; border-color:#fde68a; }
      .risk-impact-grid select.impact-high { background:#fee2e2; color:#991b1b; border-color:#fecaca; }
      .risk-assets-section {
        border: 1px solid #ccfbf1;
        background: #f0fdfa;
        border-radius: 12px;
        padding: 10px;
      }
      .risk-asset-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        max-height: 190px;
        overflow: auto;
        margin-top: 8px;
      }
      .risk-asset-option {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: start;
        gap: 8px;
        border: 1px solid #dbeafe;
        background: #fff;
        border-radius: 10px;
        padding: 8px;
        font-size: 12px;
      }
      .risk-asset-option input {
        width: auto;
        margin-top: 2px;
      }
      .risk-asset-chip {
        display: inline-block;
        margin-top: 4px;
        border-radius: 999px;
        padding: 2px 7px;
        background: #e0f2fe;
        color: #075985;
        font-weight: 700;
        font-size: 11px;
      }
      .risk-actions {
        grid-column: 1/-1;
        text-align: right;
        margin-top: 8px;
      }
      @media (max-width: 900px) {
        .soa-kpis,
        .soa-cert-grid,
        .control-cert-grid,
        .soa-framework-grid,
        .soa-charts,
        .soa-domain-grid {
          grid-template-columns: 1fr;
        }
        .soa-framework-row {
          grid-template-columns: 1fr;
        }
        .soa-framework-status-panel {
          grid-template-columns: 1fr;
        }
        .risk-kpis {
          grid-template-columns: 1fr 1fr;
        }
        .risk-decision-grid,
        .risk-trace-head {
          grid-template-columns: 1fr;
        }
        .evidence-gap-grid {
          grid-template-columns: 1fr;
        }
        .testing-readiness-grid {
          grid-template-columns: 1fr;
        }
        .audit-workpaper-grid {
          grid-template-columns: 1fr;
        }
        .evidence-auditor-grid {
          grid-template-columns: 1fr;
        }
        .testing-plan-grid {
          grid-template-columns: 1fr;
        }
        .control-testing-view .testing-grid {
          grid-template-columns: 1fr;
        }
        .improvement-closure-grid {
          grid-template-columns: 1fr;
        }
        .agentic-action-grid {
          grid-template-columns: 1fr;
        }
        .improvement-lanes {
          grid-template-columns: 1fr;
        }
        .maturity-grid,
        .maturity-executive-grid,
        .maturity-cert-grid,
        .maturity-panels,
        .regulatory-executive-map,
        .regulatory-exec-grid,
        .regulatory-change-radar,
        .regulatory-change-grid,
        .regulatory-jurisdiction-gate,
        .regulatory-jurisdiction-grid,
        .regulatory-layout,
        .regulatory-grid,
        .regulatory-filters,
        .metrics-objectives,
        .metrics-audience-packages,
        .metrics-audience-grid,
        .metrics-sales-gate,
        .metrics-sales-grid,
        .metrics-gate-grid,
        .trust-executive-story,
        .trust-proof-grid,
        .trust-gate-grid,
        .decision-layout,
        .committee-grid,
        .committee-agenda-gate,
        .committee-agenda-grid,
        .exceptions-filters,
        .exception-executive-map,
        .exception-exec-grid,
        .exception-gate-grid,
        .exceptions-grid,
        .trust-grid,
        .thirdparty-layout,
        .third-executive-lens,
        .third-exec-grid,
        .third-contract-grid,
        .third-monitoring-gate,
        .third-monitoring-grid,
        .third-grid,
        .third-filters,
        .privacy-layout,
        .privacy-executive-map,
        .privacy-exposure-grid,
        .privacy-rights-gate,
        .privacy-rights-grid,
        .privacy-filters,
        .policy-layout,
        .policy-executive-map,
        .policy-exec-grid,
        .policy-draft-review-panel,
        .policy-draft-grid,
        .policy-framework-grid,
        .policy-evidence-grid,
        .policy-filters,
        .continuity-executive-map,
        .continuity-exec-grid,
        .continuity-agent-gate,
        .continuity-agent-grid,
        .resilience-layout,
        .resilience-process-grid,
        .resilience-framework-grid,
        .agent-executive-map,
        .agent-exec-grid,
        .agentic-governance-panel,
        .agentic-governance-grid,
        .ai-impact-gate,
        .ai-impact-grid,
        .agent-pillar-grid,
        .agent-layout,
        .agent-asset-grid,
        .defense-executive-map,
        .defense-exec-grid,
        .daybreak-gate-grid,
        .defense-function-grid,
        .defense-layout,
        .infosec-executive-map,
        .infosec-exec-grid,
        .infosec-layout,
        .infosec-domain-grid,
        .culture-executive-map,
        .culture-exec-grid,
        .culture-human-risk-gate,
        .culture-human-grid,
        .culture-pillar-grid,
        .culture-layout,
        .culture-evidence-grid,
        .learning-academy-head,
        .learning-course-grid,
        .bcms-executive-map,
        .bcms-exec-grid,
        .bcms-domain-grid,
        .bcms-layout,
        .platform-executive-map,
        .platform-exec-grid,
        .platform-hardening-grid,
        .platform-release-grid,
        .catalog-executive-map,
        .catalog-exec-grid,
        .integration-executive-map,
        .integration-exec-grid,
        .integration-continuity-grid,
        .platform-layout,
        .platform-signal-grid,
        .platform-card-grid,
        .incident-executive-map,
        .incident-exec-grid,
        .incident-crisis-grid,
        .incident-lessons-grid,
        .incident-stage-grid {
          grid-template-columns: 1fr;
        }
        .trust-hero {
          flex-direction: column;
        }
        .trust-score {
          width: 100%;
        }
        .maturity-domain {
          grid-template-columns: 1fr 54px;
        }
        .maturity-domain .maturity-bar,
        .maturity-domain small {
          grid-column: 1 / -1;
        }
        .risk-summary-grid,
        .risk-groups-grid {
          grid-template-columns: 1fr;
        }
        .risk-top-grid {
          grid-template-columns: 1fr;
        }
        .risk-form {
          grid-template-columns: 1fr;
        }
        .risk-impact-grid {
          grid-template-columns: 1fr;
        }
        .risk-asset-list {
          grid-template-columns: 1fr;
        }
        .risk-form .wide,
        .risk-actions {
          grid-column: 1;
        }
      }
      .soa-certification-gate { display:grid; gap:16px; margin:0 0 14px; padding:18px; overflow:hidden; position:relative; border:1px solid #bfdbfe; border-radius:18px; background:radial-gradient(circle at 8% 14%,#2563eb30,transparent 30%),radial-gradient(circle at 90% 8%,#22c55e30,transparent 32%),linear-gradient(135deg,#fff,#eff6ff 55%,#f0fdf4); box-shadow:0 20px 45px #1e3a8a12; }
      .soa-certification-gate::after { content:""; position:absolute; right:-58px; bottom:-78px; width:210px; height:210px; border-radius:999px; background:conic-gradient(from 120deg,#2563eb,#22c55e,#7c3aed,#2563eb); opacity:.12; }
      .soa-certification-gate > * { position:relative; z-index:1; }
      .soa-certification-gate h3 { margin:4px 0 6px; color:#0f172a; font-size:clamp(22px,2.8vw,34px); }
      .soa-certification-gate p { margin:0; color:#475569; max-width:920px; }
      .soa-cert-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
      .soa-cert-card { display:grid; gap:8px; padding:16px; border:1px solid #bfdbfe; border-radius:20px; background:#fffffff0; box-shadow:0 20px 45px #0f172a14; backdrop-filter:blur(10px); }
      .soa-cert-card span { color:#1d4ed8; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
      .soa-cert-card strong { color:#111827; font-size:clamp(19px,2.2vw,28px); line-height:1.1; overflow-wrap:anywhere; }
      .soa-cert-card p { color:#475569; font-size:13px; line-height:1.45; }
      .control-certification-gate { display:grid; gap:16px; margin:0 0 14px; padding:18px; overflow:hidden; position:relative; border:1px solid #c7d2fe; border-radius:18px; background:radial-gradient(circle at 8% 14%,#4f46e530,transparent 30%),radial-gradient(circle at 90% 8%,#14b8a630,transparent 32%),linear-gradient(135deg,#fff,#eef2ff 55%,#ecfeff); box-shadow:0 20px 45px #312e8112; }
      .control-certification-gate::after { content:""; position:absolute; right:-58px; bottom:-78px; width:210px; height:210px; border-radius:999px; background:conic-gradient(from 120deg,#4f46e5,#14b8a6,#2563eb,#4f46e5); opacity:.12; }
      .control-certification-gate > * { position:relative; z-index:1; }
      .control-certification-gate h3 { margin:4px 0 6px; color:#0f172a; font-size:clamp(22px,2.8vw,34px); }
      .control-certification-gate p { margin:0; color:#475569; max-width:920px; }
      .control-cert-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
      .control-cert-card { display:grid; gap:8px; padding:16px; border:1px solid #c7d2fe; border-radius:20px; background:#fffffff0; box-shadow:0 20px 45px #0f172a14; backdrop-filter:blur(10px); }
      .control-cert-card span { color:#4338ca; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
      .control-cert-card strong { color:#111827; font-size:clamp(19px,2.2vw,28px); line-height:1.1; overflow-wrap:anywhere; }
      .control-cert-card p { color:#475569; font-size:13px; line-height:1.45; }
      .soa-hero{border:1px solid #bfdbfe;border-left:6px solid #2563eb;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff);padding:16px;margin-bottom:14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
      .soa-hero h2{margin:0 0 5px;color:#1e3a8a}.soa-hero p{margin:0;color:#475569}.soa-kpis,.soa-framework-grid,.soa-charts,.soa-domain-grid{display:grid;gap:10px}.soa-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0}.soa-kpi,.soa-card,.soa-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.soa-kpi span{display:block;color:#64748b;font-size:12px}.soa-kpi strong{font-size:26px}.soa-framework-grid{grid-template-columns:1fr;max-height:540px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.soa-framework-row{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) minmax(240px,1fr) minmax(90px,auto);gap:12px;align-items:end;border-left-width:6px;min-width:0}.soa-framework-row>*{min-width:0}.soa-framework-in{border-left-color:#16a34a;background:linear-gradient(90deg,#f0fdf4,#fff)}.soa-framework-out{border-left-color:#94a3b8;background:linear-gradient(90deg,#f8fafc,#fff)}.soa-framework-main h3{margin:0 0 4px}.soa-framework-main p{margin:0 0 4px}.soa-framework-status-panel{display:grid;gap:6px}.soa-framework-status-panel .soa-badge{justify-content:center}.soa-framework-justification-wrap textarea{min-height:48px;resize:vertical}.soa-framework-status,.soa-framework-justification,.soa-save-framework{width:100%}.soa-card h3{margin:0 0 6px}.soa-card small{display:block;color:#64748b}.soa-progress{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:8px 0}.soa-progress span{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#2563eb)}.soa-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.soa-in{background:#dcfce7;color:#166534}.soa-out{background:#f1f5f9;color:#475569}.soa-na{background:#f8fafc;color:#475569;border:1px solid #cbd5e1}.soa-attn{background:#fff7ed;color:#9a3412}.soa-select-in{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important;font-weight:800}.soa-select-out{background:#f1f5f9!important;color:#475569!important;border-color:#cbd5e1!important;font-weight:800}.soa-select-na{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important;font-weight:800}.soa-section-title{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin:14px 0 8px}.soa-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.soa-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.soa-table{width:100%;border-collapse:collapse}.soa-table th{position:sticky;top:0;background:#2563eb;color:#fff;text-align:left;padding:9px;z-index:1}.soa-table td{padding:9px;border-bottom:1px solid #e2e8f0;vertical-align:top}.soa-actions{display:flex;gap:6px;flex-wrap:wrap}.soa-mini-chart{display:flex;height:18px;border-radius:999px;overflow:hidden;background:#e2e8f0}.soa-mini-chart span:first-child{background:#16a34a}.soa-mini-chart span:last-child{background:#cbd5e1}.soa-domain-grid{grid-template-columns:1.2fr .8fr}.soa-history{max-height:260px;overflow:auto}.evidence-view .soa-kpis{grid-template-columns:repeat(6,minmax(140px,1fr));overflow:auto;padding-bottom:2px}.evidence-view .soa-kpi strong{font-size:22px}.evidence-view .soa-filters{grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:12px 0}.evidence-view .soa-domain-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start}.evidence-view .soa-domain-grid>.table{max-height:520px;overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.evidence-view table{width:100%;border-collapse:collapse}.evidence-view th{position:sticky;top:0;background:#f8fafc;z-index:1;text-align:left;color:#334155}.evidence-view th,.evidence-view td{padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:top}.evidence-view tr:hover td{background:#f8fbff}.evidence-view .card{box-shadow:0 8px 24px #0f172a0d}.evidence-view .status-pill{white-space:nowrap}.evidence-executive-view{display:grid;gap:14px}.evidence-executive-view .evidence-hero{align-items:center}.evidence-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.evidence-executive-kpis{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.evidence-executive-kpis .soa-kpi small{display:block;margin-top:4px;color:#64748b;font-size:11px}.evidence-executive-section{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:14px;box-shadow:0 10px 24px #0f172a0a}.evidence-executive-section .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.evidence-executive-section h3,.evidence-capture-card h3{margin:0 0 4px;color:#0f172a}.evidence-framework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.evidence-framework-card{display:grid;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(135deg,#ffffff,#f8fbff)}.evidence-framework-card h3{margin:0 0 4px;color:#1e3a8a}.evidence-framework-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.evidence-framework-metrics span{display:grid;gap:2px;padding:8px;border-radius:10px;background:#f8fafc;color:#475569;font-size:11px;font-weight:800}.evidence-framework-metrics b{color:#0f172a;font-size:20px}.evidence-framework-metrics .attn{background:#fff7ed;color:#9a3412}.evidence-framework-metrics .ok{background:#ecfdf5;color:#166534}.evidence-capture-card{border-color:#bfdbfe}.evidence-executive-filters{grid-template-columns:2fr repeat(3,minmax(130px,1fr)) auto!important;margin:0!important}.evidence-card-list{display:grid;gap:10px}.evidence-executive-card{display:grid;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.evidence-executive-card[hidden]{display:none!important}.evidence-executive-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.evidence-executive-head h3{margin:0 0 4px;color:#0f172a;font-size:16px}.evidence-executive-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.evidence-executive-actions summary{cursor:pointer;color:#2563eb;font-weight:800}.evidence-executive-tags,.evidence-framework-tags,.evidence-linked-controls>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.evidence-framework-tags span,.evidence-control-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1e3a8a;font-size:12px;font-weight:800}.evidence-control-chip{background:#f8fafc;color:#334155;border:1px solid #e2e8f0;border-radius:10px}.evidence-linked-controls{display:grid;gap:6px}.evidence-linked-controls b{color:#334155;font-size:12px}@media(max-width:800px){.evidence-executive-kpis,.evidence-executive-filters{grid-template-columns:1fr!important}.evidence-executive-head{grid-template-columns:1fr}.evidence-hero-actions,.evidence-executive-actions{justify-content:flex-start}}