/* =========================================================
   AXQA UNIFIED TYPOGRAPHY
   Load LAST, after each page-specific stylesheet.
   Frontend only — no HTML/JS/backend behavior changes.
   ========================================================= */

:root {
  --axqa-type-hero: clamp(46px, 4.7vw, 62px);
  --axqa-type-section: clamp(32px, 3.2vw, 42px);
  --axqa-type-subsection: 26px;
  --axqa-type-card-title: 17px;
  --axqa-type-body-lg: 17px;
  --axqa-type-body: 15px;
  --axqa-type-body-sm: 14px;
  --axqa-type-label: 12px;
  --axqa-type-micro: 10px;
  --axqa-type-button: 14px;
}

/* ---------------------------------------------------------
   Shared product / use-case typography
   --------------------------------------------------------- */

.api-demo-page .hero-heading {
  font-size: var(--axqa-type-hero) !important;
  line-height: 1.08 !important;
}

.api-demo-page .hero-lead {
  font-size: var(--axqa-type-body-lg) !important;
  line-height: 1.75 !important;
}

.api-demo-page .section-heading {
  font-size: var(--axqa-type-section) !important;
  line-height: 1.16 !important;
}

.api-demo-page .section-lead {
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.api-demo-page .kicker,
.api-demo-page .section-eyebrow {
  font-size: var(--axqa-type-label) !important;
  line-height: 1.4 !important;
}

.api-demo-page .btn-primary,
.api-demo-page .btn-ghost {
  font-size: var(--axqa-type-button) !important;
}

/* ---------------------------------------------------------
   GETTING STARTED
   --------------------------------------------------------- */

.getting-started-page .gs-disclosure { font-size: 12px !important; }

.getting-started-page .gs-launch-head strong { font-size: 12px !important; }
.getting-started-page .gs-launch-head small { font-size: 10px !important; }

.getting-started-page .gs-launch-step strong { font-size: 11px !important; }
.getting-started-page .gs-launch-step small { font-size: 10px !important; }

.getting-started-page .gs-launch-status > span { font-size: 10px !important; }
.getting-started-page .gs-launch-status > strong { font-size: 12px !important; }
.getting-started-page .gs-launch-status > small { font-size: 10px !important; }

.getting-started-page .gs-path-tab strong { font-size: 14px !important; }
.getting-started-page .gs-path-tab small { font-size: 12px !important; }

.getting-started-page .gs-path-kicker { font-size: 12px !important; }
.getting-started-page .gs-path-copy h3 { font-size: 30px !important; }
.getting-started-page .gs-path-copy > p { font-size: 15px !important; }

.getting-started-page .gs-path-checklist span { font-size: 13px !important; }
.getting-started-page .gs-path-checklist i { font-size: 10px !important; }

.getting-started-page .gs-stage-label strong { font-size: 11px !important; }
.getting-started-page .gs-stage-node strong { font-size: 11px !important; }
.getting-started-page .gs-stage-node small { font-size: 10px !important; }
.getting-started-page .gs-stage-caption { font-size: 11px !important; }

.getting-started-page .gs-step-card h3 { font-size: 16px !important; }
.getting-started-page .gs-step-card p { font-size: 14px !important; }
.getting-started-page .gs-step-output span { font-size: 10px !important; }
.getting-started-page .gs-step-output strong { font-size: 12px !important; }

.getting-started-page .gs-lab-topbar strong { font-size: 12px !important; }
.getting-started-page .gs-lab-topbar small { font-size: 10px !important; }
.getting-started-page .gs-lab-state { font-size: 10px !important; }
.getting-started-page .gs-lab-node strong { font-size: 11px !important; }
.getting-started-page .gs-lab-node small { font-size: 10px !important; }

.getting-started-page .gs-first-result > div:first-child > span { font-size: 10px !important; }
.getting-started-page .gs-first-result > div:first-child > strong { font-size: 14px !important; }
.getting-started-page .gs-first-result-metrics small { font-size: 10px !important; }
.getting-started-page .gs-first-result-metrics b { font-size: 11px !important; }

.getting-started-page .gs-console-head strong { font-size: 11px !important; }
.getting-started-page .gs-console-head > span:last-child { font-size: 10px !important; }
.getting-started-page .gs-console { font-size: 11px !important; }

.getting-started-page .gs-good-copy p { font-size: 15px !important; }
.getting-started-page .gs-good-list > div > span { font-size: 10px !important; }
.getting-started-page .gs-good-list strong { font-size: 12px !important; }
.getting-started-page .gs-good-list small { font-size: 11px !important; }

.getting-started-page .gs-next-card > small { font-size: 10px !important; }
.getting-started-page .gs-next-card > strong { font-size: 16px !important; }
.getting-started-page .gs-next-card > p { font-size: 14px !important; }
.getting-started-page .gs-next-card > b { font-size: 12px !important; }
.getting-started-page .gs-next-card > b i { font-size: 10px !important; }

.getting-started-page .gs-final-cta p { font-size: 15px !important; }

/* ---------------------------------------------------------
   HOW AXQA WORKS
   --------------------------------------------------------- */

.how-axqa-page .how-disclosure { font-size: 12px !important; }
.how-axqa-page .core-kicker { font-size: 11px !important; }
.how-axqa-page .how-orbit-core strong { font-size: 15px !important; }
.how-axqa-page .how-orbit-core small { font-size: 10px !important; }
.how-axqa-page .orbit-node strong { font-size: 11px !important; }
.how-axqa-page .orbit-node small { font-size: 10px !important; }
.how-axqa-page .orbit-live { font-size: 10px !important; }

.how-axqa-page .how-stage-tab > span { font-size: 11px !important; }
.how-axqa-page .how-stage-tab strong { font-size: 14px !important; }
.how-axqa-page .how-stage-tab small { font-size: 11px !important; }

.how-axqa-page .stage-mini-label { font-size: 11px !important; }
.how-axqa-page .how-stage-copy > p { font-size: 15px !important; }
.how-axqa-page .stage-bullets > div { font-size: 13px !important; }

.how-axqa-page .stage-window-top small { font-size: 10px !important; }
.how-axqa-page .tree-row,
.how-axqa-page .tree-row strong { font-size: 11px !important; }
.how-axqa-page .tree-row > span { font-size: 10px !important; }

.how-axqa-page .step-pill { font-size: 11px !important; }
.how-axqa-page .step-pill b { font-size: 10px !important; }

.how-axqa-page .logic-box small { font-size: 10px !important; }
.how-axqa-page .logic-box strong { font-size: 12px !important; }
.how-axqa-page .logic-box code { font-size: 10px !important; }

.how-axqa-page .logic-validation-grid span { font-size: 10px !important; }
.how-axqa-page .logic-validation-grid strong { font-size: 11px !important; }
.how-axqa-page .logic-validation-grid small { font-size: 10px !important; }

.how-axqa-page .router-source strong { font-size: 12px !important; }
.how-axqa-page .router-source small { font-size: 10px !important; }
.how-axqa-page .router-options strong { font-size: 11px !important; }
.how-axqa-page .router-options small { font-size: 10px !important; }

.how-axqa-page .validation-response > span { font-size: 10px !important; }
.how-axqa-page .validation-response pre { font-size: 10px !important; }
.how-axqa-page .check-pass { font-size: 10px !important; }

.how-axqa-page .validation-list strong { font-size: 11px !important; }
.how-axqa-page .validation-list small { font-size: 10px !important; }
.how-axqa-page .validation-list b { font-size: 10px !important; }

.how-axqa-page .decision-score > div:first-child small { font-size: 10px !important; }
.how-axqa-page .decision-score > div:first-child span { font-size: 11px !important; }
.how-axqa-page .score-ring small { font-size: 10px !important; }
.how-axqa-page .decision-bars > div,
.how-axqa-page .decision-bars strong { font-size: 10px !important; }
.how-axqa-page .decision-history { font-size: 10px !important; }

.how-axqa-page .execution-path-card > span { font-size: 10px !important; }
.how-axqa-page .execution-path-card h3 { font-size: 17px !important; }
.how-axqa-page .execution-path-card p { font-size: 14px !important; }
.how-axqa-page .mini-flow b { font-size: 10px !important; }

.how-axqa-page .workflow-topbar strong { font-size: 12px !important; }
.how-axqa-page .workflow-topbar small { font-size: 10px !important; }
.how-axqa-page .workflow-state { font-size: 10px !important; }
.how-axqa-page .flow-node strong { font-size: 11px !important; }
.how-axqa-page .flow-node small { font-size: 10px !important; }

.how-axqa-page .workflow-result-card > div:first-child > span { font-size: 10px !important; }
.how-axqa-page .workflow-result-card > div:first-child > strong { font-size: 14px !important; }
.how-axqa-page .result-metrics small { font-size: 10px !important; }
.how-axqa-page .result-metrics b { font-size: 11px !important; }

.how-axqa-page .workflow-console-head strong { font-size: 11px !important; }
.how-axqa-page .workflow-console-head > span:last-child { font-size: 10px !important; }
.how-axqa-page .workflow-console { font-size: 11px !important; }

.how-axqa-page .connected-outcome-card p,
.how-axqa-page .how-cta-card p { font-size: 15px !important; }

.how-axqa-page .outcome-visual strong { font-size: 11px !important; }
.how-axqa-page .outcome-visual small { font-size: 10px !important; }

/* ---------------------------------------------------------
   SMART AGENT
   --------------------------------------------------------- */

.smart-agent-page .agent-disclosure { font-size: 12px !important; }
.smart-agent-page .agent-card-label { font-size: 11px !important; }
.smart-agent-page .agent-cloud-flow span { font-size: 11px !important; }
.smart-agent-page .tunnel-label { font-size: 10px !important; }
.smart-agent-page .local-zone-head span { font-size: 11px !important; }
.smart-agent-page .local-zone-head small { font-size: 10px !important; }
.smart-agent-page .agent-status-row { font-size: 11px !important; }
.smart-agent-page .agent-target-card > span:last-child { font-size: 11px !important; }
.smart-agent-page .agent-orbit-status { font-size: 11px !important; }
.smart-agent-page .agent-env-chip { font-size: 12px !important; }

.smart-agent-page .agent-arch-number { font-size: 11px !important; }
.smart-agent-page .agent-arch-head div > span { font-size: 10px !important; }
.smart-agent-page .agent-arch-node > p { font-size: 13px !important; }

.smart-agent-page .mini-console-top small { font-size: 10px !important; }
.smart-agent-page .mini-command span { font-size: 10px !important; }
.smart-agent-page .mini-command strong { font-size: 11px !important; }
.smart-agent-page .agent-path small { font-size: 10px !important; }
.smart-agent-page .agent-core-center strong { font-size: 10px !important; }

.smart-agent-page .agent-local-checks div { font-size: 11px !important; }
.smart-agent-page .agent-local-checks i { font-size: 10px !important; }

.smart-agent-page .private-target-screen > span { font-size: 10px !important; }
.smart-agent-page .private-target-screen > strong { font-size: 12px !important; }
.smart-agent-page .private-target-screen > small { font-size: 10px !important; }

.smart-agent-page .return-copy > span { font-size: 10px !important; }
.smart-agent-page .return-copy strong { font-size: 12px !important; }
.smart-agent-page .return-copy small { font-size: 10px !important; }

.smart-agent-page .security-points strong { font-size: 13px !important; }
.smart-agent-page .security-points small { font-size: 11px !important; }

.smart-agent-page .policy-card-top div > span { font-size: 10px !important; }
.smart-agent-page .policy-card-top strong { font-size: 15px !important; }
.smart-agent-page .policy-state { font-size: 10px !important; }
.smart-agent-page .policy-target-box span { font-size: 10px !important; }
.smart-agent-page .policy-target-box code { font-size: 11px !important; }
.smart-agent-page .policy-check-icon { font-size: 10px !important; }
.smart-agent-page .policy-check-list strong { font-size: 11px !important; }
.smart-agent-page .policy-check-list small { font-size: 10px !important; }
.smart-agent-page .policy-btn { font-size: 11px !important; }

.smart-agent-page .mission-topbar strong { font-size: 12px !important; }
.smart-agent-page .mission-topbar small { font-size: 10px !important; }
.smart-agent-page .mission-status { font-size: 10px !important; }
.smart-agent-page .mission-node > span { font-size: 10px !important; }
.smart-agent-page .mission-node > small { font-size: 10px !important; }
.smart-agent-page .mission-return-path small { font-size: 10px !important; }
.smart-agent-page .mission-stats span { font-size: 10px !important; }
.smart-agent-page .mission-stats strong { font-size: 12px !important; }
.smart-agent-page .mission-console-head strong { font-size: 11px !important; }
.smart-agent-page .mission-console-head > span:last-child { font-size: 10px !important; }
.smart-agent-page .mission-console { font-size: 11px !important; }
.smart-agent-page .mission-controls .btn-primary,
.smart-agent-page .mission-controls .btn-ghost { font-size: 12px !important; }

.smart-agent-page .scenario-number { font-size: 10px !important; }
.smart-agent-page .agent-scenario-card h3 { font-size: 17px !important; }
.smart-agent-page .agent-scenario-card p { font-size: 14px !important; }
.smart-agent-page .scenario-flow span { font-size: 10px !important; }

.smart-agent-page .boundary-visual strong { font-size: 12px !important; }
.smart-agent-page .boundary-visual small { font-size: 10px !important; }

/* ---------------------------------------------------------
   QA WORKSPACE SETUP
   --------------------------------------------------------- */

.workspace-setup-page .ws-disclosure { font-size: 12px !important; }

.workspace-setup-page .ws-command-head strong,
.workspace-setup-page .ws-map-head strong,
.workspace-setup-page .ws-lab-topbar strong { font-size: 11px !important; }

.workspace-setup-page .ws-command-head small,
.workspace-setup-page .ws-map-head > span { font-size: 10px !important; }

.workspace-setup-page .ws-center-node strong { font-size: 11px !important; }
.workspace-setup-page .ws-center-node small { font-size: 10px !important; }
.workspace-setup-page .ws-orbit-node strong { font-size: 10px !important; }
.workspace-setup-page .ws-orbit-node small { font-size: 10px !important; }

.workspace-setup-page .ws-command-status > span { font-size: 10px !important; }
.workspace-setup-page .ws-command-status > strong { font-size: 11px !important; }
.workspace-setup-page .ws-command-status > small { font-size: 10px !important; }

.workspace-setup-page .ws-profile-tab strong { font-size: 13px !important; }
.workspace-setup-page .ws-profile-tab small { font-size: 11px !important; }

.workspace-setup-page .ws-builder-label { font-size: 11px !important; }
.workspace-setup-page .ws-builder-copy > p { font-size: 15px !important; }
.workspace-setup-page .ws-builder-checklist > div { font-size: 12px !important; }

.workspace-setup-page .ws-map-workspace strong,
.workspace-setup-page .ws-map-project strong,
.workspace-setup-page .ws-map-group strong { font-size: 10px !important; }

.workspace-setup-page .ws-map-workspace small,
.workspace-setup-page .ws-map-project small,
.workspace-setup-page .ws-map-group small { font-size: 10px !important; }

.workspace-setup-page .ws-map-footer span { font-size: 10px !important; }
.workspace-setup-page .ws-map-footer strong { font-size: 11px !important; }

.workspace-setup-page .ws-step-card h3 { font-size: 16px !important; }
.workspace-setup-page .ws-step-card p { font-size: 14px !important; }
.workspace-setup-page .ws-step-card b { font-size: 11px !important; }

.workspace-setup-page .ws-detail-copy > span { font-size: 10px !important; }
.workspace-setup-page .ws-detail-copy p { font-size: 14px !important; }
.workspace-setup-page .ws-detail-output small { font-size: 10px !important; }
.workspace-setup-page .ws-detail-output strong { font-size: 11px !important; }
.workspace-setup-page .ws-detail-node strong { font-size: 10px !important; }

.workspace-setup-page .ws-lab-state { font-size: 10px !important; }
.workspace-setup-page .ws-lab-node strong { font-size: 11px !important; }
.workspace-setup-page .ws-lab-node small { font-size: 10px !important; }
.workspace-setup-page .ws-lab-summary small { font-size: 10px !important; }
.workspace-setup-page .ws-lab-summary strong { font-size: 11px !important; }

.workspace-setup-page .ws-console-head strong { font-size: 11px !important; }
.workspace-setup-page .ws-console-head > span:last-child { font-size: 10px !important; }
.workspace-setup-page .ws-console { font-size: 11px !important; }

.workspace-setup-page .ws-benefit-copy p { font-size: 15px !important; }
.workspace-setup-page .ws-benefit-list strong { font-size: 12px !important; }
.workspace-setup-page .ws-benefit-list small { font-size: 10px !important; }

.workspace-setup-page .ws-next-card > small { font-size: 10px !important; }
.workspace-setup-page .ws-next-card > strong { font-size: 16px !important; }
.workspace-setup-page .ws-next-card > p { font-size: 14px !important; }
.workspace-setup-page .ws-next-card > b { font-size: 12px !important; }
.workspace-setup-page .ws-next-card > b i { font-size: 10px !important; }

/* ---------------------------------------------------------
   TEST CAMPAIGN MANAGEMENT
   --------------------------------------------------------- */

.tcm-page .tcm-disclosure { font-size: 12px !important; }
.tcm-page .tcm-command-head strong { font-size: 11px !important; }
.tcm-page .tcm-command-head small { font-size: 10px !important; }
.tcm-page .tcm-core-node strong { font-size: 12px !important; }
.tcm-page .tcm-core-node small { font-size: 10px !important; }
.tcm-page .tcm-orbit-node strong { font-size: 10px !important; }
.tcm-page .tcm-orbit-node small { font-size: 10px !important; }

.tcm-page .tcm-builder-copy > p,
.tcm-page .tcm-detail-copy p { font-size: 15px !important; }

.tcm-page .tcm-editor-head strong,
.tcm-page .tcm-lab-head strong { font-size: 11px !important; }

.tcm-page .tcm-editor-head > span,
.tcm-page .tcm-lab-head small { font-size: 10px !important; }

.tcm-page .tcm-case-row > span:first-child { font-size: 10px !important; }
.tcm-page .tcm-case-row strong { font-size: 11px !important; }
.tcm-page .tcm-case-row small { font-size: 10px !important; }
.tcm-page .tcm-case-type { font-size: 10px !important; }

.tcm-page .tcm-run-case span { font-size: 10px !important; }
.tcm-page .tcm-run-case strong { font-size: 11px !important; }
.tcm-page .tcm-run-case small { font-size: 10px !important; }

.tcm-page .tcm-progress-copy { font-size: 10px !important; }
.tcm-page .tcm-mini-case span { font-size: 10px !important; }
.tcm-page .tcm-mini-case strong { font-size: 11px !important; }
.tcm-page .tcm-mini-campaign small { font-size: 10px !important; }
.tcm-page .tcm-mini-campaign strong { font-size: 14px !important; }
.tcm-page .tcm-mini-campaign span { font-size: 10px !important; }

/* ---------------------------------------------------------
   CONNECT YOUR SYSTEM
   --------------------------------------------------------- */

.connect-system-page .connect-disclosure { font-size: 12px !important; }

.connect-system-page .orbit-label,
.connect-system-page .architecture-eyebrow,
.connect-system-page .lab-overline { font-size: 11px !important; }

.connect-system-page .orbit-system-card > span:last-child { font-size: 12px !important; }
.connect-system-page .orbit-endpoints span { font-size: 11px !important; }
.connect-system-page .orbit-axqa-flow span { font-size: 11px !important; }
.connect-system-page .orbit-status { font-size: 11px !important; }
.connect-system-page .system-chip { font-size: 12px !important; }

.connect-system-page .architecture-index { font-size: 11px !important; }
.connect-system-page .architecture-screen p { font-size: 14px !important; }
.connect-system-page .architecture-foot { font-size: 11px !important; }

.connect-system-page .connector-label { font-size: 10px !important; }
.connect-system-page .endpoint-row code { font-size: 11px !important; }
.connect-system-page .method,
.connect-system-page .endpoint-ok { font-size: 10px !important; }

.connect-system-page .interface-policy strong { font-size: 13px !important; }
.connect-system-page .interface-policy span { font-size: 12px !important; }

.connect-system-page .pipeline-item > span { font-size: 11px !important; }
.connect-system-page .pipeline-item strong { font-size: 12px !important; }
.connect-system-page .pipeline-item small { font-size: 10px !important; }

.connect-system-page .architecture-result-bar span { font-size: 11px !important; }
.connect-system-page .simulation-badge { font-size: 10px !important; }

.connect-system-page .lab-panel-topbar strong { font-size: 12px !important; }
.connect-system-page .lab-state { font-size: 10px !important; }
.connect-system-page .lab-step-number { font-size: 10px !important; }
.connect-system-page .lab-step strong { font-size: 12px !important; }
.connect-system-page .lab-step small { font-size: 10px !important; }
.connect-system-page .lab-step-result { font-size: 10px !important; }
.connect-system-page .lab-run-button { font-size: 12px !important; }

.connect-system-page .console-title { font-size: 11px !important; }
.connect-system-page .console-reset { font-size: 10px !important; }
.connect-system-page .console-body { font-size: 11px !important; }

.connect-system-page .validation-label { font-size: 10px !important; }
.connect-system-page .benefit-card p { font-size: 14px !important; }

.connect-system-page .boundary-row i { font-size: 10px !important; }
.connect-system-page .boundary-row span { font-size: 11px !important; }
.connect-system-page .boundary-row strong { font-size: 12px !important; }

.connect-system-page .connection-example h3 { font-size: 17px !important; }
.connect-system-page .connection-example p { font-size: 14px !important; }
.connect-system-page .connection-example code { font-size: 10px !important; }
.connect-system-page .connect-cta-card p { font-size: 15px !important; }

/* ---------------------------------------------------------
   Demo / challenge pages
   --------------------------------------------------------- */

.axqa-experience-page .challenge-panel h2,
.axqa-experience-page .demo-panel h2 {
  font-size: 22px !important;
}

.axqa-experience-page .challenge-panel p,
.axqa-experience-page .demo-panel p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   QA REPORTING & DASHBOARDS
   Keep the public reporting page aligned with AXQA type scale.
   --------------------------------------------------------- */

.qrd-page .qrd-disclosure { font-size: 12px !important; }
.qrd-page .qrd-window-title { font-size: 11px !important; }
.qrd-page .qrd-window-range { font-size: 10px !important; }
.qrd-page .qrd-health-head > div span,
.qrd-page .qrd-panel-head > div span,
.qrd-page .qrd-snapshot-copy small,
.qrd-page .qrd-kpi-card > small,
.qrd-page .qrd-card-heading small { font-size: 10px !important; }
.qrd-page .qrd-health-head > div strong,
.qrd-page .qrd-panel-head > div strong,
.qrd-page .qrd-card-heading h3 { font-size: 17px !important; }
.qrd-page .qrd-card-heading.compact h3 { font-size: 16px !important; }
.qrd-page .qrd-meter-top,
.qrd-page .qrd-state-line span,
.qrd-page .qrd-chart-legend span,
.qrd-page .qrd-rate-list,
.qrd-page .qrd-donut-legend span,
.qrd-page .qrd-risk-list span,
.qrd-page .qrd-api-row strong,
.qrd-page .qrd-mapping-table span,
.qrd-page .qrd-mapping-table strong,
.qrd-page .qrd-mapping-table b { font-size: 12px !important; }
.qrd-page .qrd-health-meter small,
.qrd-page .qrd-hero-stat-grid small,
.qrd-page .qrd-hero-stat-grid span,
.qrd-page .qrd-kpi-foot,
.qrd-page .qrd-step-counts small,
.qrd-page .qrd-api-row small,
.qrd-page .qrd-api-row > span,
.qrd-page .qrd-api-note,
.qrd-page .qrd-status-bars span,
.qrd-page .qrd-status-donut span,
.qrd-page .qrd-inline-legend span,
.qrd-page .qrd-type { font-size: 10px !important; }
.qrd-page .qrd-snapshot-copy p,
.qrd-page .qrd-kpi-card p { font-size: 14px !important; }
.qrd-page .qrd-recent-table th,
.qrd-page .qrd-recent-table td { font-size: 13px !important; }
.qrd-page .qrd-x-axis { font-size: 10px !important; }
.qrd-page .qrd-final-card p { font-size: 15px !important; line-height: 1.7 !important; }

/* ---------------------------------------------------------
   CLIENT DASHBOARD
   Keep dashboard labels compact, but never below AXQA's
   normal readable micro/body scale.
   --------------------------------------------------------- */

.cdb-page .cdb-disclosure { font-size: 12px !important; }
.cdb-page .cdb-window-head small,
.cdb-page .cdb-kpi-card > small,
.cdb-page .cdb-donut span small,
.cdb-page .cdb-mini-donut span small,
.cdb-page .cdb-risk-summary small { font-size: 10px !important; }
.cdb-page .cdb-window-head strong,
.cdb-page .cdb-panel-heading > div h3,
.cdb-page .cdb-activity-head h3,
.cdb-page .cdb-label-copy strong { font-size: 17px !important; }
.cdb-page .cdb-header-actions span,
.cdb-page .cdb-project-badges span,
.cdb-page .cdb-trend-legend,
.cdb-page .cdb-donut-legend,
.cdb-page .cdb-api-bars > div,
.cdb-page .cdb-map-table > div,
.cdb-page .cdb-tabs button { font-size: 12px !important; }
.cdb-page .cdb-kpi-card p,
.cdb-page .cdb-health-card small,
.cdb-page .cdb-quality-list small,
.cdb-page .cdb-label-copy p,
.cdb-page .cdb-risk-summary p { font-size: 13px !important; }
.cdb-page .cdb-quality-list strong,
.cdb-page .cdb-risk-summary strong { font-size: 14px !important; }
.cdb-page .cdb-map-table b,
.cdb-page .cdb-status,
.cdb-page .cdb-risk-summary article > b,
.cdb-page .cdb-api-bars strong { font-size: 11px !important; }
.cdb-page .cdb-activity-table { font-size: 13px !important; }
.cdb-page .cdb-activity-table th { font-size: 12px !important; }
.cdb-page .cdb-control-list strong { font-size: 14px !important; }
.cdb-page .cdb-control-list small { font-size: 12px !important; line-height: 1.6 !important; }
.cdb-page .cdb-final-card p { font-size: 15px !important; line-height: 1.7 !important; }

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 700px) {
  .api-demo-page .hero-heading {
    font-size: clamp(38px, 10vw, 50px) !important;
  }

  .api-demo-page .section-heading {
    font-size: clamp(30px, 8vw, 38px) !important;
  }

  .api-demo-page .hero-lead {
    font-size: 16px !important;
  }

  .api-demo-page .section-lead {
    font-size: 15px !important;
  }
}

