/* Resource workspaces v2: task / evidence / secondary detail.
 * Scoped to new render containers; no request, dialog, SVG or hidden-state changes.
 * Existing route mounts and action attributes are preserved in app.js.
 */
/* Retired dark themes still resolve component fills through --surface/--glass.
 * Remap those inherited aliases only inside this resource scope, not dialogs. */
html:root body .panel:is([data-panel="question-bank"], [data-panel="knowledge-map"], [data-panel="project-assets"], [data-panel="learning-records"]) {
  --surface: var(--hw-ui-surface); --surface-strong: var(--hw-ui-hover); --surface-muted: var(--hw-ui-bg);
  --glass: var(--hw-ui-surface); --glass-strong: var(--hw-ui-hover);
}
:is(#hw-v6-home, html):root body .panel[data-panel="knowledge-map"] .v51-knowledge-page,
:is(#hw-v6-home, html):root body .panel[data-panel="knowledge-map"] .v51-knowledge-hero,
:is(#hw-v6-home, html):root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) [data-ui-layout],
:is(#hw-v6-home, html):root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) .resource-workspace-heading { background: transparent !important; background-image: none !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="knowledge-map"] :is(.engineering-knowledge-categories, .knowledge-ai-result-head, .knowledge-ai-root-causes, .knowledge-ai-experiments, .knowledge-ai-context, .resource-secondary-details),
:is(#hw-v6-home, html):root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) [data-ui-layout] .section-card { background: var(--hw-ui-surface) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-card { background: transparent !important; border-radius: 0 !important; }
:is(#hw-v6-home, html):root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) [data-ui-layout] :is(.section-card, .metric-card)::before { content: none !important; background: none !important; }
html:root body .panel [data-ui-layout] .resource-workspace-heading {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;
  padding: 0 0 24px; margin: 0; border-bottom: 1px solid var(--hw-ui-line);
  background: transparent; min-width: 0;
}
html:root body .panel [data-ui-layout] :is(.resource-workspace-heading h2, .resource-work-section-heading h3) { margin: 4px 0 8px; line-height: 1.35; }
html:root body .panel [data-ui-layout] .resource-workspace-heading h2 { font-size: 28px !important; font-weight: 650; }
html:root body .panel [data-ui-layout] .resource-workspace-heading p { margin: 0; max-width: 72ch; }
html:root body .panel [data-ui-layout] .resource-count-label {
  flex-shrink: 0; padding: 8px 12px; border: 1px solid var(--hw-ui-line); border-radius: 10px;
  color: var(--hw-ui-muted); background: var(--hw-ui-surface); font-size: 14px; line-height: 1.5;
}
html:root body .panel .resource-workspace[data-ui-layout] { display: grid; gap: 24px; min-width: 0; }
html:root body .panel [data-ui-layout] :is(.resource-next-task, .resource-profile-guide, .resource-secondary-details) {
  min-width: 0; border: 1px solid var(--hw-ui-line); border-radius: 12px;
  background: var(--hw-ui-surface); color: var(--hw-ui-text); box-shadow: none;
}
html:root body .panel [data-ui-layout] .resource-next-task { padding: 24px; }
html:root body .panel [data-ui-layout] .resource-next-task h3 { margin: 12px 0 8px; line-height: 1.5; }
html:root body .panel [data-ui-layout] .resource-secondary-details { padding: 0; }
html:root body .panel [data-ui-layout] .resource-secondary-details > summary {
  min-height: 48px; padding: 12px 16px; font-size: 15px; font-weight: 600;
  color: var(--hw-ui-text); cursor: pointer; overflow-wrap: anywhere;
}
html:root body .panel [data-ui-layout] .resource-secondary-details > :not(summary) { margin: 0 16px 16px; }
html:root body .panel [data-ui-layout] .resource-source-note { font-size: 14px; line-height: 1.7; color: var(--hw-ui-muted); }
html:root body .panel [data-ui-layout] .resource-task-steps {
  display: grid; gap: 8px; margin: 24px 0; padding: 0; list-style: none;
}
html:root body .panel [data-ui-layout] .resource-task-steps li {
  display: flex; align-items: center; gap: 12px; min-width: 0;
  padding: 8px 0; font-size: 15px; color: var(--hw-ui-text);
}
html:root body .panel [data-ui-layout] .resource-task-steps li > span {
  display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px;
  border: 1px solid var(--hw-ui-line); border-radius: 8px; background: var(--hw-ui-hover);
  color: var(--hw-ui-text); font-size: 14px;
}

/* Training: recommended task first, route list second, sources on demand. */
/* Match the retired RPG selector's ID specificity; a late low-specificity
 * declaration cannot override its !important hero gradient and pseudo rails. */
:is(#hw-v6-home, html):root:not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active.training-rpg-workbench[data-panel="question-bank"] > article.section-card.training-rpg-shell {
  min-height: 0 !important; height: auto !important; padding: 0 !important;
  grid-template-rows: auto !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important;
}
:is(#hw-v6-home, html):root:not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active.training-rpg-workbench[data-panel="question-bank"] > article.section-card.training-rpg-shell::before,
:is(#hw-v6-home, html):root:not(.react-student-embedded) body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path::before { content: none !important; background: none !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] :is(h2, h3, li, li > i, li > span) { color: var(--hw-ui-text) !important; text-shadow: none !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] .resource-task-steps li { font-size: 15px !important; opacity: 1 !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] .training-rpg-path li > i { background: var(--hw-ui-hover) !important; border: 1px solid var(--hw-ui-line) !important; box-shadow: none !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] .training-rpg-path li.is-current > i { background: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] :is(.training-rpg-next-stage, .training-rpg-roadmap, .training-rpg-xp) { background: var(--hw-ui-surface) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; }
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] :is(.resource-task-steps, .resource-workspace-heading) { background: transparent !important; background-image: none !important; }
/* v189 deliberately doubled its ID specificity for mobile dark mode. Match
 * that legacy selector only on this migrated workspace, then use theme tokens. */
:is(#hw-v189-mobile, html):is(#hw-v189-mobile, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] .training-rpg-shell { background: transparent !important; border-color: transparent !important; }
:is(#hw-v189-mobile, html):is(#hw-v189-mobile, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] :is(h2, h3, h4, strong) { color: var(--hw-ui-text) !important; }
:is(#hw-v189-mobile, html):is(#hw-v189-mobile, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] :is(.training-rpg-roadmap, .training-rpg-xp, .training-rpg-next-stage) { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] .training-rpg-shell { padding: 0 !important; background: transparent !important; border: 0 !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] .resource-training-layout {
  display: grid; grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: 24px !important; align-items: start;
}
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-next-stage { padding: 24px !important; background: var(--hw-ui-surface) !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-roadmap { padding: 24px !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path { display: grid; gap: 0 !important; margin: 16px 0 0; padding: 0; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) auto !important; gap: 12px !important;
  padding: 16px 8px !important; min-height: 0 !important; border-width: 0 0 1px !important; border-radius: 0 !important;
  border-color: var(--hw-ui-line) !important; background: transparent !important;
}
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li.is-current { border-left: 3px solid var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; border-radius: 8px !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li > i { width: 28px; height: 28px; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li strong { font-size: 16px !important; line-height: 1.55; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li::after { content: none !important; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-reward { display: grid; gap: 8px; padding: 16px 0; border: 0; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] #trainingRpgNextBtn { width: 100%; margin: 8px 0 0; min-height: 48px; }
html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-xp { padding: 16px !important; }

/* Knowledge: readable result, then two columns of hypotheses and validation. */
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page {
  display: grid !important; grid-template-columns: 216px minmax(0, 1fr) !important; gap: 24px !important;
  grid-template-areas: "heading heading" "topics reading" "methods methods" "experiments cases" "categories categories" "expert expert" !important;
  align-items: start; background: transparent !important;
}
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .v51-knowledge-hero {
  grid-area: heading; display: flex !important; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px;
  margin: 0 !important; padding: 0 0 24px !important; min-height: 0 !important;
  border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important;
  background: transparent !important; background-image: none !important; box-shadow: none !important;
}
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-hero h2 { color: var(--hw-ui-text) !important; font-size: 28px !important; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page .v51-knowledge-metrics { display: flex !important; flex-wrap: wrap; gap: 16px; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page .v51-knowledge-metrics > span {
  display: flex !important; flex-direction: row; align-items: baseline; gap: 6px; min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page .v51-knowledge-metrics :is(strong, em) { font-size: 14px !important; color: var(--hw-ui-muted) !important; line-height: 1.6; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories {
  grid-area: topics; display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important; margin: 0; padding: 8px; border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface) !important;
}
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories > button {
  display: grid; gap: 8px; min-height: 0 !important; padding: 16px !important; border: 0 !important; border-radius: 8px !important;
  background: transparent !important; background-image: none !important; text-align: left; box-shadow: none !important;
}
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories > button:hover { background: var(--hw-ui-hover) !important; transform: none !important; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories > button span { background: transparent !important; color: var(--hw-ui-muted) !important; padding: 0 !important; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories > button :is(strong, em) { color: var(--hw-ui-text) !important; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCards { grid-area: reading; padding: 24px !important; margin: 0 !important; min-width: 0; background: var(--hw-ui-surface) !important; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCards :is(.knowledge-ai-search-head, .learning-knowledge-card-head, #knowledgeCenterAnswer, .resource-knowledge-reading) { background: transparent !important; background-image: none !important; box-shadow: none !important; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCards :is(.knowledge-ai-search-head, .learning-knowledge-card-head) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCards .knowledge-ai-search-head > em { justify-self: start; color: var(--hw-ui-muted) !important; background: var(--hw-ui-hover) !important; border-color: var(--hw-ui-line) !important; }
html:root body .panel[data-panel="knowledge-map"] #engineeringFormulaLibrary { grid-area: methods; }
html:root body .panel[data-panel="knowledge-map"] #learningExperimentRecords { grid-area: experiments; }
html:root body .panel[data-panel="knowledge-map"] #learningCaseLibrary { grid-area: cases; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .v51-knowledge-categories { grid-area: categories; }
html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .learning-expert-details { grid-area: expert; }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout="knowledge-map-v2"] { display: grid; gap: 16px; }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] .knowledge-ai-result-head { margin: 0; padding: 0 0 16px; border-bottom: 1px solid var(--hw-ui-line); }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] .knowledge-center-answer-summary {
  margin: 0 !important; padding: 24px !important; background: var(--hw-ui-surface) !important;
  border-left: 3px solid var(--hw-ui-accent) !important; border-radius: 10px;
}
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] .knowledge-center-answer-summary strong { display: block; max-width: 78ch; margin-top: 8px; font-size: 16px !important; line-height: 1.85; }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] .resource-knowledge-evidence { margin: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 16px; }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments, .knowledge-ai-context) { margin: 0 !important; padding: 20px; }
html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] .knowledge-association-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px;
  padding: 20px 0; border-width: 0 0 1px !important; border-radius: 0 !important; background: transparent !important;
}
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-copy { display: grid; gap: 6px; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-copy strong { font-size: 16px; }
html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-action { display: grid; justify-items: end; gap: 8px; }

/* Debug: seven-step overview above a task/evidence split; no rail squeezing inputs. */
html:root body .panel[data-panel="debug-lab"] #debugTrainingBoard [data-ui-layout="debug-lab-v2"] .resource-debug-process,
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-process {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important; position: static !important; padding: 0 !important;
}
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-process > button { padding: 12px; align-items: start; min-height: 72px; }
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-process > button i { flex: 0 0 24px; width: 24px; height: 24px; }
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-layout {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .48fr) !important; align-items: start; gap: 24px !important;
}
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-current-task-label { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid var(--hw-ui-line); font-size: 14px; }
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .debug-workflow-aside { display: grid; gap: 16px; position: static !important; }
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .debug-workflow-hero { grid-template-columns: minmax(0, 1fr) auto; padding: 24px !important; }
html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .debug-workflow-hero h2 { margin: 8px 0; font-size: 28px !important; }

/* Case catalog: left filter rail and compact evidence-first list. */
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout="engineering-lab-v2"] .resource-catalog-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); align-items: start; gap: 24px; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .resource-catalog-filters {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
  position: static; padding: 20px; border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface);
}
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .resource-catalog-filters label { display: grid; gap: 8px; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-filters button { text-align: left; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .resource-case-list { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 24px; gap: 16px; border-radius: 12px; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card > :is(header, .engineering-bug-case-profile, .engineering-bug-analysis, footer) { grid-column: 1 / -1; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card > h3 { grid-column: 1; margin: 0; font-size: 20px !important; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card > .engineering-bug-evidence { grid-column: 1; margin: 0; }
html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card > .quick-nav { grid-column: 2; grid-row: 4; align-self: start; }

/* Growth: a source-reading guide beside the actual saved evidence sheet. */
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-layout { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 24px; align-items: start; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-guide { padding: 20px; background: var(--hw-ui-hover); }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-guide ol { display: grid; gap: 24px; margin: 20px 0; padding-left: 20px; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-guide li :is(strong, span) { display: block; font-size: 14px; line-height: 1.7; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-document { min-width: 0; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .career-asset-content { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] :is(.career-asset-block, .career-asset-ai-review) { grid-column: 1 !important; grid-row: auto !important; }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .career-asset-identity { grid-template-columns: auto minmax(0, 1fr); }
html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .career-asset-verified { grid-column: 1 / -1; justify-self: start; }

/* Assets and history are source directories / timelines, not another dashboard. */
html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-evidence-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); align-items: start; gap: 24px; }
html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory { padding: 20px; }
html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-grid { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 0; }
html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0; background: transparent !important; box-shadow: none; }
html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-card strong { font-size: 18px !important; }
html:root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) :is(#personalProjectAssetsBoard, #personalLearningRecordsBoard) [data-ui-layout] .resource-secondary-details { color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; }
html:root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) :is(#personalProjectAssetsBoard, #personalLearningRecordsBoard) [data-ui-layout] .resource-secondary-details > summary { color: var(--hw-ui-text) !important; background: transparent !important; }
html:root body .panel:is([data-panel="project-assets"], [data-panel="learning-records"]) [data-ui-layout] .resource-record-row { padding: 24px; }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-history-summary { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 16px 24px; border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-history-summary p { display: flex; align-items: baseline; gap: 16px; margin: 0; }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-history-summary strong { font-size: 18px; color: var(--hw-ui-text); }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline { display: grid; gap: 24px; border-left: 2px solid var(--hw-ui-line); margin-left: 8px; padding-left: 24px; }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline > article { position: relative; }
html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline > article::before { content: ""; position: absolute; left: -31px; top: 28px; width: 10px; height: 10px; border: 2px solid var(--hw-ui-accent); border-radius: 50%; background: var(--hw-ui-surface); }

/* Waveform: title/modes, observation, then the answer and saved evidence. */
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] {
  background: transparent !important; background-image: none !important;
}
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-investigation-status > div, .waveform-ability-growth-card, .waveform-ai-card, .waveform-measure-item, .waveform-note-readback, .waveform-ai-note-read, .waveform-observe-focus, .waveform-locked-answer, .waveform-observation-list > button, .waveform-evidence-chips > button, .waveform-guide-steps > p, .waveform-tip-list > li) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important;
  background-image: none !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-investigation-title > p > span, .waveform-investigation-status span, .waveform-growth-title > span, .waveform-measure-name > small, .waveform-note-readback > span, .waveform-ai-note-read > span) { color: var(--hw-ui-muted) !important; font-size: 14px !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-growth-title > strong, .waveform-measure-name > span, .waveform-note-readback > strong, .waveform-ai-note-read > strong, .waveform-locked-answer > strong) { color: var(--hw-ui-text) !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-measure-item > em, .waveform-evidence-chips > button, .waveform-ai-head > button) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-hover) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; font-size: 14px !important;
}
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-observation-list > button, .waveform-observation-list > button span, .waveform-observation-list > button strong, .waveform-observation-list > button em, .waveform-guide-steps > p, .waveform-guide-steps > p > span, .waveform-tip-list > li) { color: var(--hw-ui-text) !important; font-size: 14px !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-observation-list > button.active, .waveform-evidence-chips > button.active, .waveform-guide-steps > p.active) { background: var(--hw-ui-soft) !important; border-color: var(--hw-ui-accent) !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] :is(.waveform-investigation-status strong, .waveform-observe-focus > span, .waveform-observe-focus > strong, .waveform-observe-focus dt, .waveform-observe-focus dd) { color: var(--hw-ui-text) !important; font-size: 14px !important; }
:is(#hw-v6-home, html):root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-v2"] .waveform-observe-focus dl > div { background: var(--hw-ui-hover) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; }
/* The oscilloscope stage, SVG strokes and instrument controls are intentionally
 * not selected above; analysis cards are ordinary themed form content. */
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-learning-layout { display: grid; grid-template-columns: 216px minmax(0, 1fr); gap: 24px; align-items: start; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-catalog { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px; padding: 16px; margin: 0; border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-catalog button { justify-content: start; width: 100%; text-align: left; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-question { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-learning-coach-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 16px; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-learning-coach-title { grid-column: 1 / -1; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-investigation-hero { grid-template-columns: minmax(0, 1fr) 216px !important; gap: 24px; padding: 24px !important; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-investigation-status { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; border-left: 1px solid var(--hw-ui-line); padding-left: 24px; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-simulation-note { display: grid; gap: 8px; padding: 16px; background: var(--hw-ui-soft); border-radius: 10px; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-simulation-note :is(strong, span) { color: var(--hw-ui-text) !important; font-size: 14px; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-settings { margin: 16px 0; }
html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-work-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-top: 8px; }

/* Project catalog replaces inert legacy demo metrics; existing detail remains. */
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] [data-resource-legacy-home] { display: none !important; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-home-layout { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); gap: 24px; align-items: start; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-current { padding: 24px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-current .primary-btn { background: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; width: 100%; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-directory { padding: 24px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-directory .project-home-grid { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-directory .project-home-card { padding: 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card > :is(.project-home-card-top, dl, .project-home-abilities, .project-home-loop-tags) { grid-column: 1 / -1; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card dl > div { display: grid; gap: 4px; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card dd { margin: 0; }
html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card > em { align-self: center; }

@media (max-width: 1050px) {
  html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-layout { grid-template-columns: minmax(0, 1fr) !important; }
  html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .debug-workflow-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-layout { grid-template-columns: minmax(0, 1fr); }
  html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-guide ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "heading" "reading" "topics" "methods" "experiments" "cases" "categories" "expert" !important; gap: 16px !important; }
  html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html:root body .panel [data-ui-layout] .resource-workspace-heading { flex-wrap: wrap; gap: 16px; }
  html:root[data-theme] body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout="question-bank-v2"] .resource-training-layout,
  html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout="engineering-lab-v2"] .resource-catalog-layout,
  html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-evidence-layout,
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-learning-layout,
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-investigation-hero,
  html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-home-layout { grid-template-columns: minmax(0, 1fr) !important; }
  html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-filters { display: flex; flex-wrap: wrap; }
  html:root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px; }
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-waveform-catalog :is(h3, p) { grid-column: 1 / -1; }
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .waveform-investigation-status { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--hw-ui-line); }
}
@media (max-width: 560px) {
  html:root body .panel[data-panel="knowledge-map"] .v51-knowledge-page > .engineering-knowledge-categories { grid-template-columns: minmax(0, 1fr) !important; }
  html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCards { padding: 16px !important; }
  html:root body .panel .resource-workspace[data-ui-layout] { gap: 16px; }
  html:root body .panel [data-ui-layout] :is(.resource-next-task, .resource-record-row) { padding: 16px; }
  html:root body .panel [data-ui-layout] .resource-workspace-heading h2 { font-size: 24px !important; }
  html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] .resource-debug-process { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html:root body .panel[data-panel="debug-lab"] [data-ui-layout="debug-lab-v2"] :is(.debug-workflow-aside, .debug-workflow-hero) { grid-template-columns: minmax(0, 1fr) !important; }
  html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card:not([hidden]),
  html:root body .panel[data-panel="knowledge-map"] #knowledgeCenterAnswer [data-ui-layout] :is(.resource-knowledge-evidence, .knowledge-association-track),
  html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-row,
  html:root body .panel[data-panel="growth-profile"] #growthArchiveBoard [data-ui-layout] .resource-profile-guide ol,
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] :is(.resource-waveform-catalog, .waveform-learning-coach-card),
  html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .resource-project-directory .project-home-card,
  html:root body .panel[data-panel="project-practice"] #projectPracticeBoard [data-ui-layout] .project-home-card dl { grid-template-columns: minmax(0, 1fr) !important; }
  html:root body .panel[data-panel="engineering-lab"] #engineeringLabBoard [data-ui-layout] .engineering-bug-card > .quick-nav { grid-column: 1; grid-row: auto; }
  html:root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-action { justify-items: start; }
  html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline { padding-left: 16px; }
  html:root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline > article::before { left: -23px; }
  html:root body .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout] .resource-work-section-heading { display: block; }
}

/* Coherence pass: compact reading surfaces, not nested dashboards.
 * The ID specificity is intentional: archived theme patches contain ID-based
 * !important rules. All overrides remain inside the seven resource panels. */
:is(#hw-resource-coherence, html):root body .panel:is([data-panel="question-bank"], [data-panel="knowledge-map"], [data-panel="growth-profile"], [data-panel="learning-records"], [data-panel="project-assets"], [data-panel="engineering-lab"], [data-panel="waveform"]) {
  --surface: var(--hw-ui-surface); --surface-strong: var(--hw-ui-hover); --surface-muted: var(--hw-ui-bg);
  --glass: var(--hw-ui-surface); --glass-strong: var(--hw-ui-hover);
}
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-inline-help { padding: 0; min-width: 0; border: 0; background: transparent; box-shadow: none; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-inline-help > summary { padding: 10px 0; color: var(--hw-ui-muted); font-size: 14px; font-weight: 500; line-height: 1.6; cursor: pointer; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-inline-help p { color: var(--hw-ui-muted); font-size: 14px; line-height: 1.75; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-workspace-heading { padding-bottom: 18px; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] :is(.resource-workspace-heading p, .resource-record-row p, .resource-next-task > p, .resource-source-note) { font-weight: 400 !important; font-size: 14px !important; line-height: 1.7 !important; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-empty-state { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; min-height: 220px; padding: 28px !important; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-empty-state :is(h3, p) { margin: 0; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-empty-state small { color: var(--hw-ui-muted); font-size: 13px; line-height: 1.6; }
:is(#hw-resource-coherence, html):root body .panel [data-ui-layout] .resource-empty-symbol { font-size: 28px; color: var(--hw-ui-accent); }

/* Recommendation stays first and short; the route no longer stretches it. */
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .resource-training-layout { grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) !important; align-items: start !important; gap: 20px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] :is(.resource-next-task, .training-rpg-roadmap) { min-height: 0 !important; padding: 22px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .resource-next-task h3 { font-size: 22px !important; line-height: 1.55; margin: 18px 0 10px; }
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li { min-height: 74px !important; padding: 14px 8px !important; gap: 12px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .training-rpg-path li small { font-size: 13px !important; font-weight: 400 !important; line-height: 1.7; color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .resource-task-steps { margin: 4px 0 10px; }

/* Knowledge: search/answer first, compact related reading rather than 8 heroes. */
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .v51-knowledge-page { grid-template-columns: 176px minmax(0, 1fr) !important; gap: 20px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.v51-knowledge-hero, .v51-formula-section)::before { content: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.v51-knowledge-query, .knowledge-center-answer-summary, .knowledge-ai-context, .knowledge-ai-root-causes, .knowledge-ai-experiments, .knowledge-ai-root-causes article, .knowledge-ai-experiments article, .learning-knowledge-card, .learning-record-card, .v51-formula-section, .v51-formula-card) {
  min-height: 0 !important; background: var(--hw-ui-surface) !important; background-image: none !important; box-shadow: none !important; border-color: var(--hw-ui-line) !important; color: var(--hw-ui-text) !important;
}
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.knowledge-ai-result-head, .knowledge-ai-context, .knowledge-ai-root-causes, .knowledge-ai-experiments) { padding: 14px 0 !important; border: 0 !important; border-radius: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .knowledge-center-answer-summary { border: 0 !important; border-left: 3px solid var(--hw-ui-accent) !important; border-radius: 0 !important; padding: 12px 16px !important; margin: 8px 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.knowledge-center-answer-summary > strong, .knowledge-ai-context strong, .learning-knowledge-card strong) { color: var(--hw-ui-text) !important; font-size: 15px !important; line-height: 1.7 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.knowledge-ai-result-head em, .knowledge-ai-context span, .knowledge-ai-root-causes p, .knowledge-ai-experiments p, .learning-knowledge-card p, .learning-knowledge-card em, .learning-record-card p, .learning-record-card em) { font-size: 13px !important; font-weight: 400 !important; line-height: 1.7 !important; color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.knowledge-ai-root-causes i, .knowledge-ai-experiments i, .knowledge-ai-probability em) { color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; margin: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-row { display: flex !important; flex-direction: column; align-items: stretch !important; justify-content: space-between; gap: 10px !important; min-height: 0 !important; padding: 18px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-copy { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 4px; min-width: 0; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .resource-knowledge-topic-copy > span { color: var(--hw-ui-muted) !important; font-size: 12px !important; font-weight: 400; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .resource-knowledge-topic-copy > p { margin: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-action { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .learning-record-card { padding: 18px !important; }

/* Catalog: fixed-size filters, compact content-first rows, quiet secondary actions. */
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-hero { padding: 0 0 20px !important; min-height: 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-hero::before { content: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .resource-catalog-layout { grid-template-columns: 208px minmax(0, 1fr) !important; align-items: start; gap: 20px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard :is(.engineering-bug-toolbar, .engineering-bug-card, .engineering-bug-stats > div, .engineering-bug-evidence > div, .engineering-bug-analysis, .engineering-bug-review, .engineering-bug-answer) { background: var(--hw-ui-surface) !important; background-image: none !important; box-shadow: none !important; border-color: var(--hw-ui-line) !important; color: var(--hw-ui-text) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .resource-case-list { gap: 12px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card:not([hidden]) { grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px 18px !important; padding: 18px 20px !important; min-height: 0 !important; height: auto !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-hero::after { content: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > header { margin: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > h3 { font-size: 18px !important; line-height: 1.5 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-case-profile { margin: 0 !important; gap: 8px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-evidence { gap: 16px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-evidence > div { min-height: 0 !important; padding: 0 !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > .quick-nav { grid-column: 2 !important; grid-row: 2 !important; align-self: center; min-height: 40px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > .engineering-bug-analysis { padding: 0 !important; border: 0 !important; border-top: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-analysis > summary { padding: 10px 0 !important; color: var(--hw-ui-muted) !important; font-size: 13px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > footer { display: flex !important; flex-wrap: wrap; gap: 8px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > footer button { flex: 0 1 auto; padding: 6px 10px !important; min-height: 36px; color: var(--hw-ui-muted) !important; border: 1px solid var(--hw-ui-line) !important; background: transparent !important; font-weight: 500 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard :is(.engineering-bug-card header span, .engineering-bug-card header em, .engineering-bug-case-profile > span, .engineering-bug-case-profile > em, .engineering-bug-case-profile > strong, .engineering-bug-stats span) { color: var(--hw-ui-muted) !important; background: transparent !important; border-color: var(--hw-ui-line) !important; font-size: 12px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard :is(.engineering-bug-toolbar p, .engineering-bug-hero-copy > span, .engineering-bug-evidence dd, .engineering-bug-analysis p) { font-size: 14px !important; line-height: 1.7 !important; font-weight: 400 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-hero-copy > span { color: var(--hw-ui-muted) !important; }

/* Growth uses one evidence document, not a document inside three bordered cards. */
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.growth-archive-page, .growth-career-asset-head) { background: transparent !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .growth-career-asset-section { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .growth-career-asset-head { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--hw-ui-line); }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .growth-career-asset-head h2 { font-size: 28px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.growth-career-asset-head p, .resume-role-match-section > header p, .career-asset-identity span, .career-asset-section-title small, .career-asset-ai-review > div > span) { color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .resource-profile-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .resource-profile-guide { grid-row: 2; padding: 0 4px !important; background: transparent !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .resource-profile-guide ol { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 12px 0; gap: 24px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.career-asset-sheet, .resume-role-match-section) { padding: 24px !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; background: var(--hw-ui-surface) !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-identity { grid-template-columns: auto minmax(0, 1fr) auto !important; gap: 16px !important; padding-bottom: 20px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-verified { grid-column: auto !important; border: 0 !important; background: var(--hw-ui-hover) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-monogram { width: 48px !important; height: 48px !important; border-radius: 12px !important; color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; font-size: 22px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-content { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; margin-top: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-block { grid-column: auto !important; padding: 20px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.career-asset-ability-grid article, .career-asset-project-grid article) { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-section-title { margin-bottom: 12px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-section-title > span { color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-ai-review { grid-column: auto !important; padding: 20px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-ai-review blockquote { color: var(--hw-ui-text) !important; font-size: 18px !important; margin: 12px 0 8px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-ai-review blockquote::before { content: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.career-asset-content p, .resume-role-match-section > header span, .growth-career-asset-head span) { font-size: 14px !important; color: var(--hw-ui-muted) !important; line-height: 1.7; font-weight: 400 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.resume-role-match-form, .resume-role-match-result, .resume-role-match-result article) { background: transparent !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }

/* History: genuine records are scan-friendly rows; details keep their evidence. */
:is(#hw-resource-coherence, html):root body .panel:is([data-panel="learning-records"], [data-panel="project-assets"]) [data-ui-layout] .resource-record-row { display: block !important; min-height: 0 !important; padding: 20px !important; }
:is(#hw-resource-coherence, html):root body .panel:is([data-panel="learning-records"], [data-panel="project-assets"]) [data-ui-layout] .resource-record-row > .section-head { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body .panel:is([data-panel="learning-records"], [data-panel="project-assets"]) [data-ui-layout] .resource-record-row > p { margin: 6px 0 !important; }
:is(#hw-resource-coherence, html):root body .panel:is([data-panel="learning-records"], [data-panel="project-assets"]) [data-ui-layout] .resource-record-row h3 { font-size: 18px !important; margin: 4px 0 0 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-timeline { gap: 12px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="learning-records"] #personalLearningRecordsBoard .resource-record-status { font-size: 13px !important; color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory { padding: 18px !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="project-assets"] #personalProjectAssetsBoard .resource-source-directory .metric-card { box-shadow: none !important; padding: 11px 0 !important; }

/* Waveform: horizontal labels have room to breathe at every width. */
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"].active { background: transparent !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard { background: transparent !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard [data-ui-layout="waveform-learning-v2"] { padding: 0 !important; background: transparent !important; background-image: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-learning-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog > h3 { grid-column: 1 / -1; margin: 0 0 4px; font-size: 14px !important; color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog button { display: flex !important; align-items: center; gap: 10px; justify-content: flex-start; min-height: 48px !important; width: 100%; min-width: 0 !important; padding: 10px 14px !important; white-space: normal !important; writing-mode: horizontal-tb; word-break: normal !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog button > span { flex: 0 0 auto; font-size: 12px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog button > strong { font-size: 14px !important; font-weight: 500 !important; line-height: 1.5; color: var(--hw-ui-text) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-topbar { display: flex !important; flex-wrap: wrap; padding: 0 0 20px !important; gap: 20px !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-topbar h2 { font-size: 28px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-topbar > div:first-child { flex: 1 1 320px; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-experience-switch { display: flex !important; flex: 0 1 420px; min-width: 0; width: auto; gap: 4px !important; align-self: start; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-experience-switch > button { flex: 1 1 0; min-width: 0 !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-experience-switch, .resource-waveform-catalog) > button.active { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; border-color: var(--hw-ui-accent) !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-learning-topbar p, .waveform-experience-switch small, .waveform-learning-question-card > header p, .waveform-learning-coach-card p, .waveform-learning-options small) { font-weight: 400 !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-experience-switch small { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.5 !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-learning-question-card, .waveform-learning-coach-card) { background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; padding: 22px !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-learning-kicker, .waveform-learning-coach-title > span, .waveform-learning-progress span, .waveform-learning-coach-hint > span, .waveform-learning-guardrail span) { color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-learning-coach-hint li, .waveform-learning-guardrail, .waveform-learning-next-action, .waveform-learning-feedback, .waveform-learning-evidence strong, .waveform-learning-options button) { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-coach-card { gap: 14px 24px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-coach-hint ol { display: flex !important; flex-wrap: wrap; gap: 16px; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-coach-hint li { flex: 1 1 150px; padding: 0 !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-guardrail { padding: 0 !important; border: 0 !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-options { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-options button { grid-template-columns: auto minmax(0, 1fr) auto !important; min-height: 62px !important; padding: 12px 16px !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-options button:is(.selected, .correct) { border-color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-options button.selected > span { background: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-preview { max-height: 260px; }
:is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .waveform-learning-question-card > header > em { color: var(--hw-ui-muted) !important; background: var(--hw-ui-hover) !important; border-color: var(--hw-ui-line) !important; }

/* Static knowledge modules keep their original IDs inside native disclosure. */
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.hw-knowledge-collection, .hw-knowledge-reference) { grid-column: 1 / -1; min-width: 0; border: 1px solid var(--hw-ui-line); border-radius: 10px; background: var(--hw-ui-surface); margin-top: 16px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.hw-knowledge-collection, .hw-knowledge-reference) > summary { cursor: pointer; padding: 16px 18px; min-height: 48px; color: var(--hw-ui-text); font-size: 15px; font-weight: 600; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] :is(.hw-knowledge-collection, .hw-knowledge-reference) > summary > span { color: var(--hw-ui-muted); font-weight: 400; font-size: 13px; margin-left: 12px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-collection > :not(summary) { margin: 0 18px 16px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 18px 18px; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body > :first-child { grid-column: 1 / -1; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body > section { min-width: 0; margin: 0 !important; grid-area: auto !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body > section:first-child { grid-column: 1 / -1 !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body > .learning-library-section { background: var(--hw-ui-surface) !important; background-image: none !important; box-shadow: none !important; }
:is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body > .learning-library-section::before { content: none !important; }

@media (max-width: 1080px) {
  :is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList { grid-template-columns: minmax(0, 1fr) !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .resource-catalog-layout { grid-template-columns: minmax(0, 1fr) !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-filters { display: flex !important; flex-wrap: wrap; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-identity { grid-template-columns: auto minmax(0, 1fr) !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard .career-asset-verified { grid-column: 1 / -1 !important; }
}
@media (max-width: 860px) {
  :is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .v51-knowledge-page,
  :is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] .panel[data-panel="question-bank"] [data-ui-layout] .resource-training-layout { grid-template-columns: minmax(0, 1fr) !important; }
  :is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.career-asset-content, .resource-profile-guide ol) { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 560px) {
  :is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] .hw-knowledge-reference-body { grid-template-columns: minmax(0, 1fr); }
  :is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  :is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard .resource-waveform-catalog button { padding: 10px !important; gap: 6px !important; }
  :is(#hw-resource-coherence, html):root body[data-active-panel="waveform"] .panel[data-panel="waveform"] #waveformTrainingBoard :is(.waveform-learning-question-card, .waveform-learning-coach-card) { padding: 16px !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card:not([hidden]) { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="engineering-lab"] #engineeringLabBoard .engineering-bug-card > .quick-nav { grid-column: 1 !important; grid-row: auto !important; justify-self: start; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="growth-profile"] #growthArchiveBoard :is(.career-asset-sheet, .resume-role-match-section) { padding: 16px !important; }
  :is(#hw-resource-coherence, html):root body .panel[data-panel="knowledge-map"] #learningKnowledgeCardList .resource-knowledge-topic-action { align-items: flex-start; flex-direction: column; }
}
/* Resume-linked training uses the same saved question sessions as interviews. */
:is(#hw-v6-home, html):root body[data-active-panel="question-bank"] .shell .main.main > section.panel.active.training-rpg-workbench[data-panel="question-bank"] > article.section-card.training-rpg-shell.resume-training-shell {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  min-width: 0;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] :is(h2, h3, p, span, button) {
  color: var(--hw-ui-text) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] :is(header, div, ul, li, h2, h3, p, span) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 24px;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-heading h2 {
  margin: 0 !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  line-height: 1.4 !important;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-heading p { margin: 8px 0 0 !important; font-size: 16px !important; line-height: 1.6 !important; color: var(--hw-ui-muted) !important; }
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] > h3 { margin: 28px 0 16px !important; font-size: 20px !important; line-height: 1.5 !important; }
.panel[data-panel="question-bank"] .resume-training-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 16px 0 24px;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] button {
  min-height: 44px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  border-radius: 10px !important;
  border: 1px solid var(--hw-ui-line) !important;
  background: var(--hw-ui-surface) !important;
  box-shadow: none !important;
  cursor: pointer;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] button.primary-btn { background: var(--hw-ui-primary) !important; border-color: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; }
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] button:hover:not(:disabled) { background: var(--hw-ui-hover) !important; }
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] button.primary-btn:hover:not(:disabled) { background: var(--hw-ui-primary-hover) !important; }
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] button:disabled { cursor: default; opacity: .6; }
.panel[data-panel="question-bank"] .resume-training-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--hw-ui-line);
}
.panel[data-panel="question-bank"] .resume-training-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--hw-ui-line);
}
.panel[data-panel="question-bank"] .resume-training-item > div { min-width: 0; }
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-item :is(h3, strong, p) {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere;
  color: var(--hw-ui-text);
}
.panel[data-panel="question-bank"] .resume-training-item button {
  flex: 0 0 auto;
  min-height: 44px;
  font-size: 16px;
  white-space: nowrap;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-state {
  margin: 16px 0 !important;
  padding: 18px 20px !important;
  border-radius: 12px;
  background: var(--hw-ui-surface);
  color: var(--hw-ui-text);
  font-size: 16px !important;
  line-height: 1.7 !important;
}
:is(#hw-resource-coherence, html):is(#hw-resource-coherence, html):root body[data-active-panel="question-bank"] [data-ui-layout="resume-training-v1"] .resume-training-secondary {
  margin: 10px 0;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--hw-ui-muted) !important;
}
.panel[data-panel="question-bank"] .resume-training-shell button:focus-visible {
  outline: 2px solid var(--hw-ui-primary);
  outline-offset: 4px;
}
@media (max-width: 640px) {
  .panel[data-panel="question-bank"] .resume-training-heading { align-items: flex-start; gap: 12px; }
  .panel[data-panel="question-bank"] .resume-training-actions { gap: 10px; }
  .panel[data-panel="question-bank"] .resume-training-actions .primary-btn { width: 100%; }
  .panel[data-panel="question-bank"] .resume-training-item { align-items: flex-start; flex-direction: column; gap: 12px; }
  .panel[data-panel="question-bank"] .resume-training-item button { align-self: flex-start; }
}