/* Generated by scripts/design/build_ds_overrides.py from app.css. Do not edit. */
html.ds2 { font-size: var(--text-sm); }
html.ds2 label { font-size: var(--text-xs); }
html.ds2 h1 { font-size: var(--text-xl); }
html.ds2 h2 { font-size: var(--text-md); }
html.ds2 h3 { font-size: var(--text-sm); }
html.ds2 .brand strong { font-size: var(--text-base); }
html.ds2 .brand small { font-size: var(--text-xs); }
html.ds2 .nav-link { font-size: var(--text-xs); }
html.ds2 .account-menu { font-size: var(--text-xs); }
html.ds2 .auth-page h1 { font-size: var(--text-xl); }
html.ds2 .auth-page .helptext, html.ds2 .auth-page li { font-size: var(--text-xs); }
html.ds2 .site-footer { font-size: var(--text-xs); }
html.ds2 .eyebrow { font-size: var(--text-xs); }
html.ds2 .page-heading p:last-child { font-size: var(--text-sm); }
html.ds2 .summary-stats dd { font-size: var(--text-md); }
html.ds2 .summary-stats dt { font-size: var(--text-xs); }
html.ds2 .filter-form select, html.ds2 .filter-form input { font-size: var(--text-xs); }
html.ds2 .filter-actions { font-size: var(--text-xs); }
html.ds2 .filter-actions button { font-size: var(--text-xs); }
html.ds2 .level-tabs a { font-size: var(--text-xs); }
html.ds2 .level-tabs strong { font-size: var(--text-md); }
html.ds2 .artifact-tabs { font-size: var(--text-xs); }
html.ds2 .artifact-tabs a span { font-size: var(--text-xs); }
html.ds2 .table-heading { font-size: var(--text-xs); }
html.ds2 th { font-size: var(--text-xs); }
html.ds2 td { font-size: var(--text-xs); }
html.ds2 .activity-register small { font-size: var(--text-xs); }
html.ds2 .document-table td:nth-child(2) strong { font-size: var(--text-xs); }
html.ds2 .document-table td .muted, html.ds2 .workspace-history td .muted { font-size: var(--text-xs); }
html.ds2 .document-title { font-size: var(--text-xs); }
html.ds2 code { font-size: var(--text-xs); }
html.ds2 .badge { font-size: var(--text-xs); }
html.ds2 .version { font-size: var(--text-xs); }
html.ds2 .detail-link { font-size: var(--text-xs); }
html.ds2 .pagination { font-size: var(--text-xs); }
html.ds2 .document-summary { font-size: var(--text-xs); }
html.ds2 .document-summary h2 { font-size: var(--text-md); }
html.ds2 .document-summary h3 { font-size: var(--text-xs); }
html.ds2 .compact dd { font-size: var(--text-md); }
html.ds2 .compact dt { font-size: var(--text-xs); }
html.ds2 .breadcrumb-list li { font-size: var(--text-xs); }
html.ds2 .metadata dt { font-size: var(--text-xs); }
html.ds2 .metadata dd { font-size: var(--text-xs); }
html.ds2 .context-note p { font-size: var(--text-xs); }
html.ds2 .link-list li { font-size: var(--text-xs); }
html.ds2 .workspace-nav-guidance { font-size: var(--text-xs); }
html.ds2 .workspace-nav-group h2 { font-size: var(--text-xs); }
html.ds2 .workspace-nav a { font-size: var(--text-xs); }
html.ds2 .workspace-nav a.active { color: var(--color-text-muted); }
html.ds2 .workspace-nav-count { font-size: var(--text-xs); }
html.ds2 .task-priority h2 { font-size: var(--text-md); }
html.ds2 .task-priority p:last-child { font-size: var(--text-xs); }
html.ds2 .task-priority-actions .button { font-size: var(--text-xs); }
html.ds2 .task-card .document-title { font-size: var(--text-sm); }
html.ds2 .task-card p { font-size: var(--text-xs); }
html.ds2 .gate-list strong { font-size: var(--text-xs); }
html.ds2 .gate-list p { font-size: var(--text-xs); }
html.ds2 .gate-list .gate-action { font-size: var(--text-xs); }
html.ds2 .decision-option .notice { font-size: var(--text-xs); }
html.ds2 .comparison-grid h3 { font-size: var(--text-xs); }
html.ds2 .comparison-grid p { font-size: var(--text-xs); }
html.ds2 .workspace-load-message { font-size: var(--text-xs); }
html.ds2 .workspace-load-more a { font-size: var(--text-xs); }
html.ds2 .workspace-form h1 { font-size: var(--text-lg); }
html.ds2 .workspace-form h2 { font-size: var(--text-md); }
html.ds2 .workspace-form label { font-size: var(--text-xs); }
html.ds2 .workspace-form .errorlist { font-size: var(--text-xs); }
html.ds2 .empty-state h2 { font-size: var(--text-md); }
html.ds2 .empty-state p { font-size: var(--text-xs); }
html.ds2 .back-link { font-size: var(--text-xs); }
html.ds2 .document-heading h1 { font-size: var(--text-xl); }
html.ds2 .activity-list li { font-size: var(--text-xs); }
html.ds2 .activity-list span { font-size: var(--text-xs); }
html.ds2 .process-section p, html.ds2 .process-section li { font-size: var(--text-xs); }
html.ds2 .boundary-grid > div:nth-child(2) { color: var(--color-text-muted); }
html.ds2 .sipoc-grid h3 { font-size: var(--text-sm); }
html.ds2 .sipoc-grid p { font-size: var(--text-xs); }
html.ds2 .sipoc-grid li { font-size: var(--text-xs); }
html.ds2 .diagram-legend { font-size: var(--text-xs); }
html.ds2 .notice.warning { color: var(--color-text-muted); }
html.ds2 .warning-text { font-size: var(--text-xs); }
html.ds2 .view-tabs a { font-size: var(--text-xs); }
html.ds2 .raci-mark { font-size: var(--text-xs); }
html.ds2 .raci-mark.R { color: var(--color-text-muted); }
html.ds2 .raci-mark.A { color: var(--color-text-muted); }
html.ds2 .raci-mark.C { color: var(--color-text-muted); }
html.ds2 .raci-mark.AR { color: var(--color-text-muted); }
html.ds2 .role-layout nav a { font-size: var(--text-xs); }
html.ds2 .role-governance-grid strong { font-size: var(--text-xs); }
html.ds2 .role-governance-grid small { font-size: var(--text-xs); }
html.ds2 .role-alignment-stats dt { font-size: var(--text-xs); }
html.ds2 .role-alignment-stats dd { font-size: var(--text-lg); }
html.ds2 /* Design and review material stays available but folded below the work content. */
.design-notes > summary { font-size: var(--text-base); }
html.ds2 .guide-map h2 { font-size: var(--text-xs); }
html.ds2 .guide-map a { font-size: var(--text-xs); }
html.ds2 .guide-map small { font-size: var(--text-xs); }
html.ds2 .guide-nav nav h2 { font-size: var(--text-xs); }
html.ds2 .guide-nav nav a { font-size: var(--text-xs); }
html.ds2 .guide-nav nav a span { font-size: var(--text-xs); }
html.ds2 .guide-detail > header h2 { font-size: var(--text-lg); }
html.ds2 .guide-detail p, html.ds2 .guide-detail li { font-size: var(--text-sm); }
html.ds2 .guide-detail summary { font-size: var(--text-sm); }
html.ds2 .guide-sources span { font-size: var(--text-xs); }
html.ds2 .guide-sources strong { font-size: var(--text-sm); }
html.ds2 .guide-sources p { font-size: var(--text-xs); }
html.ds2 .review-form .help-text { font-size: var(--text-xs); }
html.ds2 .access-preview-banner span { font-size: var(--text-xs); }
html.ds2 .access-workflow li { font-size: var(--text-xs); }
html.ds2 .access-action-groups p { font-size: var(--text-xs); }
html.ds2 .access-action-groups a { font-size: var(--text-xs); }
html.ds2 .access-action-groups a:hover { color: var(--color-text-muted); }
html.ds2 .access-rollout td p { font-size: var(--text-xs); }
html.ds2 .access-rollout td:last-child span { font-size: var(--text-xs); }
html.ds2 .rollout-tag { font-size: var(--text-xs); }
html.ds2 .rollout-status { font-size: var(--text-xs); }
html.ds2 .access-capabilities dt { font-size: var(--text-xs); }
html.ds2 .access-capabilities dd { font-size: var(--text-xs); }
html.ds2 .access-page .help-text { font-size: var(--text-sm); }
html.ds2 .sipoc-purpose { font-size: var(--text-sm); }
html.ds2 .sipoc-boundary-grid > div:nth-child(2) { color: var(--color-text-muted); color: var(--color-text-muted); }
html.ds2 .sipoc-boundary-grid .eyebrow { font-size: var(--text-xs); }
html.ds2 .sipoc-model-header .muted { font-size: var(--text-xs); }
html.ds2 .sipoc-view-tabs a { font-size: var(--text-xs); }
html.ds2 .sipoc-trace-callout strong { font-size: var(--text-xs); }
html.ds2 .sipoc-trace-callout p { font-size: var(--text-xs); }
html.ds2 .sipoc-trace-counts span { font-size: var(--text-xs); }
html.ds2 .sipoc-step-nav > header .eyebrow { font-size: var(--text-xs); }
html.ds2 .sipoc-step-nav > header strong { font-size: var(--text-xs); }
html.ds2 .sipoc-step-list a > span { font-size: var(--text-xs); }
html.ds2 .sipoc-step-list a > strong { font-size: var(--text-xs); }
html.ds2 .sipoc-selected-step > header > span { font-size: var(--text-xs); }
html.ds2 .sipoc-selected-step > header .eyebrow { font-size: var(--text-xs); }
html.ds2 .sipoc-selected-step > header h3 { font-size: var(--text-sm); }
html.ds2 .sipoc-relation-card > header b { font-size: var(--text-xs); }
html.ds2 .sipoc-relation-card h4 { font-size: var(--text-xs); }
html.ds2 .sipoc-relation-card header p { font-size: var(--text-xs); }
html.ds2 .sipoc-relation-card li { font-size: var(--text-xs); }
html.ds2 .sipoc-relation-card.tone-sky { color: var(--color-text-muted); }
html.ds2 .sipoc-relation-card.tone-violet { color: var(--color-text-muted); }
html.ds2 .sipoc-relation-card.tone-emerald { color: var(--color-text-muted); }
html.ds2 .alignment-card .eyebrow { font-size: var(--text-xs); }
html.ds2 .alignment-card p { font-size: var(--text-xs); }
html.ds2 .alignment-meta { font-size: var(--text-xs); }
html.ds2 .queue-heading h2 { font-size: var(--text-md); }
html.ds2 .queue-heading .muted { font-size: var(--text-xs); }
html.ds2 .queue-badge { font-size: var(--text-xs); }
html.ds2 .phase-tile strong { font-size: var(--text-md); }
html.ds2 .phase-tile .muted { font-size: var(--text-xs); }
html.ds2 .queue-toolbar .muted { font-size: var(--text-xs); }
html.ds2 .queue-list code { font-size: var(--text-xs); }
html.ds2 .queue-list p.muted { font-size: var(--text-xs); }
html.ds2 .queue-rank { font-size: var(--text-xs); }
html.ds2 .queue-phase .muted { font-size: var(--text-xs); }
html.ds2 .review-tabs a { font-size: var(--text-xs); }
html.ds2 .notice.info { color: var(--color-text-muted); font-size: var(--text-xs); }
html.ds2 .confirmation-card h2 { font-size: var(--text-sm); }
html.ds2 .confirmation-baseline, html.ds2 .confirmation-history { font-size: var(--text-xs); }
html.ds2 .confirmation-decision { font-size: var(--text-xs); }
html.ds2 .document-table-mobile-meta { font-size: var(--text-xs); }
html.ds2 .document-table-mobile-meta .button { font-size: var(--text-xs); }
html.ds2 /* 2026 UI system refresh: calm hierarchy, html.ds2 stronger scanning and mobile efficiency. */
html { font-size: var(--text-base); }
html.ds2 .button.secondary:hover, html.ds2 button.secondary:hover { color: var(--color-text-muted); }
html.ds2 input:not([type=hidden]), html.ds2 select, html.ds2 textarea { color: var(--color-text-muted); }
html.ds2 input:not([type=hidden]):hover, html.ds2 select:hover, html.ds2 textarea:hover { color: var(--color-text-muted); }
html.ds2 .brand strong { font-size: var(--text-base); }
html.ds2 .nav-link { font-size: var(--text-sm); }
html.ds2 .library-intro > p:last-child { font-size: var(--text-sm); }
html.ds2 .library-stats dd { font-size: var(--text-lg); }
html.ds2 .library-stats dt { font-size: var(--text-xs); }
html.ds2 .search-input-shell input { font-size: var(--text-sm); }
html.ds2 .library-main > .filter-form label, html.ds2 .workspace-filters label { font-size: var(--text-xs); }
html.ds2 .filter-count { font-size: var(--text-xs); }
html.ds2 .library-main > .filter-form .filter-actions strong { font-size: var(--text-xs); }
html.ds2 .workspace-filters .filter-actions strong { font-size: var(--text-xs); }
html.ds2 .level-tabs strong { font-size: var(--text-md); }
html.ds2 .facet-label { font-size: var(--text-xs); }
html.ds2 .artifact-tabs a:hover { color: var(--color-text-muted); }
html.ds2 .table-heading { font-size: var(--text-xs); }
html.ds2 .table-heading strong { font-size: var(--text-sm); }
html.ds2 .table-heading span { font-size: var(--text-xs); }
html.ds2 .view-mode-switch { font-size: var(--text-xs); }
html.ds2 .document-table-header th { font-size: var(--text-xs); }
html.ds2 .document-title { font-size: var(--text-sm); }
html.ds2 .detail-link { font-size: var(--text-xs); }
html.ds2 .document-summary h2 { font-size: var(--text-lg); }
html.ds2 .auth-page > p:last-child { font-size: var(--text-sm); }
html.ds2 .readiness-principle strong { font-size: var(--text-base); }
html.ds2 .readiness-principle p { font-size: var(--text-xs); }
html.ds2 .readiness-stats dt { font-size: var(--text-xs); }
html.ds2 .readiness-stats dd { font-size: var(--text-lg); }
html.ds2 .readiness-filters .filter-actions span { font-size: var(--text-xs); }
html.ds2 .readiness-table th { font-size: var(--text-xs); }
html.ds2 .readiness-table td { font-size: var(--text-xs); }
html.ds2 .readiness-package-title { font-size: var(--text-xs); }
html.ds2 .readiness-metrics span { color: var(--color-text-muted); font-size: var(--text-xs); }
html.ds2 .readiness-metrics b { font-size: var(--text-base); }
html.ds2 .scope-list code { font-size: var(--text-xs); }
html.ds2 .readiness-status { font-size: var(--text-xs); }
html.ds2 .readiness-score { font-size: var(--text-md); }
html.ds2 .release-gates span { color: var(--color-text-muted); font-size: var(--text-xs); }
html.ds2 .release-gates span.passed { color: var(--color-text-muted); }
html.ds2 .readiness-details h3 { font-size: var(--text-xs); }
html.ds2 .core-sop-section > .section-heading p:not(.eyebrow) { font-size: var(--text-xs); }
html.ds2 .core-domain-grid h3, html.ds2 .core-batch-grid h3 { font-size: var(--text-base); }
html.ds2 .core-domain-grid dt, html.ds2 .core-batch-grid dt { font-size: var(--text-xs); }
html.ds2 .core-domain-grid dd, html.ds2 .core-batch-grid dd { font-size: var(--text-sm); }
html.ds2 .core-batch-grid article > p { font-size: var(--text-xs); }
html.ds2 .standards-hierarchy li > span, html.ds2 .authoring-gates li > span { font-size: var(--text-xs); }
html.ds2 .standards-hierarchy strong { font-size: var(--text-xs); }
html.ds2 .standards-hierarchy p { font-size: var(--text-xs); }
html.ds2 .standard-profile h3 { font-size: var(--text-sm); }
html.ds2 .standard-profile > p { font-size: var(--text-xs); }
html.ds2 .standard-profile td { font-size: var(--text-xs); }
html.ds2 .core-assurance-grid h3 { font-size: var(--text-sm); }
html.ds2 .authoring-gates strong, html.ds2 .opex-tests strong { font-size: var(--text-xs); }
html.ds2 .authoring-gates p { font-size: var(--text-xs); }
html.ds2 .opex-tests span { font-size: var(--text-xs); }
html.ds2 .core-control-grid li { font-size: var(--text-xs); }
html.ds2 .core-sop-filters .filter-actions span { font-size: var(--text-xs); }
html.ds2 .core-sop-table th { font-size: var(--text-xs); }
html.ds2 .core-sop-table td { font-size: var(--text-xs); }
html.ds2 .sop-quick-heading h2 { font-size: var(--text-lg); }
html.ds2 .sop-quick-heading p:not(.eyebrow) { font-size: var(--text-xs); }
html.ds2 .sop-quick-boundary span { font-size: var(--text-xs); }
html.ds2 .sop-quick-boundary strong { font-size: var(--text-xs); }
html.ds2 .sop-quick-meta h3, html.ds2 .sop-quick-evidence h3, html.ds2 .sop-quick-steps-title { font-size: var(--text-xs); }
html.ds2 .sop-quick-meta p, html.ds2 .sop-quick-evidence li { font-size: var(--text-xs); }
html.ds2 .sop-role-chips strong { font-size: var(--text-xs); }
html.ds2 .sop-role-chips span { font-size: var(--text-xs); }
html.ds2 .sop-quick-number { font-size: var(--text-xs); }
html.ds2 .sop-quick-steps h4 { font-size: var(--text-sm); }
html.ds2 .sop-quick-steps p:not(.eyebrow) { font-size: var(--text-xs); }
html.ds2 .sop-quick-output { font-size: var(--text-xs); }
html.ds2 .sop-quick-steps summary { font-size: var(--text-xs); }
html.ds2 .sop-operational-flow strong { font-size: var(--text-xs); }
html.ds2 .sop-operational-flow span { font-size: var(--text-xs); }
html.ds2 .sop-operational-table th { font-size: var(--text-xs); }
html.ds2 .sop-operational-table td { font-size: var(--text-xs); }
html.ds2 .sop-quick-caution { font-size: var(--text-xs); }
html.ds2 .sop-full-document > summary span { font-size: var(--text-sm); }
html.ds2 .sop-full-document > summary small { font-size: var(--text-xs); }
html.ds2 .sop-summary-grid h3 { font-size: var(--text-xs); }
html.ds2 .sop-source-grid p { font-size: var(--text-xs); }
html.ds2 .sop-table th { font-size: var(--text-xs); }
html.ds2 .sop-table td { font-size: var(--text-xs); }
html.ds2 .sop-step h3 { font-size: var(--text-sm); }
html.ds2 .sop-step dt { font-size: var(--text-xs); }
html.ds2 .sop-step dd { font-size: var(--text-xs); }
html.ds2 .sop-overlay-grid h3 { font-size: var(--text-sm); }
html.ds2 .sop-overlay-grid p { font-size: var(--text-xs); }
html.ds2 .task-next-step { font-size: var(--text-xs); }
html.ds2 .access-quickstart p:not(.eyebrow) { font-size: var(--text-xs); }
html.ds2 .access-rollout summary strong { font-size: var(--text-sm); }
html.ds2 .access-rollout summary small { font-size: var(--text-xs); }
html.ds2 .access-rollout-intro { font-size: var(--text-xs); }
html.ds2 /* Library usability and document control (owner request, html.ds2 31 October 2026). */
.level-tabs .is-empty, html.ds2 .artifact-tabs .is-empty { color: var(--color-text-muted); }
html.ds2 .level-tabs .is-empty { font-size: var(--text-xs); }
html.ds2 .level-tabs small { font-size: var(--text-xs); }
html.ds2 .artifact-tabs .is-empty span { font-size: var(--text-xs); }
html.ds2 .filter-chip { font-size: var(--text-xs); }
html.ds2 .breadcrumb-nav { font-size: var(--text-xs); }
html.ds2 .breadcrumb-nav li + li::before { color: var(--color-text-muted); }
html.ds2 .controlled-copy-note { font-size: var(--text-xs); }
html.ds2 .document-control h2 { font-size: var(--text-xs); }
html.ds2 .control-metadata dd small { font-size: var(--text-xs); }
html.ds2 .revision-history > p { font-size: var(--text-xs); }
html.ds2 /* SOP in the ISO 10013:2021 layout (owner request, html.ds2 31 October 2026). */
.sop-toc { font-size: var(--text-xs); }
html.ds2 .sop-document { font-size: var(--text-sm); }
html.ds2 .sop-iso h2 { font-size: var(--text-md); }
html.ds2 .sop-iso h3 { font-size: var(--text-sm); }
html.ds2 .sop-iso th { font-size: var(--text-xs); }
html.ds2 .sop-iso th, html.ds2 .sop-iso td { font-size: var(--text-xs); }
html.ds2 .sop-iso .sop-control-table caption { font-size: var(--text-xs); }
html.ds2 .sop-iso .code-cell { font-size: var(--text-xs); }
html.ds2 .sop-iso .sop-legend { font-size: var(--text-xs); }
html.ds2 .sop-iso .url-cell { font-size: var(--text-xs); }
html.ds2 .sop-stages li { font-size: var(--text-xs); }
html.ds2 .sop-flow-figure figcaption { font-size: var(--text-xs); }
html.ds2 .sop-flow li { font-size: var(--text-xs); }
html.ds2 .sop-flow span { font-size: var(--text-xs); }
html.ds2 .decision-bar h1 { font-size: var(--text-lg); }
html.ds2 .status-steps { font-size: var(--text-xs); }
html.ds2 .readiness-chips { font-size: var(--text-sm); }
html.ds2 .readiness-chips .is-ready { color: var(--color-text-muted); }
html.ds2 .readiness-chips .is-attention { color: var(--color-text-muted); }
html.ds2 .readiness-chips .is-blocked { color: var(--color-text-muted); }
html.ds2 .zone-banner h2 { font-size: var(--text-md); }
html.ds2 .document-paper.is-draft::before { font-size: var(--text-xs); }
html.ds2 .line-changes { font-size: var(--text-sm); }
html.ds2 /* Decision dialog (P19-07): summary first, html.ds2 each action states its effect, html.ds2 return is secondary. */
.decision-summary { font-size: var(--text-sm); }
html.ds2 .decision-summary dt { font-size: var(--text-xs); }
html.ds2 .decision-option p { font-size: var(--text-sm); }
html.ds2 .readiness-chips.inline { font-size: var(--text-xs); }
html.ds2 .feedback-link { font-size: var(--text-xs); }
html.ds2 .back-links { font-size: var(--text-sm); }
@media (max-width: 600px) {
  html.ds2 .workspace-form h1 { font-size: var(--text-lg); }
}
@media (max-width: 850px) {
  html.ds2 .guide-detail > header h2 { font-size: var(--text-lg); }
  html.ds2 .document-heading h1 { font-size: var(--text-lg); }
}
@media (max-width: 520px) {
  html.ds2 .brand strong { font-size: var(--text-sm); }
  html.ds2 .brand small { font-size: var(--text-xs); }
  html.ds2 .account-menu .button { font-size: var(--text-xs); }
  html.ds2 h1 { font-size: var(--text-lg); }
}
@media (max-width: 640px) {
  html.ds2 .library-intro h1 { font-size: var(--text-xl); }
  html.ds2 .library-intro > p:last-child { font-size: var(--text-sm); }
  html.ds2 .library-stats dd { font-size: var(--text-md); }
  html.ds2 .library-stats dt { font-size: var(--text-xs); }
  html.ds2 .level-tabs strong { font-size: var(--text-md); }
  html.ds2 .document-title { font-size: var(--text-sm); }
  html.ds2 .detail-link { font-size: var(--text-xs); }
  html.ds2 .workspace-nav-mobile > summary span { font-size: var(--text-xs); }
  html.ds2 .workspace-nav-mobile > summary small { font-size: var(--text-xs); }
  html.ds2 .readiness-stats dd { font-size: var(--text-lg); }
}