/* =========================================================
   SECURITY & ACCESS CONTROL
   Follow the same AXQA typography scale used by other
   product and capability pages.
   ========================================================= */


/* ---------------------------------------------------------
   HERO TECHNICAL CARD
   --------------------------------------------------------- */

.qsec-page .qsec-card-head strong{
  font-size:14px!important;
}

.qsec-page .qsec-card-head > span{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-context-row small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-context-row strong{
  font-size:13px!important;
}

.qsec-page .qsec-context-row > span{
  font-size:11px!important;
}

.qsec-page .qsec-access-row strong{
  font-size:13px!important;
}

.qsec-page .qsec-access-row small{
  font-size:11px!important;
}

.qsec-page .qsec-access-row > b{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-foot small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-foot strong{
  font-size:12px!important;
}


/* ---------------------------------------------------------
   ACCESS MODEL
   --------------------------------------------------------- */

.qsec-page .qsec-model-card > small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-model-card h3{
  font-size:var(--axqa-type-card-title)!important;
}

.qsec-page .qsec-model-card p{
  font-size:var(--axqa-type-body-sm)!important;
}

.qsec-page .qsec-project-types-head small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-project-types-head strong{
  font-size:14px!important;
}

.qsec-page .qsec-project-types-head > span{
  font-size:11px!important;
}

.qsec-page .qsec-project-type-grid small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-project-type-grid strong{
  font-size:13px!important;
}

.qsec-page .qsec-project-type-grid p{
  font-size:12px!important;
  line-height:1.7!important;
}


/* ---------------------------------------------------------
   SMART AGENT EXECUTION
   --------------------------------------------------------- */

.qsec-page .qsec-node-number{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-exec-node small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-exec-node h3{
  font-size:var(--axqa-type-card-title)!important;
}

.qsec-page .qsec-exec-node p{
  font-size:var(--axqa-type-body-sm)!important;
  line-height:1.7!important;
}

.qsec-page .qsec-exec-node > b{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-route small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-result-rail small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-result-rail strong{
  font-size:13px!important;
}


/* ---------------------------------------------------------
   CONTROLLED CLIENT SHARING
   --------------------------------------------------------- */

.qsec-page .qsec-share-kicker{
  font-size:var(--axqa-type-label)!important;
}

.qsec-page .qsec-share-copy h3{
  font-size:var(--axqa-type-subsection)!important;
}

.qsec-page .qsec-share-copy p{
  font-size:var(--axqa-type-body)!important;
  line-height:1.75!important;
}

.qsec-page .qsec-share-points strong{
  font-size:14px!important;
}

.qsec-page .qsec-share-points small{
  font-size:12px!important;
  line-height:1.6!important;
}

/* ---------------------------------------------------------
   SECURITY VISIBILITY
   --------------------------------------------------------- */

.qsec-page .qsec-visibility-grid small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-visibility-grid h3{
  font-size:var(--axqa-type-card-title)!important;
}

.qsec-page .qsec-visibility-grid p{
  font-size:var(--axqa-type-body-sm)!important;
}


/* ---------------------------------------------------------
   INTERACTIVE SECURITY FLOW
   --------------------------------------------------------- */

.qsec-page .qsec-sim-kicker{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-sim-head h3{
  font-size:22px!important;
}

.qsec-page .qsec-sim-head p{
  font-size:var(--axqa-type-body-sm)!important;
}

.qsec-page .qsec-scenario-btn,
.qsec-page .qsec-sim-run{
  font-size:12px!important;
}

.qsec-page .qsec-sim-packet{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-sim-node small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-sim-node strong{
  font-size:13px!important;
}

.qsec-page .qsec-sim-node p{
  font-size:12px!important;
  line-height:1.7!important;
}

.qsec-page .qsec-sim-result small{
  font-size:var(--axqa-type-micro)!important;
}

.qsec-page .qsec-sim-result strong{
  font-size:13px!important;
}


/* ---------------------------------------------------------
   FINAL CTA
   --------------------------------------------------------- */

.qsec-page .qsec-final-card h2{
  font-size:var(--axqa-type-subsection)!important;
}

.qsec-page .qsec-final-card p{
  font-size:var(--axqa-type-body)!important;
  line-height:1.7!important;
}

/* =========================================================
   AI & QA AUTOMATION
   Align page-specific text with AXQA typography standard.
   ========================================================= */

/* Hero technical card */

.aiqa-page .aiqa-card-top strong {
  font-size: 14px !important;
}

.aiqa-page .aiqa-card-top > span {
  font-size: 10px !important;
}

.aiqa-page .aiqa-focus span {
  font-size: 10px !important;
}

.aiqa-page .aiqa-focus strong {
  font-size: 19px !important;
}

.aiqa-page .aiqa-focus small {
  font-size: 12px !important;
  line-height: 1.55 !important;
}


/* Assisted flow */

.aiqa-page .aiqa-flow-step small {
  font-size: 10px !important;
}

.aiqa-page .aiqa-flow-step strong {
  font-size: 13px !important;
}

.aiqa-page .aiqa-flow-step p {
  font-size: 11px !important;
  line-height: 1.5 !important;
}


/* Connected result */

.aiqa-page .aiqa-result-box small {
  font-size: 10px !important;
}

.aiqa-page .aiqa-result-box strong {
  font-size: 13px !important;
  line-height: 1.45 !important;
}


/* Human review section */

.aiqa-page .aiqa-review-title small {
  font-size: 10px !important;
}

.aiqa-page .aiqa-review-title strong {
  font-size: 14px !important;
}

.aiqa-page .aiqa-review-stage > p {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.aiqa-page .aiqa-chip-row span {
  font-size: 10px !important;
}

.aiqa-page .aiqa-review-stage li {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.aiqa-page .aiqa-approved-state strong {
  font-size: 13px !important;
}

.aiqa-page .aiqa-approved-state small {
  font-size: 10px !important;
  line-height: 1.5 !important;
}


/* Final CTA */

.aiqa-page .aiqa-final-card h2 {
  font-size: 28px !important;
}

.aiqa-page .aiqa-final-card p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* =========================================================
   FINAL SITE-WIDE TYPOGRAPHY AUDIT — 2026-09-05
   Keep micro UI compact, but align readable content with the
   AXQA type scale declared at the top of this file.
   ========================================================= */

/* ---------------------------------------------------------
   TEST CASE MANAGEMENT
   --------------------------------------------------------- */
.tc-page .tc-benefit-grid h3{
  font-size:var(--axqa-type-card-title)!important;
}
.tc-page .tc-benefit-grid p{
  font-size:var(--axqa-type-body-sm)!important;
}

/* ---------------------------------------------------------
   API TEST MANAGEMENT
   --------------------------------------------------------- */
.atm-page .atm-rule-pass small{
  font-size:var(--axqa-type-micro)!important;
}

/* ---------------------------------------------------------
   TEST CAMPAIGN MANAGEMENT
   --------------------------------------------------------- */
.tcm-page .tcm-benefit-grid h3{
  font-size:var(--axqa-type-card-title)!important;
}
.tcm-page .tcm-benefit-grid p{
  font-size:var(--axqa-type-body-sm)!important;
}

/* ---------------------------------------------------------
   INTERACTIVE PRODUCT DEMO + CAN YOU BEAT AXQA
   --------------------------------------------------------- */
.axqa-experience-page .demo-test-status,
.axqa-experience-page .challenge-demo-label,
.axqa-experience-page .challenge-findings button span,
.axqa-experience-page .challenge-findings button small{
  font-size:var(--axqa-type-micro)!important;
}
.axqa-experience-page .challenge-form-grid label,
.axqa-experience-page .challenge-product-copy span,
.axqa-experience-page .challenge-coupon-row span,
.axqa-experience-page .challenge-order-message,
.axqa-experience-page .challenge-findings button strong{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   QA REPORTING & DASHBOARDS
   --------------------------------------------------------- */
.qrd-page .qrd-live-badge,
.qrd-page .qrd-panel-tag,
.qrd-page .qrd-card-heading > span{
  font-size:var(--axqa-type-micro)!important;
}

/* ---------------------------------------------------------
   CLIENT DASHBOARD
   --------------------------------------------------------- */
.cdb-page .cdb-connected,
.cdb-page .cdb-project-meta span,
.cdb-page .cdb-chart-head span{
  font-size:var(--axqa-type-label)!important;
}
.cdb-page .cdb-hero-kpis small,
.cdb-page .cdb-chart-head small{
  font-size:var(--axqa-type-micro)!important;
}

/* ---------------------------------------------------------
   AI & QA AUTOMATION
   --------------------------------------------------------- */
.aiqa-page .aiqa-flow-step p{
  font-size:12px!important;
  line-height:1.6!important;
}

/* ---------------------------------------------------------
   SECURITY & ACCESS CONTROL
   --------------------------------------------------------- */
.qsec-page .qsec-project-type-grid p{
  font-size:var(--axqa-type-body-sm)!important;
  line-height:1.7!important;
}

/* ---------------------------------------------------------
   SHARED SOLUTION / USE-CASE PAGES
   SaaS, API, E-commerce, Internal, Games
   --------------------------------------------------------- */
.api-demo-page .db-tab,
.api-demo-page .db-suite-label,
.api-demo-page .db-meta,
.api-demo-page .feature-step,
.api-demo-page .related-visual-label{
  font-size:var(--axqa-type-label)!important;
}
.api-demo-page .persona-card h4{
  font-size:var(--axqa-type-card-title)!important;
}
.api-demo-page .persona-card p,
.api-demo-page .related-card-body p{
  font-size:var(--axqa-type-body-sm)!important;
}

/* ---------------------------------------------------------
   PRICING
   --------------------------------------------------------- */
.axqa-price-page .axqa-price-plan-name p{
  font-size:var(--axqa-type-body-sm)!important;
}
.axqa-price-page .axqa-price-recommended,
.axqa-price-page .axqa-price-plan-name small,
.axqa-price-page .axqa-price-price > div small,
.axqa-price-page .axqa-price-price > div span,
.axqa-price-page .axqa-addon-head small,
.axqa-price-page .axqa-addon-row.heading{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   ABOUT + 404
   --------------------------------------------------------- */
.axqa-info-page .axqa-about-card > small{
  font-size:var(--axqa-type-label)!important;
}
.axqa-info-page .axqa-about-card p{
  font-size:var(--axqa-type-body-sm)!important;
}
.axqa-info-page .axqa-404-note{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   SUPPORT / LEGAL / RATE-LIMIT UTILITY PAGES
   --------------------------------------------------------- */
.axqa-simple-page .axqa-legal-meta span{
  font-size:var(--axqa-type-label)!important;
}
.axqa-simple-page .axqa-support-card-head p{
  font-size:var(--axqa-type-body-sm)!important;
  line-height:1.6!important;
}
.axqa-simple-page .axqa-support-form-wrap .form-text,
.axqa-simple-page .axqa-support-footnote span,
.axqa-simple-page .axqa-status-note{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   CSRF FAILURE
   --------------------------------------------------------- */
.csrf-page .csrf-card-head small{
  font-size:var(--axqa-type-micro)!important;
}
.csrf-page .csrf-check-list strong{
  font-size:13px!important;
}
.csrf-page .csrf-check-list small,
.csrf-page .csrf-card-foot{
  font-size:var(--axqa-type-label)!important;
}
.csrf-page .csrf-help-grid p{
  font-size:var(--axqa-type-body-sm)!important;
  line-height:1.65!important;
}

/* ---------------------------------------------------------
   ACCOUNT / PROFILE / ACCOUNT AUTH
   --------------------------------------------------------- */
.axqa-account-page .axqa-account-sidebar > p,
.axqa-account-page .axqa-card-head p,
.axqa-account-page .axqa-empty-state p,
.axqa-account-page .axqa-auth-visual-copy p{
  font-size:var(--axqa-type-body-sm)!important;
}
.axqa-account-page .axqa-account-status,
.axqa-account-page .axqa-account-side-action,
.axqa-account-page .axqa-card-head small,
.axqa-account-page .axqa-card-head .count-badge,
.axqa-account-page .axqa-info-item small,
.axqa-account-page .axqa-stat-box small,
.axqa-account-page .axqa-stat-box span,
.axqa-account-page .axqa-feature-item small,
.axqa-account-page .axqa-subscription-name small,
.axqa-account-page .axqa-subscription-status,
.axqa-account-page .axqa-subscription-details small,
.axqa-account-page .axqa-form-section-head small,
.axqa-account-page .axqa-form-help,
.axqa-account-page .axqa-form-error,
.axqa-account-page .error,
.axqa-account-page .password-checklist li,
.axqa-account-page .axqa-auth-node small,
.axqa-account-page .axqa-auth-trust small,
.axqa-account-page .axqa-logout-panel small{
  font-size:var(--axqa-type-label)!important;
}
.axqa-account-page .axqa-account-nav a,
.axqa-account-page .axqa-account-nav .account-nav-current,
.axqa-account-page .axqa-account-btn,
.axqa-account-page .axqa-form-field label,
.axqa-account-page .axqa-auth-submit,
.axqa-account-page .axqa-auth-switch{
  font-size:13px!important;
}

/* ---------------------------------------------------------
   LOGIN + PASSWORD RECOVERY
   --------------------------------------------------------- */
.axqa-access-simple .axqa-access-flow > div,
.axqa-access-simple .axqa-access-flow > div > span,
.axqa-access-simple .axqa-access-hint,
.axqa-access-simple .form-text,
.axqa-access-simple .axqa-access-note,
.axqa-access-simple .password-checklist li,
.axqa-access-simple .axqa-invalid-link-box span,
.axqa-access-simple .axqa-access-trust span{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   REGISTRATION + OTP
   --------------------------------------------------------- */
.axqa-reg-simple .axqa-reg-section-head p,
.axqa-reg-simple .axqa-verify-help-copy p{
  font-size:var(--axqa-type-body-sm)!important;
}
.axqa-reg-simple .axqa-reg-steps > div,
.axqa-reg-simple .axqa-verify-flow > div,
.axqa-reg-simple .axqa-reg-steps > div > span,
.axqa-reg-simple .axqa-verify-flow > div > span,
.axqa-reg-simple .axqa-reg-section-head small,
.axqa-reg-simple .axqa-reg-field label span,
.axqa-reg-simple .axqa-reg-hint,
.axqa-reg-simple .error,
.axqa-reg-simple .password-checklist li,
.axqa-reg-simple .axqa-resend-limit,
.axqa-reg-simple .axqa-verify-footer{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   CHECKOUT / UPGRADE / SUCCESS / CANCEL
   --------------------------------------------------------- */
.axqa-transaction-page .axqa-card-heading p,
.axqa-transaction-page .axqa-payment-warning p{
  font-size:var(--axqa-type-body-sm)!important;
  line-height:1.6!important;
}
.axqa-transaction-page .axqa-plan-heading small,
.axqa-transaction-page .axqa-upgrade-plan .content small,
.axqa-transaction-page .axqa-plan-heading .content > span,
.axqa-transaction-page .axqa-upgrade-plan .content > span,
.axqa-transaction-page .axqa-plan-price .pricing-month-label,
.axqa-transaction-page .axqa-upgrade-plan .pricing-month-label,
.axqa-transaction-page .axqa-secure-note span,
.axqa-transaction-page .axqa-card-heading small,
.axqa-transaction-page .period-billing-info,
.axqa-transaction-page .axqa-checkout-terms label,
.axqa-transaction-page .axqa-status-note,
.axqa-transaction-page .subscription-option-subtitle,
.axqa-transaction-page .subscription-option-period,
.axqa-transaction-page .subscription-options-hint,
.axqa-transaction-page .axqa-estimated-charge small{
  font-size:var(--axqa-type-label)!important;
}

/* ---------------------------------------------------------
   CANCEL SUBSCRIPTION
   --------------------------------------------------------- */
.axqa-cancel-page .axqa-cancel-card-head p{
  font-size:var(--axqa-type-body-sm)!important;
}
.axqa-cancel-page .axqa-current-plan .content > span,
.axqa-cancel-page .axqa-current-plan .pricing-month-label,
.axqa-cancel-page .axqa-subscription-details .axqa-comparison-row > span,
.axqa-cancel-page .axqa-subscription-details .axqa-comparison-row > strong,
.axqa-cancel-page .axqa-loss-list li{
  font-size:var(--axqa-type-label)!important;
}


/* =========================================================
   TYPOGRAPHY AUDIT — ROUND 2
   Fix visually undersized content cards and Smart Agent UI.
   ========================================================= */


/* =========================================================
   GETTING STARTED
   /getting-started/
   ========================================================= */

.getting-started-page .gs-good-list strong {
  font-size: 14px !important;
}

.getting-started-page .gs-good-list small {
  font-size: 12px !important;
  line-height: 1.6 !important;
}


/* =========================================================
   QA WORKSPACE SETUP
   /how-it-works/qa-workspace-setup/
   ========================================================= */

.workspace-setup-page .ws-benefit-list strong {
  font-size: 14px !important;
}

.workspace-setup-page .ws-benefit-list small {
  font-size: 12px !important;
  line-height: 1.6 !important;
}


/* =========================================================
   CONNECT YOUR SYSTEM
   /connect-your-system/
   ========================================================= */

.connect-system-page .boundary-row span {
  font-size: 12px !important;
}

.connect-system-page .boundary-row strong {
  font-size: 13px !important;
  line-height: 1.45 !important;
}


/* =========================================================
   SOLUTION PAGES
   Web & SaaS
   API & Integration
   E-commerce
   Internal & Private Systems
   Games & Interactive Apps
   ========================================================= */

.api-demo-page .method-pill .name {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.api-demo-page .method-pill .desc {
  font-size: 14px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   SMART AGENT LOCAL TESTING
   /how-it-works/smart-agent-local-testing/
   ========================================================= */

/* Main architecture cards */

.smart-agent-page .agent-card-label {
  font-size: 12px !important;
}

.smart-agent-page .agent-arch-head div > span {
  font-size: 12px !important;
}

.smart-agent-page .agent-arch-node > p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}


/* Status / supporting architecture content */

.smart-agent-page .agent-status-row {
  font-size: 12px !important;
}

.smart-agent-page .private-target-screen > strong {
  font-size: 14px !important;
}

.smart-agent-page .return-copy strong {
  font-size: 14px !important;
}

.smart-agent-page .return-copy small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}


/* Security explanation points */

.smart-agent-page .security-points strong {
  font-size: 14px !important;
}

.smart-agent-page .security-points small {
  font-size: 12px !important;
  line-height: 1.55 !important;
}


/* Policy simulation */

.smart-agent-page .policy-card-top strong {
  font-size: 17px !important;
}

.smart-agent-page .policy-check-list strong {
  font-size: 13px !important;
}

.smart-agent-page .policy-check-list small {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.smart-agent-page .policy-target-box code {
  font-size: 12px !important;
}

.smart-agent-page .policy-btn {
  font-size: 12px !important;
}


/* Mission simulation buttons */

.smart-agent-page .mission-controls .btn-primary,
.smart-agent-page .mission-controls .btn-ghost {
  font-size: var(--axqa-type-button) !important;
}


/* Final responsibility boundary */

.smart-agent-page .boundary-visual strong {
  font-size: 14px !important;
}

.smart-agent-page .boundary-visual small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}