/* Knowledge-only layout. Controls, typography tokens and motion are supplied
 * unchanged by translator.css; workbook previews use the existing renderer. */
.qualification-knowledge-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
/* Full work-like review surface; controls and relation presentation are shared. */
.library-screen-body:has(> .qualification-review-container) { display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 0; }
.qualification-review-container { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; width: 100%; max-width: none; margin: 0; padding: 0; overflow: hidden; }
.qualification-review-page { flex: 1; }
.qualification-review-page > .qw-toolbar { flex: none; padding: 14px 24px; margin: 0; border-bottom: 1px solid var(--separator); }
.qualification-review-workspace { display: grid; flex: 1; grid-template-columns: minmax(0,1fr); min-width: 0; min-height: 0; overflow: hidden; }
.qualification-review-workspace > .qw-stage { grid-column: 1; grid-row: 1; position: relative; }
.qualification-review-original { position: absolute; inset: 0; }
.qualification-review-item-source { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 2px 0 4px; }
.qualification-review-sources { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; padding-top: 12px; margin-top: 10px; border-top: 1px solid var(--separator); }
.qualification-review-sources > button { min-height: 44px; padding-block: 8px; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.qualification-review-result { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
.qualification-review-result > p { flex-basis: 100%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.qualification-review-footer { flex: none; padding: 12px 24px; border-top: 1px solid var(--separator); background: var(--panel); }
.qualification-review-form { display: grid; gap: 10px; max-width: 1080px; margin-inline: auto; }
.qualification-review-fields { display: grid; grid-template-columns: minmax(0,1fr) 180px; align-items: end; gap: 16px; }
.qualification-review-fields .library-detail-field { margin: 0; min-width: 0; }
.qualification-review-fields textarea { resize: vertical; max-height: 140px; min-height: 64px; }
.qualification-review-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.qualification-review-actions > span { margin-right: auto; }
.qualification-review-page > .qualification-knowledge-feedback { flex: none; padding: 8px 24px; }
@media (max-width:700px) {
  .qualification-review-page > .qw-toolbar, .qualification-review-footer { padding: 10px 16px; }
  .qualification-review-fields { grid-template-columns: minmax(0,1fr) 140px; gap: 10px; }
  .qualification-review-fields textarea { min-height: 56px; }
  .qualification-review-actions > span { font-size: 12px; }
}
@media (max-width:420px), (max-height:560px) {
  .qualification-review-fields { grid-template-columns: minmax(0,1fr) 120px; }
  .qualification-review-fields .library-detail-field > span { font-size: 12px; }
  .qualification-review-actions > span { display: none; }
}
@media (max-height:560px) and (min-width:701px) {
  .qualification-review-form { grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; }
  .qualification-review-fields textarea { min-height: 44px; height: 44px; }
  .qualification-review-fields { grid-template-columns: minmax(0,1fr) 130px; }
  .qualification-review-page > .qw-toolbar { padding-block: 6px; }
  .qualification-review-workspace > .qw-stage { padding-block: 8px; }
  .qualification-review-workspace .qw-work-relations { min-height: 0; }
}
.qualification-knowledge-section { min-width: 0; margin-top: 28px; }
.qualification-knowledge-section > .library-index-section-title { margin-bottom: 14px; }
.qualification-search-form { max-width: 760px; }
.qualification-search-row { display: flex; align-items: end; gap: 12px; }
.qualification-search-row > .library-detail-field { flex: 1; min-width: 0; }
.qualification-search-advanced { margin: 8px 0; }
.qualification-search-advanced summary { cursor: pointer; padding-block: 6px; color: var(--muted); font-size: 13px; }
.qualification-search-advanced .library-detail-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 8px 16px; }
.qualification-search-results { margin-block: 12px; }
.qualification-search-result { padding: 16px 0; border-top: 1px solid var(--separator); }
.qualification-search-result-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; }
.qualification-search-result-heading h3 { margin: 0; font-size: 14px; font-weight: 600; }
.qualification-search-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 12px 0; }
.qualification-search-fields > div { display: flex; gap: 10px; min-width: 0; font-size: 13px; line-height: 1.6; }
.qualification-search-fields dt { flex: none; color: var(--muted); }
.qualification-search-fields dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 700px) { .qualification-search-fields, .qualification-search-advanced .library-detail-fields { grid-template-columns: minmax(0, 1fr); } }
.qualification-knowledge-form { display: grid; gap: 20px; min-width: 0; }
.qualification-knowledge-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.qualification-knowledge-fields .library-detail-field { min-width: 0; }
.qualification-knowledge-fields .full { grid-column: 1 / -1; }
.qualification-knowledge-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; margin: 0; }
.qualification-knowledge-meta dt { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.qualification-knowledge-meta dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; font-size: 14px; line-height: 1.6; }
.qualification-knowledge-feedback { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.qualification-knowledge-feedback[role="alert"] { color: var(--text); }
.qualification-knowledge-preview { min-width: 0; }
/* A single, non-modal inspector beside the existing work surface. */
.qualification-reference-workspace { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 420px; grid-template-rows: minmax(0, 1fr); min-height: 0; min-width: 0; overflow: hidden; }
.qualification-reference-workspace [hidden] { display: none !important; }
.qualification-reference-main { grid-column: 1; grid-row: 1; min-width: 0; min-height: 0; }
.qualification-reference-panel { grid-column: 2; grid-row: 1; z-index: 32; min-width: 0; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); border-left: 1px solid var(--separator); background: var(--panel); animation: surface-in var(--motion-spring-duration) var(--motion-spring-easing); }
.qualification-reference-title { min-width: 0; }
.qualification-reference-title h2 { margin: 0; overflow-wrap: anywhere; line-height: 1.5; }
.qualification-reference-title p { margin: 4px 0 0; }
.qualification-reference-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--separator); padding: 8px 16px; }
.qualification-reference-tabs, .qualification-reference-pager { display: flex; gap: 4px; }
.qualification-reference-tabs > button, .qualification-reference-pager > button { min-height: 44px; font-size: 13px; }
.qualification-reference-tabs > button[aria-selected="true"] { color: var(--accent); border-color: var(--accent); }
.qualification-reference-body { min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; padding: 20px; }
.qualification-reference-body > .qw-source-tag { margin-bottom: 12px; }
.qualification-reference-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin: 4px 0 16px; }
.qualification-reference-heading > strong { color: var(--text); font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.qualification-reference-heading > span, .qualification-reference-note { color: var(--muted); font-size: 13px; line-height: 1.6; }
.qualification-reference-note { margin: 0 0 16px; }
.qualification-reference-word { display: grid; gap: 4px; margin: 0 0 18px; }
.qualification-reference-word > strong { font-size: 15px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.qualification-reference-context { margin: 0 0 16px; }
.qualification-reference-context > div { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 6px 0; }
.qualification-reference-context dt { color: var(--muted); font-size: 13px; line-height: 1.65; }
.qualification-reference-context dd { margin: 0; color: var(--text); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.qualification-reference-location { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; min-width: 0; margin-top: 8px; }
.qualification-reference-cell { flex: none; display: block; max-width: 100%; min-height: 44px; padding-block: 8px; font-size: 13px; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.qualification-reference-address { color: var(--muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.qualification-definition-entry + .qualification-definition-entry { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--separator); }
.qualification-definition-category { margin: 0 0 8px; color: var(--muted); font-size: 13px; font-weight: 500; }
.qualification-definition-clauses { display: grid; gap: 10px; margin: 0; padding-inline-start: 18px; list-style: disc; }
.qualification-definition-text { margin: 0; color: var(--text); font-size: 15px; font-weight: 400; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.qualification-definition-text::marker { color: var(--muted); font-size: 12px; }
.qualification-definition-missing { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.qualification-reference-workspace[data-reference-narrow="true"], .qualification-reference-workspace[data-reference-source="true"] { grid-template-columns: minmax(0, 1fr); }
.qualification-reference-workspace[data-reference-narrow="true"] > .qualification-reference-panel { grid-column: 1; border-left: 0; }
.qualification-reference-workspace[data-reference-narrow="true"]:not([data-reference-source]) > .qualification-reference-main { visibility: hidden; }
.qualification-original-workspace { grid-column: 1 / -1; grid-row: 1; z-index: 33; display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; background: var(--page); }
.qualification-original-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; padding: 12px 20px; border-bottom: 1px solid var(--separator); }
.qualification-original-heading { display: grid; gap: 4px; min-width: 0; }
.qualification-original-heading > strong { color: var(--text); font-size: 16px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.qualification-original-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.qualification-original-actions > button { min-height: 44px; }
.qualification-original-table { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; padding: 12px 20px 20px; }
.qualification-original-table > .qw-preview-heading { display: none; }
.qualification-original-table > .qw-table-scroll { flex: 1; min-height: 0; max-height: none; overscroll-behavior: contain; }
@media (max-width: 640px) { .qualification-original-header { padding: 10px 16px; } .qualification-original-table { padding: 8px 12px 12px; } .qualification-reference-body { padding: 16px; } }
.qualification-knowledge-settings, .qualification-knowledge-original, .qualification-knowledge-sheet-settings { min-width: 0; }
.qualification-knowledge-sheet-settings > .library-index-section-title { margin-bottom: 8px; }
.qualification-knowledge-sheet-settings .library-detail-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.qualification-knowledge-range > summary { cursor: pointer; padding-block: 10px; font-size: 13px; }
.qualification-knowledge-range > .library-detail-fields { margin-top: 8px; }
.qualification-knowledge-review { min-width: 0; margin-bottom: 20px; }
.qualification-knowledge-review > .library-index-section-title { margin-bottom: 8px; }
.qualification-knowledge-review > .qualification-knowledge-actions { margin-block: 12px; }
.qualification-knowledge-review .library-detail-field { max-width: 120px; }
.qualification-knowledge-relation { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
.qualification-knowledge-relation dd > .library-expression-open { display: block; margin-top: 4px; max-width: 100%; white-space: normal; text-align: left; }
.qualification-knowledge-sheet { margin-top: 26px; min-width: 0; }
.qualification-knowledge-sheet > summary { cursor: pointer; padding-block: 10px; font-size: 14px; }
.qualification-knowledge-sheet .library-detail-fields { margin-top: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qualification-knowledge-sheet-check { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; }
.qualification-knowledge-sheet-check input { width: 16px; height: 16px; accent-color: var(--accent); }
.qualification-knowledge-table th:first-child, .qualification-knowledge-table td:first-child { width: 22%; padding-left: 14px; }
.qualification-knowledge-table th:nth-child(2), .qualification-knowledge-table td:nth-child(2) { width: 18%; }
.qualification-knowledge-table th:nth-child(3), .qualification-knowledge-table td:nth-child(3) { width: 15%; }
.qualification-knowledge-table th:nth-child(4), .qualification-knowledge-table td:nth-child(4) { width: 12%; }
.qualification-knowledge-table th:nth-child(5), .qualification-knowledge-table td:nth-child(5) { width: 20%; }
.qualification-knowledge-table th:last-child, .qualification-knowledge-table td:last-child { width: 84px; }
.qualification-knowledge-table small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.qualification-knowledge-cell-label { display: none; }
/* A standard is one document, so keep its opening action beside the title on
 * narrow screens instead of hiding it beyond a six-column horizontal scroll. */
@media (max-width: 760px) {
  .qualification-knowledge-table { min-width: 0; }
  .qualification-knowledge-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .qualification-knowledge-table tbody { display: block; }
  .qualification-knowledge-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 16px; padding: 16px; border-bottom: 1px solid var(--separator); }
  .qualification-knowledge-table tbody tr:last-child { border-bottom: 0; }
  .qualification-knowledge-table tbody td:nth-child(n) { display: block; width: auto; min-width: 0; padding: 0; border: 0; grid-column: 1 / -1; overflow-wrap: anywhere; }
  .qualification-knowledge-table tbody td:first-child { grid-column: 1; grid-row: 1; align-self: center; font-weight: var(--weight-medium); }
  .qualification-knowledge-table tbody td:last-child { grid-column: 2; grid-row: 1; }
  .qualification-knowledge-table tbody td:last-child button { min-height: 44px; }
  .qualification-knowledge-cell-label { display: block; margin-bottom: 4px; color: var(--muted); font-size: var(--font-meta-size); }
  .qualification-knowledge-table small { margin-top: 3px; }
}

/* The intake is a document workspace. Buttons, page tabs, fields and their
 * interaction states reuse the existing library/workbook implementations. */
.library-screen-body:has(> .qualification-intake-page) { padding-block: 16px; }
.qualification-intake-page.library-index-view, .qualification-intake-upload-page.library-index-view { max-width: 1440px; padding-top: 12px; padding-bottom: 20px; }
.qualification-intake-page > .library-index-intro, .qualification-intake-upload-page > .library-index-intro { align-items: center; gap: 20px; margin-bottom: 18px; }
.qualification-intake-page > .library-index-intro { flex-direction: row; margin-bottom: 8px; }
.qualification-intake-page > .library-index-intro .qualification-knowledge-actions { flex: none; }
.qualification-intake-page > .library-book-heading .library-index-copy, .qualification-intake-upload-page > .library-book-heading .library-index-copy { margin-top: 5px; }
.qualification-intake-page > .library-book-heading .library-index-title, .qualification-intake-upload-page > .library-book-heading .library-index-title { font-size: 24px; }
.qualification-intake { display: flex; flex-direction: column; min-width: 0; gap: 12px; }
.qualification-intake [hidden] { display: none !important; }
.qualification-intake-identity { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; min-width: 0; padding-bottom: 12px; border-bottom: 1px solid var(--separator); }
.qualification-intake-identity > strong { min-width: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: var(--weight-medium); }
.qualification-intake-file-meta { color: var(--muted); font-size: 12px; line-height: 1.6; }
.qualification-intake-steps { flex: none; margin-bottom: 4px; }
.qualification-intake-panel { flex: 1; min-width: 0; min-height: 0; }
.qualification-intake-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 8px; }
.qualification-intake-context { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; min-width: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.qualification-intake-context > p { margin: 0; font-size: inherit; }
.qualification-intake-tools > p, .qualification-intake-tools > span { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.qualification-intake-workbench { min-width: 0; }
.qualification-intake-original, .qualification-intake-settings { min-width: 0; }
.qualification-intake-original .qw-preview .qw-table-scroll { max-height: clamp(200px, calc(100svh - 590px), 620px); }
.qualification-intake-original .qw-preview-heading { display: none; }
.qualification-intake-original > .qw-sheet-tabs { margin-bottom: 8px; }
.qualification-intake-review { align-self: flex-start; flex: none; margin-top: 8px; }
/* Source review owns a bounded workbook viewport. Supplementary controls use
 * the shared modal, so their height cannot introduce a second page scroller. */
.library-screen-body:has(> .qualification-intake-ready[data-intake-step="source"]) { display: flex; flex-direction: column; overflow: hidden; }
.qualification-intake-ready[data-intake-step="source"].library-index-view { display: flex; flex-direction: column; flex: 1; width: 100%; min-height: 0; padding-block: 0; }
.qualification-intake-ready[data-intake-step="source"] > .library-index-intro { flex: none; flex-wrap: nowrap; }
.qualification-intake-ready[data-intake-step="source"] .library-index-heading { flex: 1; }
.qualification-intake-ready[data-intake-step="source"] .library-index-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qualification-intake-ready[data-intake-step="source"] > .qualification-intake { flex: 1; min-height: 0; gap: 8px; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-identity,
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-feedback,
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-footer { flex: none; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-identity { padding-bottom: 8px; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-panel[data-intake-page="source"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); column-gap: 12px; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-tools,
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-panel[data-intake-page="source"] > .qw-sheet-tabs { flex: none; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-tools { grid-column: 2; grid-row: 1; flex-wrap: nowrap; gap: 8px; margin: 0 0 4px; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-context { display: none; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-panel[data-intake-page="source"] > .qw-sheet-tabs { grid-column: 1; grid-row: 1; margin-bottom: 4px; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-workbench { display: flex; flex-direction: column; flex: 1; min-height: 0; grid-column: 1 / -1; grid-row: 2; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-original,
.qualification-intake-ready[data-intake-step="source"] .qualification-knowledge-preview { display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; }
.qualification-intake-ready[data-intake-step="source"] .qw-preview .qw-table-scroll { flex: 1; min-height: 0; max-height: none; }
.qualification-intake-ready[data-intake-step="source"] .qualification-intake-review { margin: 0; }
.qualification-intake-settings-dialog { min-width: 0; border: 0; padding: 0; }
.qualification-intake-settings-dialog .library-detail-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.qualification-intake-settings-dialog .qualification-knowledge-range { grid-column: 1 / -1; }
.qualification-intake-settings-dialog .qualification-knowledge-range > .library-detail-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qualification-intake-mapping-suggestion { margin-block: 12px 16px; }
.qualification-intake-mapping-suggestion > button { margin-top: 8px; }
.qualification-intake-panel[data-intake-page="metadata"] { width: min(860px, 100%); padding-top: 8px; }
.qualification-intake-info-copy { margin-bottom: 22px; }
.qualification-intake-panel[data-intake-page="metadata"] .qualification-knowledge-sheet { margin-top: 0; }
.qualification-intake-panel[data-intake-page="metadata"] .qualification-intake-cert-details { margin-top: 20px; }
.qualification-intake-panel[data-intake-page="metadata"] .library-detail-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.qualification-intake-panel[data-intake-page="metadata"] .full { grid-column: 1 / -1; }
.qualification-intake-panel[data-intake-page="confirm"] { width: min(900px, 100%); padding-top: 8px; }
.qualification-intake-confirm-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; min-width: 0; padding-block: 22px; margin: 22px 0; border-block: 1px solid var(--separator); }
.qualification-intake-confirm-summary dt { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.qualification-intake-confirm-summary dd { margin: 0; color: var(--text); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.qualification-intake-confirm-summary > .library-index-section-title { margin-bottom: 16px; }
.qualification-intake-confirm-summary .qualification-knowledge-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qualification-intake-issue { display: flex; align-items: baseline; justify-content: space-between; gap: 12px 20px; padding-block: 12px; border-bottom: 1px solid var(--separator); }
.qualification-intake-issue > .library-expression-open { flex: none; }
.qualification-knowledge-issue { flex-wrap: wrap; }
.qualification-knowledge-sheet-choices { display: flex; flex: 1 0 100%; flex-wrap: wrap; gap: 8px 16px; min-width: 0; }
.qualification-knowledge-sheet-choices > p { flex: 1 0 100%; }
.qualification-intake-certification { margin-top: 24px; }
.qualification-intake-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; border-top: 1px solid var(--separator); padding: 12px 0 8px; }
.qualification-intake-save-state { min-width: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.qualification-intake-footer-actions { display: flex; flex: none; flex-wrap: wrap; align-items: center; gap: 8px; }
.qualification-intake-feedback { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.qualification-intake-upload { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: max(360px, calc(100svh - 370px)); padding-block: 32px; text-align: center; }
.qualification-intake-stages { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 18px 0 0; margin: 0; color: var(--muted); font-size: 12px; }
.qualification-intake-stage { display: flex; align-items: center; gap: 24px; }
.qualification-intake-stage + .qualification-intake-stage::before { content: ''; width: 22px; height: 1px; background: var(--separator); }
.qualification-intake-stage.is-active { color: var(--text); font-weight: var(--weight-medium); }
.qualification-intake-upload-symbol { display: grid; place-items: center; padding-bottom: 18px; color: var(--muted); }
.qualification-intake-upload-symbol > svg { width: 30px; height: 30px; }
.qualification-intake-upload-title { max-width: 100%; margin: 0 0 10px; color: var(--text); font-size: 22px; font-weight: var(--weight-semibold); line-height: 1.4; overflow-wrap: anywhere; }
.qualification-intake-upload > .library-primary-button { min-height: 46px; min-width: 200px; margin-top: 26px; }
.qualification-intake-upload-hint { margin-top: 16px; }
.qualification-intake-upload.is-dragging { outline: 1px dashed var(--accent); outline-offset: -8px; }
.qualification-intake-upload > p { max-width: 440px; }
.qualification-intake-upload .qw-upload-button { width: min(460px, 100%); }
@media (max-width: 1000px) {
  .qualification-knowledge-sheet-settings .library-detail-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .qualification-intake-page > .library-index-intro { flex-wrap: wrap; gap: 8px 20px; }
  .qualification-intake-page > .library-index-intro .library-index-title { font-size: 20px; }
}
@media (max-width: 640px) {
  .qualification-knowledge-fields, .qualification-knowledge-meta, .qualification-knowledge-sheet .library-detail-fields, .qualification-knowledge-sheet-settings .library-detail-fields { grid-template-columns: minmax(0, 1fr); }
  .qualification-knowledge-actions { justify-content: flex-start; }
  #library-body .library-index-intro:has(.qualification-knowledge-actions) { align-items: flex-start; flex-direction: column; gap: 20px; }
  .qualification-intake-page.library-index-view, .qualification-intake-upload-page.library-index-view { padding-top: 0; padding-bottom: 12px; }
  #library-body.qualification-intake-page > .library-index-intro { flex-direction: row; align-items: center; gap: 8px 20px; }
  .qualification-intake { gap: 10px; }
  .qualification-intake-identity { flex-direction: column; align-items: flex-start; gap: 4px; padding-bottom: 12px; }
  .qualification-intake-panel[data-intake-page="metadata"] .library-detail-fields, .qualification-intake-confirm-summary .qualification-knowledge-meta { grid-template-columns: minmax(0, 1fr); }
  .qualification-intake-settings-dialog .library-detail-fields, .qualification-intake-settings-dialog .qualification-knowledge-range > .library-detail-fields { grid-template-columns: minmax(0, 1fr); }
  .qualification-intake-footer { flex-wrap: wrap; gap: 8px; padding-top: 12px; }
  .qualification-intake-footer-actions { justify-content: flex-end; flex: 1; }
  .qualification-intake-save-state { flex-basis: 100%; }
  .qualification-intake-tools { align-items: flex-start; }
  .qualification-intake-ready[data-intake-step="source"] .qualification-intake-panel[data-intake-page="source"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr); }
  .qualification-intake-ready[data-intake-step="source"] .qualification-intake-tools { grid-column: 1; grid-row: 2; justify-content: flex-end; }
  .qualification-intake-ready[data-intake-step="source"] .qualification-intake-workbench { grid-row: 3; }
  .qualification-intake-upload { min-height: 320px; padding-block: 20px; }
  .qualification-intake-stages { column-gap: 12px; }
  .qualification-intake-stage { gap: 12px; }
  .qualification-intake-stage + .qualification-intake-stage::before { width: 14px; }
  .qualification-intake-upload-title { font-size: 20px; }
}
@media (max-height: 650px) {
  .library-screen-body:has(> .qualification-intake-page) { padding-block: 8px; }
  .qualification-intake-page.library-index-view { padding-block: 0; }
  .qualification-intake-page > .library-index-intro .library-index-title { font-size: 20px; }
}