/* source: product-redesign.css */
/* Product coherence 04. Public navigation and explicitly marked user pages.
   No selectors change hidden/active state, permissions, or brand artwork. */
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] {
  box-sizing: border-box; max-width: 1360px; margin-inline: auto; width: 100%;
  padding: 24px 28px 40px; color: var(--hw-ui-text);
}
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] :is(button,input,select,textarea) { font-family: inherit; }
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] :is(button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
html:root body #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { color: var(--hw-ui-muted); font-size: 12px; font-weight: 500; letter-spacing: .02em; line-height: 20px; padding: 4px 14px 6px; white-space: nowrap; }
html:root body #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-secondary-label { margin-top: 12px; }
html:root body .hw-redesign-sidebar #sidebarAccountBtn[aria-current="page"] { --hw-sidebar-account-background: var(--hw-ui-soft); }
html:root body .hw-redesign-sidebar #sidebarAccountBtn:focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
html:root body .shell:not(.sidebar-expanded) #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { display: none !important; }
@media (max-width: 767px) {
  html:root body #mobileNavigationDrawer #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { display: block !important; }
}
html:root body #sidebarAccountBtn .sidebar-account-copy small { display: block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; line-height: 16px !important; font-size: 12px !important; }
html:root body .hw-redesign-sidebar .sidebar-account-copy small { color: var(--hw-ui-muted); font-size: 11px; }
html:root body #workspaceCommandBar .topbar-title-stack > h2 { font-size: 16px; font-weight: 600; }
html:root body #workspaceCommandBar #globalSearchControl { max-width: 480px; border-radius: 8px !important; }
html:root body #workspaceCommandBar #topbarCommandInput { font-size: 14px; }
html:root body .shell > .hw-redesign-sidebar #workspaceNavigation#workspaceNavigation#workspaceNavigation .workspace-nav-dot { background: var(--hw-ui-muted) !important; box-shadow: none !important; width: 4px !important; height: 4px !important; }
html:root body .shell > .hw-redesign-sidebar #workspaceNavigation#workspaceNavigation#workspaceNavigation .workspace-nav-subitem.active .workspace-nav-dot { background: var(--hw-ui-accent) !important; box-shadow: none !important; }

/* Secondary screens use the same compact task header, not hero billboards. */
html:root body #hwWorkbenchMain .hw-redesign-page-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 8px; }
html:root body #hwWorkbenchMain .hw-redesign-page-heading h2 { font-size: 26px !important; line-height: 1.4; margin: 0 0 6px; letter-spacing: -.5px; }
html:root body #hwWorkbenchMain .hw-redesign-page-heading p { font-size: 14px; line-height: 1.7; color: var(--hw-ui-muted); max-width: 720px; margin: 0; }
html:root body #hwWorkbenchMain .hw-redesign-inline-note { font-size: 12px; color: var(--hw-ui-muted); border-left: 2px solid var(--hw-ui-line); padding: 2px 0 2px 12px; margin: 12px 0; line-height: 1.7; }
html:root body #hwWorkbenchMain .hw-redesign-section-label { color: var(--hw-ui-muted); font-size: 12px; letter-spacing: .03em; margin: 0 0 10px; }

/* Personal center: a concise identity column and useful records, rather than
   repeating the capability dashboard and evidence card at full size. */
html:root body #personalCenterPage.hw-redesign-account-page { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: start; padding: 0 !important; max-width: 1120px; margin-inline: auto; }
html:root body #personalCenterPage .hw-personal-destinations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 76px; padding: 14px 18px; text-align: left; font: inherit; color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line); border-radius: 10px; box-shadow: none; cursor: pointer; }
html:root body #personalCenterPage .hw-personal-destinations strong { display: block; font-size: 15px; line-height: 1.5; color: var(--hw-ui-text); }
html:root body #personalCenterPage .hw-personal-destinations small { display: block; font-size: 13px; line-height: 1.6; color: var(--hw-ui-muted); margin-top: 3px; }
html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button:hover { border-color: var(--hw-ui-accent); background: var(--hw-ui-soft) !important; }
@media (max-width: 760px) {
  html:root body #personalCenterPage .hw-personal-destinations { grid-template-columns: minmax(0,1fr); gap: 8px; }
  html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button { min-height: 64px; padding: 12px 16px; }
}
html:root body #personalCenterPage.hw-redesign-account-page > :is(.hw-redesign-page-heading,#personalCenterNotice) { grid-column: 1 / -1; }
html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { grid-column: 1; display: grid !important; grid-template-columns: minmax(220px,.85fr) minmax(0,1.65fr); align-items: center; gap: 20px 24px; padding: 24px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-profile { display: flex; flex-direction: row; align-items: center; gap: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-avatar { width: 64px !important; height: 64px !important; min-width: 64px !important; }
html:root body #personalCenterPage.hw-redesign-account-page #myWorkspaceName { font-size: 24px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px; padding: 4px 0 4px 24px; border: 0; border-left: 1px solid var(--hw-ui-line); min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats > span { padding: 0 !important; border: 0 !important; background: transparent !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats strong { font-size: 22px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary { grid-column: 1 / -1; display: flex !important; flex-direction: row; align-items: center !important; justify-content: space-between; gap: 20px; padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; width: 100%; min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary p { font-size: 13px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary-actions .ghost-btn { width: auto; white-space: nowrap; }
html:root body #personalCenterPage.hw-redesign-account-page > :is(.engineer-profile-assets,.hw-redesign-growth-detail,.hw-redesign-identity-detail) { grid-column: 1; min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets { display: block !important; padding: 20px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head h2 { font-size: 18px !important; margin: 0 !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head > span { display: block; font-size: 13px; margin-top: 6px; color: var(--hw-ui-muted); }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button { padding: 14px 16px !important; min-height: 0 !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 8px !important; box-shadow: none !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; text-align: left; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button:hover { border-color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > span { font-size: 12px; color: var(--hw-ui-muted); grid-column: 1; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > strong { font-size: 16px !important; grid-column: 1; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > em { font-size: 13px !important; grid-column: 1 / -1; line-height: 1.6; color: var(--hw-ui-muted) !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 13px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .my-growth-hub { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .my-growth-card { padding: 20px !important; }
html:root body #personalCenterPage.hw-redesign-account-page :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) { border: 1px solid var(--hw-ui-line); background: var(--hw-ui-surface); border-radius: 10px; padding: 0 20px; }
html:root body #personalCenterPage.hw-redesign-account-page :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) > summary { color: var(--hw-ui-text); cursor: pointer; padding: 16px 0; font-size: 14px; font-weight: 600; }
html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > summary span { margin-left: 16px; color: var(--hw-ui-muted); font-size: 13px; font-weight: 400; }
html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > .my-growth-hub { margin: 0 0 20px; }
html:root body #personalCenterPage.hw-redesign-account-page button.primary-btn { background: var(--hw-ui-primary) !important; background-image: none !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-dossier-hero,.engineer-profile-assets,.my-growth-card) { background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-dossier-hero,.my-growth-card)::before { background: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-profile-asset-grid span,.engineer-profile-asset-grid b) { color: var(--hw-ui-accent) !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .hw-redesign-settings-trigger { display: inline-flex !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-dossier-avatar { background: var(--hw-ui-soft) !important; border: 1px solid var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-stats :is(small,em) { white-space: normal !important; overflow: visible !important; font-size: 12px !important; font-weight: 400 !important; color: var(--hw-ui-muted) !important; line-height: 1.6; }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger::after { color: var(--hw-ui-accent); }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger:is(:hover,:focus-visible) { color: var(--hw-ui-accent) !important; text-decoration-color: var(--hw-ui-accent); }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger:focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
/* Retired night rules use repeated IDs and paint structural divs blue.
   Match that specificity only for this account surface, in both themes. */
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage.hw-redesign-account-page,
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.hw-redesign-page-heading,.engineer-dossier-profile,.engineer-profile-stage,.engineer-profile-stats,.engineer-dossier-summary,.engineer-dossier-summary-actions,.engineer-profile-assets-head,.my-growth-hub) { background: transparent !important; background-image: none !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.my-ability-row,.my-training-empty,.my-growth-records > article,.my-training-history > article,.engineer-identity-profile,.engineer-identity-contribution) { background: var(--hw-ui-bg) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.engineer-profile-stage,.engineer-profile-role-en,.engineer-dossier-summary p,.engineer-dossier-summary span,.engineer-profile-assets-head > span) { color: var(--hw-ui-muted) !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) { background: var(--hw-ui-surface) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.my-ability-row span,.my-training-empty p,.my-growth-records > article > span,.my-training-history > article > span) { color: var(--hw-ui-muted) !important; }

/* Preferences: sticky section index, calm reading column, advanced groups
   collapse independently without dropping any original input or event hook. */
html:root body #hwWorkbenchMain .hw-redesign-settings { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; align-items: start; }
html:root body #hwWorkbenchMain .hw-redesign-settings > .user-settings-hero { grid-column: 1 / -1; padding: 0 0 4px !important; border: 0 !important; background: transparent !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-hero h2 { font-size: 28px !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index { display: grid; gap: 4px; position: sticky; top: 84px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button { background: transparent; border: 0; border-radius: 8px; padding: 12px; color: var(--hw-ui-muted); font: inherit; font-size: 14px; text-align: left; cursor: pointer; min-height: 44px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button:hover { color: var(--hw-ui-accent); background: var(--hw-ui-soft); }
html:root body #hwWorkbenchMain .hw-redesign-settings-content { display: grid; gap: 20px; min-width: 0; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { padding: 24px !important; scroll-margin-top: 90px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced { border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); padding: 0 24px; scroll-margin-top: 90px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced > summary { cursor: pointer; color: var(--hw-ui-text); padding: 20px 0; font-weight: 600; font-size: 15px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced > .user-settings-card { border: 0 !important; border-radius: 0 !important; padding: 0 0 24px !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-row { grid-template-columns: 72px minmax(0,1fr); gap: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-actions { grid-column: 2; display: flex; flex-wrap: wrap; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-field { max-width: 640px; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card,.user-settings-hero)::before { background: none !important; }

/* Recording review: source first, compact status, then a transcript/analysis
   split. The existing import consent and service status remain visible. */
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-header { align-items: start; padding-bottom: 20px; border-bottom: 1px solid var(--hw-ui-line); }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-title h2 { font-size: 28px !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-statusbar { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px 0; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-status-hero { flex: 1 1 360px; padding: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric { flex: 0 1 112px; padding: 0 0 0 16px !important; border: 0 !important; border-left: 1px solid var(--hw-ui-line) !important; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric strong { font-size: 24px !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric :is(span,em) { color: var(--hw-ui-muted) !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .hw-redesign-source-options { margin-top: 16px; border: 1px solid var(--hw-ui-line); border-radius: 8px; padding: 12px 14px; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .hw-redesign-source-options > summary { font-size: 13px; color: var(--hw-ui-muted); cursor: pointer; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-session-fields { margin-top: 12px; }
/* The score/insight column scrolls as one stack. Old flex shrinking plus a
   minmax(0,1fr) row compressed the dimensions under the following card. */
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-coach-panel > :is(.audio-coach-head,.audio-report-digest,.audio-coach-card) { flex: 0 0 auto !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] #audioReportDigest { grid-template-rows: auto auto !important; grid-auto-rows: max-content !important; height: auto !important; min-height: min-content !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-dimension-list { height: auto !important; min-height: min-content !important; }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail { border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); padding: 18px 20px; margin-top: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail > summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--hw-ui-text); }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail[open] > summary { margin-bottom: 18px; }
/* Auxiliary routes keep current task lists, with low-frequency history behind
   native disclosure. They do not compete with the five-step primary journey. */
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .xiaowen-final-coach__hero { border: 0 !important; background: transparent !important; padding: 8px 0 24px !important; }
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .hw-redesign-assistant-records { margin-top: 0; }
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .xiaowen-final-coach__scope { margin-bottom: 20px; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-hero { grid-template-columns: minmax(0,1fr); padding: 0 0 24px !important; background: transparent !important; border: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-hero h3 { font-size: 28px !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-card { background: transparent !important; padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-priority-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px 24px; padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card :is(.ai-todo-task-head,h4,.ai-todo-field-list) { grid-column: 1; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card > button { grid-column: 2; grid-row: 2 / 4; align-self: center; }
@media (max-width: 1100px) {
  html:root body #personalCenterPage.hw-redesign-account-page { grid-template-columns: minmax(0,1fr); }
  html:root body #personalCenterPage.hw-redesign-account-page > :is(.engineer-dossier-hero,.engineer-profile-assets,.my-growth-hub,.hw-redesign-identity-detail) { grid-column: 1; grid-row: auto; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-profile { flex-direction: row; align-items: center; }
  html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { grid-template-columns: minmax(0,1fr); }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { padding: 16px 0 0; border: 0; border-top: 1px solid var(--hw-ui-line); }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  html:root body #hwWorkbenchMain .hw-redesign-settings { grid-template-columns: 150px minmax(0,1fr); gap: 16px; }
}
@media (max-width: 760px) {
  html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] { padding: 20px 12px 40px; }
  html:root body #hwWorkbenchMain .hw-redesign-page-heading h2 { font-size: 24px !important; }
  html:root body #personalCenterPage.hw-redesign-account-page { gap: 16px; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { padding: 20px !important; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid { grid-template-columns: minmax(0,1fr) !important; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary { flex-direction: column; align-items: stretch !important; gap: 12px; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head { align-items: start; flex-direction: column; }
  html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > summary span { display: block; margin: 8px 0 0; }
  html:root body #hwWorkbenchMain .hw-redesign-settings { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index { position: static; display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--hw-ui-line); padding-bottom: 12px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button { font-size: 13px; padding: 8px 10px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { padding: 18px !important; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced { padding: 0 18px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-row { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-actions { grid-column: 1; }
  html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric { flex: 1 1 80px; }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card > button { grid-column: 1; grid-row: auto; }
}


/* source: journey-redesign.css */
/* Existing journey views; homepage guidance uses read-only saved state. */
html:root body :is(#homeDashboard #p10Home.p10-workspace, #p10InterviewReports #p10Reports.p10-workspace) {
  max-width: 1240px;
  margin: 0 auto;
  padding: 26px 28px 48px;
  color: var(--hw-ui-text);
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey {
  --p10-bg: var(--hw-ui-surface); --p10-soft: var(--hw-ui-hover);
  --p10-text: var(--hw-ui-text); --p10-muted: var(--hw-ui-muted); --p10-line: var(--hw-ui-line);
  display: grid; gap: 20px; min-width: 0;
  color: var(--hw-ui-text) !important;
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(div, section, aside, header, article, details, summary, ul, ol, li, button) { min-width: 0; box-sizing: border-box; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(h1,h2,h3,p) { margin: 0; background: transparent !important; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(h1,h2,h3,strong,summary) { color: var(--hw-ui-text) !important; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey h1 { font-size: 28px !important; line-height: 1.35; font-weight: 650; letter-spacing: -.02em; margin: 4px 0 8px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey h2 { font-size: 18px !important; line-height: 1.5; font-weight: 650; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey h3 { font-size: 16px !important; line-height: 1.65; font-weight: 600; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(p,.p10-muted) { color: var(--hw-ui-muted) !important; font-size: 14px !important; line-height: 1.75 !important; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-eyebrow { font-size: 12px !important; line-height: 1.6 !important; letter-spacing: .025em; font-weight: 550; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  max-width: none; margin: 0 0 4px; padding: 0; border: 0; background: transparent !important;
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.hw-redesign-context-label,.hw-redesign-count) {
  flex: 0 0 auto; padding: 4px 9px; border: 1px solid var(--hw-ui-line); border-radius: 6px;
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-muted) !important; font-size: 12px; font-weight: 400;
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.p10-card,.p10-hero,.p10-route-card) {
  margin: 0; padding: 22px; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px;
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; box-shadow: none !important;
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.p10-card,.p10-hero,.p10-route-card) > * { margin-top: 0; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-button {
  min-height: 44px; padding: 9px 15px; border: 1px solid var(--hw-ui-line) !important; border-radius: 7px;
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important;
  font-size: 14px !important; font-weight: 550; line-height: 1.6; box-shadow: none !important;
}
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-button.p10-primary { background: var(--hw-ui-primary) !important; color: #fff !important; border-color: var(--hw-ui-primary) !important; padding: 10px 19px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-button:hover:not(:disabled) { background: var(--hw-ui-hover) !important; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-primary:hover:not(:disabled) { background: var(--hw-ui-primary-hover) !important; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-button:disabled { color: var(--hw-ui-muted) !important; background: var(--hw-ui-hover) !important; border-color: var(--hw-ui-line) !important; cursor: not-allowed; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(button,summary):focus-visible { outline: 3px solid var(--hw-ui-focus); outline-offset: 3px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-actions { gap: 10px; }
html:root body #homeDashboard #p10Home .hw-redesign-home-main { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(290px,1fr); gap: 20px; align-items: stretch; }
html:root body #homeDashboard #p10Home .hw-redesign-home-side { display: grid; gap: 16px; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero { display: flex; flex-direction: column; padding: 24px; gap: 16px; border-top: 3px solid var(--hw-ui-primary) !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero h2 { font-size: 24px !important; line-height: 1.5; max-width: 520px; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero-meta { display: flex; align-items: center; justify-content: space-between; margin: 0; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-action-label { color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; font-size: 12px; padding: 4px 9px; border-radius: 5px; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero > .p10-actions { margin: 8px 0 0; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-action-note { font-size: 12px !important; margin: 0; padding: 0; }
html:root body #homeDashboard #p10Home .hw-redesign-home .hw-redesign-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
html:root body #homeDashboard #p10Home .hw-redesign-home .hw-redesign-section-head h2 { font-size: 16px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home .hw-redesign-section-head .p10-muted { font-size: 12px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey li { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 12px; padding: 8px 0; border: 0; background: transparent !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey li::after { content: none; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-step-number { width: 24px; height: 24px; border: 1px solid var(--hw-ui-line); border-radius: 6px; background: transparent !important; color: var(--hw-ui-muted) !important; font-size: 11px; line-height: 22px; text-align: center; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey li > div { display: grid; gap: 3px; align-items: baseline; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey h3 { font-size: 14px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey p { font-size: 12px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-recent { display: grid; gap: 12px; align-content: start; height: 100%; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-empty { display: grid; gap: 6px; padding-block: 6px; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-empty > span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--hw-ui-line); border-radius: 7px; color: var(--hw-ui-muted); background: var(--hw-ui-hover); font-size: 20px; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-empty h3 { font-size: 14px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-empty p { font-size: 13px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-recent .p10-button { justify-self: start; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-list { padding: 0; margin: 0; list-style: none; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-list li { display: flex; gap: 10px; padding: 9px 0; border-top: 1px solid var(--hw-ui-line); font-size: 13px; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-list li > span { color: var(--hw-ui-muted); }
html:root body #homeDashboard #p10Home .hw-redesign-recent-list strong { font-size: 13px; font-weight: 550; }
html:root body #homeDashboard #p10Home .hw-redesign-recent-list small { display: block; color: var(--hw-ui-muted); font-size: 12px; }
html:root body #homeDashboard #p10Home .hw-redesign-assistant-row { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 18px 22px; }
html:root body #homeDashboard #p10Home .hw-redesign-assistant-mark { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--hw-ui-line); border-radius: 10px; color: var(--hw-ui-accent); background: var(--hw-ui-soft); font-size: 15px; }
html:root body #homeDashboard #p10Home .hw-redesign-assistant-row h2 { font-size: 15px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-assistant-row p { margin-top: 4px; font-size: 12px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-inline-notice { display: grid; gap: 10px; border-top: 1px solid var(--hw-ui-line); padding-top: 14px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.p10-availability,.p10-report-notice,.p10-planned-tools) { padding: 8px 18px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.p10-availability,.p10-report-notice,.p10-planned-tools)[open] { padding-bottom: 18px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey summary { min-height: 44px; padding-block: 10px; font-size: 14px; line-height: 1.65; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey details > p { margin-top: 10px; }
html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey details > .p10-actions { margin-top: 16px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; align-items: start; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-list-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 12px; margin: 0 0 16px; padding: 0; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-list-heading h2 { font-size: 16px !important; margin-bottom: 5px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-list-heading p { font-size: 12px !important; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-record-list { display: grid; gap: 10px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record { padding: 0; overflow: visible; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record > summary { display: flex; align-items: center; gap: 13px; padding: 18px; cursor: pointer; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record[open] > summary { border-bottom: 1px solid var(--hw-ui-line); background: var(--hw-ui-hover); border-radius: 11px 11px 0 0; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record-number { flex: 0 0 28px; align-self: flex-start; padding-top: 3px; color: var(--hw-ui-muted); font-size: 13px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record-title { flex: 1; font-size: 15px; line-height: 1.7; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record-title small { display: block; color: var(--hw-ui-muted); font-size: 12px; font-weight: 400; margin-top: 3px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record-open { color: var(--hw-ui-accent); font-size: 12px; flex: 0 0 auto; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-record-content { padding: 20px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-record-origin { font-size: 12px !important; padding-bottom: 8px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-answer { padding: 20px 0; margin: 0; border-top: 1px solid var(--hw-ui-line); }
html:root body #p10InterviewReports #p10Reports .hw-redesign-question-heading { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-question-index { color: var(--hw-ui-accent); font-size: 12px; padding-top: 4px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-original-answer { margin: 14px 0 0 38px; padding: 16px; background: var(--hw-ui-hover) !important; border-radius: 8px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-answer-text { margin-top: 8px; color: var(--hw-ui-text) !important; white-space: pre-wrap; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: start; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .hw-redesign-review-guide { padding: 8px 18px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide h2 { font-size: 16px !important; margin-top: 7px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide ol { list-style: none; margin: 16px 0 0; padding: 0; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px; padding: 10px 0; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide li > span { color: var(--hw-ui-muted); font-size: 12px; padding-top: 2px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide strong { font-size: 14px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-review-guide p { font-size: 12px !important; margin-top: 3px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-recording-entry { display: flex; justify-content: space-between; align-items: center; gap: 20px; grid-column: 1/-1; padding: 18px 20px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-recording-entry > .p10-button { flex-shrink: 0; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-recording-entry h2 { font-size: 16px !important; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-planned-actions { display: grid; gap: 8px; margin-top: 16px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-planned-tools summary .hw-redesign-count { margin-left: 8px; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-empty { display: grid; gap: 8px; min-height: 220px; padding: 28px; align-content: center; justify-items: center; text-align: center; }
html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-empty > .hw-redesign-empty-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--hw-ui-line); border-radius: 9px; color: var(--hw-ui-muted); background: var(--hw-ui-hover); font-size: 24px; margin-bottom: 4px; }

/* Profile: the same three-step flow, now a compact horizontal preparation rail. */
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) { width: 100%; min-width: 0; max-width: 1440px; box-sizing: border-box; padding: 26px 28px 48px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile { margin-bottom: 24px; align-items: center; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile h2 { font-size: 28px !important; font-weight: 650; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile p { font-size: 14px !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-workbench { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(360px,1fr); grid-template-areas: "guide guide" "document main"; align-items: start; gap: 20px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-main { grid-area: main; min-width: 0; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-guide { grid-area: guide; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 24px; padding: 0; border: 0; background: transparent !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-steps { grid-column: 1/-1; padding-bottom: 0; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 8px 0 0; padding: 0; border: 0; background: transparent !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps li { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; padding: 12px; border-radius: 8px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-step-number { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 7px; font-size: 12px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps strong { font-size: 14px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps small { font-size: 11px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip { padding: 0 12px; border-top: 1px solid var(--hw-ui-line); }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip summary { min-height: 44px; padding-block: 10px; font-size: 13px !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip[open] { padding-bottom: 16px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip h3 { font-size: 15px !important; line-height: 1.65; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip p { font-size: 13px !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-boundaries { margin: 0 12px; padding: 0; border-top: 1px solid var(--hw-ui-line); }
html:root body #resumeProfileWorkspace.p04-profile .p04-guide > details[open] { grid-column: 1/-1; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-boundaries summary { font-size: 13px !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-boundaries .p04-boundaries { display: block; margin-top: 0; border-top: 0; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-card { padding: 26px; border-radius: 12px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-card h3 { font-size: 21px !important; font-weight: 650; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-card > p { font-size: 14px !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-form-heading { padding-bottom: 4px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-form-heading h3 { margin: 6px 0 8px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-form-heading p { font-size: 14px !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-input-mode { margin: 18px 0 20px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-upload-area { padding: 24px; border-radius: 10px; border-style: dashed; background: var(--hw-ui-bg) !important; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-upload-heading { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-upload-heading p { margin: 3px 0 0; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-document-mark { display: grid; place-items: center; width: 42px; height: 48px; border: 1px solid var(--hw-ui-line); border-radius: 6px; background: var(--hw-ui-surface) !important; color: var(--hw-ui-accent) !important; font-size: 18px; flex: 0 0 42px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-consent { margin-top: 20px; padding: 16px; background: var(--hw-ui-hover) !important; font-size: 13px !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-actions { padding-top: 12px; gap: 10px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-button { min-height: 44px; border-radius: 7px; font-size: 14px !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-start-card { padding: 28px; min-height: 0; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .hw-redesign-service-state { display: grid; justify-items: start; gap: 12px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-service-state :is(h3,p,.p04-actions,.hw-redesign-profile-empty-mark) { margin: 0; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-service-state .p04-notice { width: 100%; padding: 12px 16px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-empty-mark { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--hw-ui-line); border-radius: 12px; color: var(--hw-ui-accent); background: var(--hw-ui-soft); margin-bottom: 22px; font-size: 16px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-value { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-value span { padding: 5px 10px; border: 1px solid var(--hw-ui-line); border-radius: 6px; color: var(--hw-ui-muted) !important; font-size: 12px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact { padding: 20px; margin-top: 18px; border: 1px solid var(--hw-ui-line); border-radius: 10px; background: var(--hw-ui-bg); }
html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-fact-header { display: flex; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 14px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact-number { font-size: 11px; flex: 0 0 22px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact-text { font-size: 16px; font-weight: 550; margin-bottom: 18px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact label { font-size: 13px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact details { margin-top: 14px; padding-top: 4px; border-top: 1px solid var(--hw-ui-line); }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-target-card > label { margin-top: 22px; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-target-card > details { margin-top: 20px; padding: 10px 14px; background: var(--hw-ui-bg); border: 1px solid var(--hw-ui-line); border-radius: 8px; }
@media (max-width: 1100px) {
  html:root body #homeDashboard #p10Home .hw-redesign-home-main { grid-template-columns: minmax(0,1.1fr) minmax(260px,.9fr); }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-layout { grid-template-columns: minmax(0,1fr); }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-tools { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-workbench { gap: 16px; }
}
@media (max-width: 760px) {
  html:root body :is(#homeDashboard #p10Home.p10-workspace, #p10InterviewReports #p10Reports.p10-workspace) { padding: 20px 16px 40px; }
  html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey { gap: 16px; }
  html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey .p10-heading { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  html:root body :is(#homeDashboard #p10Home, #p10InterviewReports #p10Reports) .hw-redesign-journey :is(.p10-card,.p10-hero,.p10-route-card) { padding: 20px 16px; }
  html:root body #homeDashboard #p10Home .hw-redesign-home-main { grid-template-columns: minmax(0,1fr); gap: 16px; }
  html:root body #homeDashboard #p10Home .hw-redesign-home .p10-journey { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
  html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero { padding: 24px 18px; gap: 18px; }
  html:root body #homeDashboard #p10Home .hw-redesign-home .p10-hero h2 { font-size: 24px !important; }
  html:root body #homeDashboard #p10Home .hw-redesign-assistant-row { grid-template-columns: 32px minmax(0,1fr); gap: 12px; }
  html:root body #homeDashboard #p10Home .hw-redesign-assistant-row .p10-button { grid-column: 1/-1; justify-self: start; }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-report-tools { grid-template-columns: minmax(0,1fr); }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-recording-entry { flex-direction: column; align-items: flex-start; gap: 12px; }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record { padding: 0; }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-reports .p10-record > summary { padding: 16px; gap: 8px; }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-record-content { padding: 16px; }
  html:root body #p10InterviewReports #p10Reports .hw-redesign-original-answer { margin-left: 0; padding: 14px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) { padding: 20px 16px 40px; }
  html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile { flex-wrap: wrap; align-items: flex-start; gap: 14px; margin-bottom: 18px; text-align: left; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-workbench { grid-template-columns: minmax(0,1fr); grid-template-areas: "guide" "main" "document"; gap: 18px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 12px; }
  html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-steps { grid-column: 1/-1; padding-bottom: 8px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin-top: 10px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps li { flex-direction: row; padding: 10px 7px; gap: 7px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-steps strong { font-size: 13px; }
  html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-tip { padding: 4px 0; }
  html:root body #resumeProfileWorkspace.p04-profile .hw-redesign-profile-boundaries { margin: 0; padding: 4px 0; border-top: 1px solid var(--hw-ui-line); }
  html:root body #resumeProfileWorkspace.p04-profile .p04-guide > details[open] { grid-column: 1/-1; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) :is(.p04-card,.p04-start-card) { padding: 22px 16px; min-height: 0; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-upload-area { padding: 18px 14px; }
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-fact { padding: 16px 12px; }
}

/* Resume originals are a document, not a theme-colored replacement template. */
html:root body #resumeProfileWorkspace.p04-profile .p04-document { grid-area: document; min-width: 0; overflow: hidden; scroll-margin-top: 112px; border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface) !important; color: var(--hw-ui-text); }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px; border-bottom: 1px solid var(--hw-ui-line); }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-heading h3 { margin: 0; font-size: 18px !important; font-weight: 650; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-heading p { margin: 6px 0 0; overflow-wrap: anywhere; }
html:root body #resumeProfileWorkspace.p04-profile .p04-preview-slot { min-width: 0; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-empty { min-height: 350px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 32px; gap: 12px; text-align: center; background: var(--hw-ui-bg) !important; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-empty svg { width: 48px; height: 56px; margin-bottom: 12px; color: var(--hw-ui-muted); }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-empty h4 { margin: 0; font-size: 18px; line-height: 1.6; overflow-wrap: anywhere; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-empty p { max-width: 340px; margin: 0; font-size: 14px !important; color: var(--hw-ui-muted) !important; line-height: 1.7; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 18px; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-filename { min-width: 0; flex: 1 1 160px; overflow-wrap: anywhere; font-size: 13px; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 18px 12px; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-tabs [aria-pressed="true"] { border-color: var(--hw-ui-primary); background: var(--hw-ui-accent-soft) !important; color: var(--hw-ui-accent) !important; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document :is(a.p04-button,button.p04-button) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 12px; font-size: 13px !important; text-decoration: none; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-caption { padding: 12px 20px; border-block: 1px solid var(--hw-ui-line); color: var(--hw-ui-muted) !important; background: var(--hw-ui-bg) !important; font-size: 12px !important; line-height: 1.7; overflow-wrap: anywhere; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-warning { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-text { margin: 0; padding: 28px; min-height: 350px; max-height: 720px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; font: 14px/1.95 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
html:root body #resumeProfileWorkspace.p04-profile .p04-pdf-original { display: block; width: 100%; height: min(76vh,820px); min-height: 480px; border: 0; color-scheme: light; filter: none; }
html:root body #resumeProfileWorkspace.p04-profile .p04-document-footnote { margin: 0; padding: 14px 20px; border-top: 1px solid var(--hw-ui-line); font-size: 12px !important; line-height: 1.75; color: var(--hw-ui-muted) !important; }
html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-main .p04-grid { grid-template-columns: minmax(0,1fr); }
html:root body #resumeProfileWorkspace.p04-profile .p04-main input[type="file"] { width: 100%; min-width: 0; font-size: 13px; }
html:root body #resumeProfileWorkspace.p04-profile .p04-review-card { max-height: 980px; overflow: auto; overscroll-behavior: contain; }
@media (max-width: 1100px) {
  html:root body #resumeProfileWorkspace.p04-profile:has(> .hw-redesign-profile) .p04-workbench { grid-template-columns: minmax(0,1fr); grid-template-areas: "guide" "main" "document"; }
  html:root body #resumeProfileWorkspace.p04-profile .p04-document-empty { min-height: 220px; }
  html:root body #resumeProfileWorkspace.p04-profile .p04-review-card { max-height: none; overflow: visible; }
}
@media (max-width: 600px) {
  html:root body #resumeProfileWorkspace.p04-profile .p04-document-heading { padding: 16px; align-items: flex-start; }
  html:root body #resumeProfileWorkspace.p04-profile .p04-document-heading h3 { font-size: 17px !important; }
  html:root body #resumeProfileWorkspace.p04-profile .p04-document-text { padding: 20px 16px; min-height: 240px; }
  html:root body #resumeProfileWorkspace.p04-profile .p04-pdf-original { min-height: 420px; height: 65vh; }
}

/* New-user guide: choose an instruction, then take one explicit action. */
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-guide-steps { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-guide-steps li { display: block; padding: 0; }
html:root body #homeDashboard #p10Home .p10-guide-steps button {
  display: flex; align-items: flex-start; gap: 9px; width: 100%; min-height: 76px; padding: 12px 9px;
  text-align: left; border: 1px solid transparent; border-radius: 8px;
  background: var(--hw-ui-hover); color: var(--hw-ui-text); cursor: pointer;
}
html:root body #homeDashboard #p10Home .p10-guide-steps button:hover { border-color: var(--hw-ui-line); }
html:root body #homeDashboard #p10Home .p10-guide-steps button[aria-pressed="true"] { background: var(--hw-ui-soft); border-color: var(--hw-ui-primary); }
html:root body #homeDashboard #p10Home .p10-guide-steps .p10-step-number { flex: 0 0 24px; margin-top: 1px; }
html:root body #homeDashboard #p10Home .p10-guide-steps button[aria-pressed="true"] .p10-step-number { background: var(--hw-ui-primary) !important; color: #fff !important; border-color: var(--hw-ui-primary); }
html:root body #homeDashboard #p10Home .p10-guide-step-copy { display: grid; gap: 4px; overflow-wrap: anywhere; }
html:root body #homeDashboard #p10Home .p10-guide-step-copy strong { font-size: 14px; line-height: 1.5; }
html:root body #homeDashboard #p10Home .p10-guide-step-copy small { color: var(--hw-ui-muted); font-size: 12px; font-weight: 400; line-height: 1.5; }
html:root body #homeDashboard #p10Home .hw-redesign-home .p10-guide-legend { margin-top: 12px; font-size: 12px !important; }
html:root body #homeDashboard #p10Home .hw-redesign-home-main { grid-template-columns: minmax(0,1.9fr) minmax(260px,1fr); align-items: start; }
html:root body #homeDashboard #p10Home .p10-guide-detail .p10-hero-meta { flex-wrap: wrap; gap: 10px; }
html:root body #homeDashboard #p10Home .p10-guide-detail .p10-hero-meta > .p10-muted { font-size: 12px !important; }
html:root body #homeDashboard #p10Home .p10-guide-instructions { display: grid; gap: 10px; padding: 0 0 0 24px; margin: 0; list-style: decimal; }
html:root body #homeDashboard #p10Home .p10-guide-instructions li { padding-left: 5px; color: var(--hw-ui-text); font-size: 14px; line-height: 1.75; }
html:root body #homeDashboard #p10Home .p10-guide-instructions li::marker { color: var(--hw-ui-accent); font-weight: 600; }
html:root body #homeDashboard #p10Home .p10-guide-next { display: grid; gap: 4px; padding: 12px 14px; border-left: 2px solid var(--hw-ui-line); background: var(--hw-ui-hover) !important; border-radius: 0 6px 6px 0; }
html:root body #homeDashboard #p10Home .p10-guide-next strong { font-size: 13px; }
@media (max-width: 1100px) {
  html:root body #homeDashboard #p10Home .hw-redesign-home .p10-guide-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  html:root body #homeDashboard #p10Home .hw-redesign-home .p10-guide-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html:root body #homeDashboard #p10Home .hw-redesign-home-main { grid-template-columns: minmax(0,1fr); }
  html:root body #homeDashboard #p10Home .p10-guide-detail .p10-actions { display: grid; grid-template-columns: minmax(0,1fr); }
}


/* source: interview-redesign.css */
/* Structural redesign: preparation is a settings workspace; a running room
 * owns questions/answers. Existing controllers own hidden, mode and recording.
 * Repeated anchors outrank historical ID/theme locks without global overrides. */
html:root body #interviewPage#interviewPage#interviewPage .interview-space-shell { max-width: 1240px !important; padding: 16px 0 28px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-meeting-lobby-head { margin-bottom: 20px !important; gap: 16px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-meeting-lobby-head h2 { font-size: 26px !important; letter-spacing: -.5px !important; margin: 4px 0 8px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-workspace { display: grid; grid-template-columns: minmax(0,1fr) 288px; gap: 24px; align-items: start; min-width: 0; }
html:root body #interviewPage#interviewPage#interviewPage :is(.hw-redesign-prep-settings,.hw-redesign-prep-preview) { min-width: 0; padding: 22px; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px; background: var(--hw-ui-surface) !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-preview { background: transparent !important; border-color: transparent !important; padding: 18px 0; }
html:root body #interviewPage#interviewPage#interviewPage :is(.hw-redesign-prep-workspace,.hw-redesign-section-heading,.hw-redesign-section-heading > div,.hw-redesign-prep-facts,.hw-redesign-prep-facts > div,.hw-redesign-prep-process,.hw-redesign-prep-process li,.hw-redesign-question-preview,.hw-redesign-prep-privacy) { background: transparent !important; background-image: none !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-section-heading { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-section-heading > span { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; background: var(--hw-ui-soft); color: var(--hw-ui-accent); border-radius: 7px; font-size: 12px; font-weight: 650; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-section-heading h3 { margin: 1px 0 5px; font-size: 17px; color: var(--hw-ui-text); }
html:root body #interviewPage#interviewPage#interviewPage :is(.hw-redesign-section-heading p,.hw-redesign-prep-privacy p,.hw-redesign-prep-start p) { font-size: 13px; line-height: 1.75; color: var(--hw-ui-muted); margin: 0; }
html:root body #interviewPage#interviewPage#interviewPage .interview-lobby-mode-bar { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; margin: 0 0 14px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option { display: grid !important; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 5px 6px; min-height: 88px !important; padding: 12px !important; border-radius: 8px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > i { grid-column: 2; grid-row: 1; width: 24px !important; height: 24px !important; min-width: 24px !important; border-radius: 6px !important; font-size: 11px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > span { grid-column: 1; grid-row: 1; min-width: 0; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option strong { font-size: 14px !important; line-height: 1.5 !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option small { font-size: 12px !important; margin-top: 3px !important; line-height: 1.5 !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > em { grid-column: 1 / -1; justify-self: start; margin: 0 !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; color: var(--hw-ui-muted) !important; font-size: 11px !important; }
html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option.is-active { border-color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-mode-description { padding: 12px 14px !important; border: 0 !important; border-radius: 8px !important; background: var(--hw-ui-bg) !important; box-shadow: none !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-mode-description > [data-interview-mode-brief] { padding: 0 !important; background: transparent !important; border: 0 !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-mode-description :is(strong,p) { font-size: 13px !important; line-height: 1.7; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-mode-description ol { gap: 8px !important; margin-top: 8px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-mode-description li { min-height: 24px !important; padding: 2px 0 !important; border: 0 !important; background: transparent !important; font-size: 12px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--hw-ui-line); }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-facts > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-facts span { color: var(--hw-ui-muted); font-size: 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-facts strong { color: var(--hw-ui-text); font-size: 14px; font-weight: 550; }
html:root body #interviewPage#interviewPage#interviewPage .p04-interview-entry.hw-redesign-prep-profile { padding: 14px 0 !important; margin: 0 !important; border: 0 !important; gap: 12px !important; background: transparent !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-profile strong { font-size: 14px; color: var(--hw-ui-text); }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-profile p { font-size: 12px !important; margin-top: 5px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-profile button { white-space: nowrap; font-size: 13px; flex-shrink: 0; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-start { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 14px 0 0 !important; margin: 0 !important; border-top: 1px solid var(--hw-ui-line); }
html:root body #interviewPage#interviewPage#interviewPage #interviewSpaceStartBtn { width: 100% !important; min-height: 48px !important; font-size: 16px !important; font-weight: 600 !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process { list-style: none; display: grid; gap: 16px; padding: 0 0 20px; margin: 0; counter-reset: prepare; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process li { counter-increment: prepare; display: grid; grid-template-columns: 28px 1fr; gap: 4px 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process li::before { content: counter(prepare); grid-row: 1 / 3; width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--hw-ui-line); border-radius: 50%; color: var(--hw-ui-muted); font-size: 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process b { color: var(--hw-ui-text); font-size: 14px; font-weight: 550; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process span { color: var(--hw-ui-muted); font-size: 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-question-preview { border-block: 1px solid var(--hw-ui-line); padding: 8px 0; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-question-preview > summary { min-height: 44px; padding: 12px 0; color: var(--hw-ui-text); font-size: 13px; cursor: pointer; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-question-preview > summary > span { float: right; color: var(--hw-ui-muted); font-size: 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding-top: 12px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid .interview-lobby-video { min-height: 80px !important; padding: 16px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid .interview-lobby-video img { width: 36px !important; height: 36px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid .interview-lobby-question { padding: 16px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid .interview-lobby-question h3 { font-size: 17px !important; line-height: 1.6 !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-preview-grid :is(.interview-lobby-answer,.interview-lobby-analysis) { padding: 16px !important; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-privacy { margin-top: 16px; }
html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-privacy strong { display: block; margin-bottom: 8px; font-size: 13px; color: var(--hw-ui-text); }
html:root body #interviewPage#interviewPage#interviewPage :is(summary,button,input,textarea):focus-visible { outline: 2px solid var(--hw-ui-accent) !important; outline-offset: 3px !important; }

/* Running room: no new state, no masked recording/error/permission controls. */
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-workspace-card > .section-head h3 { font-size: 18px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-main-dashboard { grid-template-columns: minmax(0,1fr) 288px !important; gap: 16px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-workspace-card { padding: 0 !important; border-radius: 12px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-copilot-card { padding: 18px !important; border-radius: 12px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-dialog #questionBox { font-size: clamp(20px,1.65vw,24px) !important; line-height: 1.6 !important; font-weight: 600 !important; margin: 10px 0 16px !important; height: auto !important; max-height: none !important; overflow: visible !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-video-tile img { width: 36px !important; height: 36px !important; min-width: 36px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #interviewCoachRoom { padding: 14px 18px !important; gap: 10px 16px !important; border-radius: 10px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-video-tile { background: var(--hw-ui-surface) !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 18px !important; min-height: 60px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-answer-live-card,.interview-answer-transcript-body,.coach-live-score-card,.coach-structure-card,.coach-followup-card,#xiaowenLiveInterviewCoach,.interview-answer-action-row) { background: var(--hw-ui-surface) !important; background-image: none !important; box-shadow: none !important; border-color: var(--hw-ui-line) !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-arena-stack,.coach-live-score-head,.coach-completeness-main,.coach-panel-title,#interviewQuestionMeta) { background: transparent !important; background-image: none !important; border-color: var(--hw-ui-line) !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.coach-structure-item,#engineeringScoreSummary > div,.coach-followup-list > button) { background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 8px !important; padding: 10px 12px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .coach-followup-list > button::before { color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #xiaowenLiveInterviewCoach { border-radius: 10px !important; padding: 14px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-answer-mode-toggle,#voiceStatusBadge.idle) { background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; border-radius: 7px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-card { padding: 0 !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-workspace-card,.interview-copilot-card)::before { content: none !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-dialog { display: block !important; padding: 16px 18px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #interviewPracticeAnswerGuide { padding: 12px !important; margin-top: 12px !important; border-radius: 8px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #interviewPracticeAnswerGuide:not([hidden]) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 16px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #interviewPracticeAnswerGuide ol { flex: 1 1 320px; margin: 0 !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #interviewPracticeAnswerGuide li b { color: var(--hw-ui-accent) !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-footer { margin-top: 12px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-final-active-mode,.interview-training-metrics > span,.interview-training-score,.interview-text-mode) { background: var(--hw-ui-bg) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #currentQuestionTitle { background: var(--hw-ui-bg) !important; color: var(--hw-ui-muted) !important; border-color: var(--hw-ui-line) !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-dialog > p { margin: 0 0 8px !important; color: var(--hw-ui-muted) !important; font-size: 12px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-question-info-row { flex-wrap: wrap; gap: 6px 16px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-answer-transcript-body p,.coach-live-score-card p,.coach-followup-card p) { font-size: 13px !important; line-height: 1.75 !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-answer-action-row { flex-wrap: wrap; gap: 8px !important; padding: 10px 0 !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio #candidateAnswer { min-height: 120px !important; font-size: 14px !important; line-height: 1.8 !important; border-radius: 8px !important; }
html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(button,textarea,summary):focus-visible { outline: 2px solid var(--hw-ui-accent) !important; outline-offset: 3px !important; }

/* Drawer content scrolls; the composer remains a real, reachable form. */
html:root body #companionDock #companionPanel.hw-redesign-assistant-drawer:not([hidden]) { display: grid !important; grid-template-rows: auto minmax(0,1fr) !important; width: min(480px,100vw) !important; overflow: hidden !important; }
html:root body #companionDock #companionPanel .hw-redesign-drawer-head { position: static !important; padding: 18px 20px !important; border-bottom: 1px solid var(--hw-ui-line) !important; background: var(--hw-ui-surface) !important; gap: 10px !important; }
html:root body #companionDock #companionPanel .companion-panel-heading { min-width: 0; }
html:root body #companionDock #companionPanel .companion-panel-heading strong { font-size: 16px !important; line-height: 1.5 !important; color: var(--hw-ui-text) !important; }
html:root body #companionDock #companionPanel .companion-panel-heading p { font-size: 12px !important; color: var(--hw-ui-muted) !important; line-height: 1.6 !important; }
html:root body #companionDock #companionPanel .companion-panel-tools { flex-shrink: 0; }
html:root body #companionDock #companionPanel .companion-panel-tools button { min-width: 36px !important; min-height: 36px !important; border-radius: 7px !important; background: var(--hw-ui-bg) !important; color: var(--hw-ui-muted) !important; border-color: var(--hw-ui-line) !important; }
html:root body #companionDock #companionPanel .hw-redesign-assistant-layout { min-height: 0; padding: 0 !important; overflow: hidden; }
html:root body #companionDock #companionPanel :is(.hw-redesign-assistant-layout,.hw-redesign-assistant-workspace,.hw-redesign-assistant-scroll,#companionForm) { background: var(--hw-ui-surface) !important; background-image: none !important; }
html:root body #companionDock #companionPanel .hw-redesign-assistant-workspace { display: grid !important; grid-template-rows: minmax(0,1fr) auto !important; min-height: 0 !important; height: 100% !important; gap: 0 !important; padding: 0 !important; }
html:root body #companionDock #companionPanel .hw-redesign-assistant-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px; }
html:root body #companionDock #companionPanel :is(#companionBriefCard,#companionAgentRunBoard) { margin-bottom: 14px !important; }
html:root body #companionDock #companionPanel :is(#companionBriefCard,#companionAgentRunBoard,.companion-message) { background: var(--hw-ui-bg) !important; background-image: none !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; border-radius: 10px !important; }
html:root body #companionDock #companionPanel #companionBriefCard { padding: 14px !important; }
html:root body #companionDock #companionPanel :is(#companionCharacterText,.companion-message p) { font-size: 13px !important; line-height: 1.75 !important; }
html:root body #companionDock #companionPanel .hw-redesign-conversation-label { font-size: 12px; color: var(--hw-ui-muted); padding-top: 8px; }
html:root body #companionDock #companionPanel #companionForm.hw-redesign-assistant-composer { position: static !important; display: flex !important; flex-wrap: wrap; gap: 10px; padding: 16px 20px calc(16px + env(safe-area-inset-bottom,0px)) !important; border-top: 1px solid var(--hw-ui-line) !important; }
html:root body #companionDock #companionPanel .hw-redesign-composer-label { width: 100%; font-size: 12px; color: var(--hw-ui-muted) !important; }
html:root body #companionDock #companionPanel #companionInput { min-height: 88px !important; max-height: 180px; resize: vertical; font-size: 14px !important; line-height: 1.7 !important; border-radius: 8px !important; }
html:root body #companionDock #companionPanel #companionVoiceBtn { margin-left: auto; }
html:root body #companionDock #companionPanel :is(input,textarea,button):focus-visible { outline: 2px solid var(--hw-ui-accent) !important; outline-offset: 2px !important; box-shadow: none !important; }
html:root body #interviewProfileDrawer#interviewProfileDrawer#interviewProfileDrawer.hw-redesign-profile-drawer:not([hidden]) { display: grid !important; grid-template-rows: auto minmax(0,1fr) auto !important; gap: 0 !important; width: min(440px,100vw) !important; overflow: hidden !important; padding: 0 !important; }
html:root body #interviewProfileDrawer .interview-profile-drawer-head { padding: 20px 24px !important; border-bottom: 1px solid var(--hw-ui-line); }
html:root body #interviewProfileDrawer .hw-redesign-drawer-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px; }
html:root body #interviewProfileDrawer .hw-redesign-drawer-note { padding: 14px 24px calc(14px + env(safe-area-inset-bottom,0px)); border-top: 1px solid var(--hw-ui-line); color: var(--hw-ui-muted); background: var(--hw-ui-bg); font-size: 12px; line-height: 1.7; }

/* Account: heading/tabs, scrollable fields and a stable action footer. */
html:root body #accountModal #accountForm.hw-redesign-account-form { display: grid !important; grid-template-rows: auto auto minmax(0,1fr) auto; width: min(540px,100%) !important; padding: 0 !important; overflow: hidden !important; gap: 0 !important; }
html:root body #accountModal #accountForm .hw-redesign-account-header { padding: 26px 28px 18px; }
html:root body #accountModal #accountForm .hw-redesign-account-header h3 { font-size: 22px !important; margin: 6px 0 10px !important; }
html:root body #accountModal #accountForm .hw-redesign-account-header p { margin: 0; font-size: 13px; }
html:root body #accountModal #accountForm .account-auth-mode { margin: 0 28px 18px !important; }
html:root body #accountModal #accountForm .hw-redesign-account-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 28px 24px; }
html:root body #accountModal #accountForm .account-modal-grid { grid-template-columns: 1fr 1fr !important; margin: 18px 0 !important; }
html:root body #accountModal #accountForm .hw-redesign-account-fields label { gap: 8px; }
html:root body #accountModal #accountForm .account-modal-preview { margin-top: 16px; padding: 14px; }
html:root body #accountModal #accountForm .account-guest-notice { padding: 12px 14px !important; }
html:root body #accountModal #accountForm .account-guest-notice > span { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; }
html:root body #accountModal #accountForm .hw-redesign-account-actions { display: grid !important; grid-template-columns: 1fr auto !important; padding: 16px 28px 20px !important; margin: 0 !important; border-top: 1px solid var(--hw-ui-line); gap: 10px !important; }
html:root body #accountModal #accountForm #accountSubmitBtn { grid-column: 1 / -1; width: 100% !important; background: var(--hw-ui-primary) !important; background-image: none !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html:root body #accountModal #accountForm #accountLogoutBtn { justify-self: start; min-height: 36px; font-size: 12px; }
html:root body #accountModal #accountForm #accountCancelBtn { justify-self: end; min-height: 36px; }
html:root body #accountModal #accountForm :is(button,input):focus-visible { outline: 2px solid var(--hw-ui-accent) !important; outline-offset: 3px !important; }

@media (max-width: 1100px) {
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-workspace { grid-template-columns: 1fr; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-preview { padding: 0; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-lobby-mode-bar { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option { flex-wrap: wrap; }
  html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio .interview-main-dashboard { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  html:root body #interviewPage#interviewPage#interviewPage .interview-space-shell { padding: 4px 0 24px !important; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-meeting-lobby-head { align-items: flex-start !important; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-meeting-lobby-head h2 { font-size: 23px !important; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-settings { padding: 16px; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-lobby-mode-bar { grid-template-columns: 1fr !important; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option { grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; min-height: 64px !important; padding: 10px 12px !important; gap: 8px; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > i { grid-column: 1; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > span { grid-column: 2; }
  html:root body #interviewPage#interviewPage#interviewPage .interview-final-mode-option > em { grid-column: 3; grid-row: 1; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-profile { align-items: flex-start !important; flex-direction: column; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-facts { grid-template-columns: 1fr; gap: 8px; }
  html:root body #interviewPage#interviewPage#interviewPage .hw-redesign-prep-process { grid-template-columns: 1fr; }
  html:root body #interviewPage #interviewStudio#interviewStudio#interviewStudio#interviewStudio :is(.interview-workspace-card,.interview-copilot-card) { padding: 16px !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-header { padding: 22px 20px 16px; }
  html:root body #accountModal #accountForm .account-auth-mode { margin-inline: 20px !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-body { padding-inline: 20px; }
  html:root body #accountModal #accountForm .account-modal-grid { grid-template-columns: 1fr !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-actions { padding-inline: 20px !important; }
}


/* source: resources-redesign.css */
/* 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; }
}


/* source: global-search.css */
/* Read-only search uses the workbench palette, not legacy blue cards. */
html:root body #workspaceCommandBar #globalAiSearchPanel {
  width: 100% !important; min-width: 0 !important; max-width: min(620px, calc(100vw - 24px)) !important;
  top: calc(100% + 8px) !important; left: 0 !important; right: auto !important;
  max-height: min(560px, calc(100dvh - 100px)) !important; overflow: auto !important;
  padding: 8px !important; border-radius: 12px !important; transform: none !important;
  color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important;
  background-image: none !important; border: 1px solid var(--hw-ui-line) !important;
  box-shadow: 0 12px 36px #0003 !important; scrollbar-width: thin;
  scrollbar-color: var(--hw-ui-muted) var(--hw-ui-surface);
}
html:root body #workspaceCommandBar #globalAiSearchPanel[hidden] { display: none !important; }
html:root body #workspaceCommandBar #globalAiSearchPanel .global-ai-search-head { padding: 0 8px 6px !important; min-height: 36px !important; border: 0 !important; }
html:root body #workspaceCommandBar #globalAiSearchPanel .global-ai-search-head strong { color: var(--hw-ui-muted) !important; font-size: 14px !important; font-weight: 500 !important; }
html:root body #workspaceCommandBar #globalAiSearchPanel #globalAiSearchClose { min-width: 36px !important; width: 36px !important; height: 36px !important; background: transparent !important; color: var(--hw-ui-muted) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults { display: block !important; }
html:root body #workspaceCommandBar #globalAiSearchResults :is(button, article, section, p, span, strong, h3, h4) { box-sizing: border-box; text-shadow: none !important; font-style: normal; letter-spacing: normal; }
html:root body #workspaceCommandBar #globalAiSearchResults button { font: inherit; font-size: 15px !important; color: var(--hw-ui-text) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; cursor: pointer; }
html:root body #workspaceCommandBar #globalAiSearchResults button:focus-visible { outline: 2px solid var(--hw-ui-focus) !important; outline-offset: -2px !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-list { display: grid; gap: 2px; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-row { width: 100%; min-height: 64px; padding: 10px 12px !important; text-align: left; display: grid; gap: 4px; border-radius: 8px !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-row:hover,
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-row[aria-selected="true"] { background: var(--hw-ui-hover) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-row-meta { display: flex; justify-content: space-between; gap: 12px; }
html:root body #workspaceCommandBar #globalAiSearchResults :is(.hw-search-type,.hw-search-match) { font-size: 12px !important; line-height: 1.5; color: var(--hw-ui-muted) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-row strong { font-size: 16px !important; line-height: 1.5; font-weight: 600 !important; color: var(--hw-ui-text) !important; overflow-wrap: anywhere; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-snippet { font-size: 14px !important; line-height: 1.5; color: var(--hw-ui-muted) !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-status { padding: 16px 12px; margin: 0; font-size: 15px !important; line-height: 1.6; color: var(--hw-ui-muted) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-pager { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; border-top: 1px solid var(--hw-ui-line); margin-top: 6px; padding: 4px 4px 0; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-pager > span { margin-right: auto; color: var(--hw-ui-muted) !important; font-size: 13px !important; }
html:root body #workspaceCommandBar #globalAiSearchResults :is(.hw-search-pager button,.hw-search-back,.hw-search-retry) { min-height: 42px; padding: 8px 12px !important; color: var(--hw-ui-accent) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-detail { padding: 10px 12px 16px; background: transparent; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-detail h3 { margin: 8px 0 20px; font-size: 18px !important; line-height: 1.6; color: var(--hw-ui-text) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-detail h4 { margin: 18px 0 8px; font-size: 15px !important; font-weight: 600; color: var(--hw-ui-muted) !important; }
html:root body #workspaceCommandBar #globalAiSearchResults .hw-search-detail p { margin: 0; font-size: 16px !important; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--hw-ui-text) !important; }
@media (max-width: 600px) {
  html:root body #workspaceCommandBar #globalAiSearchPanel { position: fixed !important; top: var(--hw-search-top, 110px) !important; left: 12px !important; width: calc(100vw - 24px) !important; max-height: calc(100dvh - var(--hw-search-top, 110px) - 12px) !important; }
}


/* source: commerce.css */
.hw-commerce { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 18px; padding: clamp(18px, 3vw, 30px); margin-block: 20px; }
.hw-commerce-header, .hw-commerce-actions, .hw-commerce-balance { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.hw-commerce h2, .hw-commerce h3, .hw-commerce p { margin: 0 0 14px; }
.hw-commerce h2 { font-size: 22px; } .hw-commerce h3 { font-size: 19px; }
.hw-commerce p { line-height: 1.65; } .hw-commerce button, .hw-commerce a.primary-btn { min-height: 44px; padding: 11px 20px; font-size: 16px; margin: 5px 8px 5px 0; cursor: pointer; }
.hw-commerce button:disabled { cursor: not-allowed; opacity: .55; }
.hw-commerce-balance { justify-content: flex-start; padding-block: 10px; } .hw-commerce-balance strong { font-size: 28px; font-variant-numeric: tabular-nums; }
.hw-commerce-package { padding-block: 14px 20px; } .hw-commerce-price { font-size: 32px; font-weight: 750; }
.hw-commerce-actions { justify-content: flex-start; border-top: 1px solid var(--line); padding-top: 14px; }
.hw-commerce-note, .hw-commerce-record span, .hw-commerce-record small { color: var(--muted); font-size: 14px; }
.hw-commerce-status:empty { display: none; } .hw-commerce-status { padding: 10px 14px; border-radius: 8px; background: var(--panel-soft); }
.hw-commerce a { color: var(--accent); text-underline-offset: 3px; } .hw-commerce a.primary-btn { display: inline-block; color: var(--text); text-decoration: none; }
.hw-commerce-record { border-top: 1px solid var(--line); padding-block: 18px; overflow-wrap: anywhere; } .hw-commerce-record strong { display: block; margin-bottom: 8px; }
.hw-commerce form { display: grid; gap: 16px; max-width: 700px; } .hw-commerce label { display: grid; gap: 8px; font-weight: 600; }
.hw-commerce input, .hw-commerce textarea { background: var(--bg); color: var(--text); border: 1px solid var(--line); border-radius: 9px; padding: 12px; font: inherit; width: 100%; min-width: 0; box-sizing: border-box; }
.hw-commerce textarea { resize: vertical; } .hw-commerce form button { justify-self: start; }
.hw-commerce img { display: block; max-width: 100%; object-fit: contain; border-radius: 8px; margin-block: 12px; }
.hw-commerce-messages { max-height: 400px; overflow-y: auto; margin-bottom: 20px; } .hw-commerce-messages article { border-bottom: 1px solid var(--line); padding-block: 12px; } .hw-commerce-messages p { white-space: pre-wrap; overflow-wrap: anywhere; } .hw-commerce-messages img { max-width: 320px; max-height: 240px; }
.hw-commerce :focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media (max-width: 600px) { .hw-commerce-header { align-items: flex-start; } .hw-commerce-balance strong { font-size: 26px; } .hw-commerce-actions { gap: 4px; } .hw-commerce-actions button { padding: 10px; margin-right: 0; } }


/* source: trial-status.css */
/* Compact, on-demand help. No trial card is mounted above the resume page. */
#hardaskTrialHelp[hidden]{display:none!important}
#hardaskTrialHelp{box-sizing:border-box;width:fit-content;max-width:100%;margin:0 0 12px;border:0;background:transparent!important;color:var(--hw-ui-muted,#626a75);font:inherit}
#hardaskTrialHelp>summary{display:list-item;box-sizing:border-box;width:fit-content;max-width:100%;min-height:44px;padding:11px 4px;cursor:pointer;font-size:14px;line-height:22px;text-underline-offset:4px}
#hardaskTrialHelp>summary:hover{text-decoration:underline}
#hardaskTrialHelp>div{max-width:520px;padding:16px;border:1px solid var(--hw-ui-line,#e6e8ec);border-radius:16px;background:var(--hw-ui-surface,#fff)}

/* Native modal: browser owns focus containment/Escape. Older browsers keep the
   inline details above and never receive a fake modal or a scroll lock. */
#hardaskTrialDialog:not([open]){display:none!important}
#hardaskTrialDialog{box-sizing:border-box;width:calc(100% - 32px);max-width:520px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid var(--hw-ui-line,#e6e8ec);border-radius:24px;background:var(--hw-ui-surface,#fff)!important;color:var(--hw-ui-text,#20252d)!important;box-shadow:0 24px 80px rgb(0 0 0 / .24);font:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#hardaskTrialDialog::backdrop{background:rgb(12 16 22 / .5)}
#hardaskTrialDialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#hardaskTrialDialog>header>[data-hardask-brand]{display:inline-flex;align-items:center;gap:9px;font-weight:700}
#hardaskTrialDialog>header>button{width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--hw-ui-soft,#f8ece9)!important;color:var(--hw-ui-text,#20252d)!important;font:400 27px/1 system-ui;cursor:pointer}
#hardaskTrialDialog>h2{margin:0 0 16px;font-size:24px;line-height:1.3;font-weight:650;letter-spacing:-.025em}
#hardaskTrialDialog .trial-status-card,#hardaskTrialHelp .trial-status-card{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:var(--hw-ui-text,#20252d)!important}
#hardaskTrialDialog :is(h2,h3,p,summary,small),#hardaskTrialHelp :is(h3,p,summary,small){color:var(--hw-ui-text,#20252d)!important}
#hardaskTrialDialog h3,#hardaskTrialHelp h3{margin:0 0 12px;font-size:18px;font-weight:650;line-height:1.45;letter-spacing:-.015em}
#hardaskTrialDialog p,#hardaskTrialHelp p{margin:10px 0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#hardaskTrialDialog .trial-status-scope,#hardaskTrialHelp .trial-status-scope{padding:14px 16px;margin:18px 0;border-radius:14px;background:var(--hw-ui-soft,#f8ece9)!important;font-size:15px;font-weight:600}
#hardaskTrialDialog .trial-status-scope small,#hardaskTrialHelp .trial-status-scope small{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--hw-ui-muted,#626a75)!important}
#hardaskTrialDialog .trial-status-note,#hardaskTrialDialog .trial-status-note :is(p,summary),#hardaskTrialHelp .trial-status-note,#hardaskTrialHelp .trial-status-note :is(p,summary){color:var(--hw-ui-muted,#626a75)!important;font-size:14px;line-height:1.7}
#hardaskTrialDialog details,#hardaskTrialHelp details{margin-top:20px;padding-top:12px;border-top:1px solid var(--hw-ui-line,#e6e8ec)}
#hardaskTrialDialog summary,#hardaskTrialHelp details summary{min-height:40px;padding:7px 0;cursor:pointer}
#hardaskTrialDialog .trial-status-actions,#hardaskTrialHelp .trial-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}
#hardaskTrialDialog .trial-status-actions button,#hardaskTrialHelp .trial-status-actions button{box-sizing:border-box;min-height:44px;padding:10px 14px;border:1px solid var(--hw-ui-line,#e6e8ec)!important;border-radius:12px;background:var(--hw-ui-surface,#fff)!important;color:var(--hw-ui-text,#20252d)!important;font:inherit;font-size:14px;line-height:1.5;cursor:pointer}
#hardaskTrialDialog .trial-status-actions :is([data-trial-action="prepare"],[data-trial-action="purchase"],[data-trial-action="intro-start"]),#hardaskTrialHelp .trial-status-actions :is([data-trial-action="prepare"],[data-trial-action="purchase"]){flex-basis:100%;background:var(--hw-ui-accent,#a63a32)!important;border-color:var(--hw-ui-accent,#a63a32)!important;color:#fff!important;font-weight:600}
#hardaskTrialDialog button:disabled,#hardaskTrialHelp button:disabled{cursor:wait;opacity:.55}
#hardaskTrialDialog :focus-visible,#hardaskTrialHelp :focus-visible{outline:2px solid var(--hw-ui-accent,#a63a32);outline-offset:3px}
#hardaskTrialDialog .trial-intro>img{display:block;box-sizing:border-box;width:100%;height:auto;max-height:210px;object-fit:cover;border-radius:16px;margin-bottom:18px}

/* Existing start-page disclosure already follows theme tokens in production.
   Keep that contract explicit against legacy global night-mode !important. */
#hwWorkbenchMain #resumePracticeWorkspace .rp-trial-policy,#hwWorkbenchMain #resumePracticeWorkspace .rp-trial-policy :is(summary,p){color:var(--hw-ui-muted,#626a75)!important;background:transparent!important}

@media(max-width:600px){
  #hardaskTrialDialog{padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-radius:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  #hardaskTrialDialog>h2{font-size:22px}
}
@media(prefers-reduced-motion:no-preference){#hardaskTrialDialog[open]{animation:hw-trial-enter .18s ease-out both}}
@keyframes hw-trial-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}


/* source: workspace-shell.css */
/* One presentation layer; routes, account data and billing remain existing owners. */
/* The practice renderer reconciles away foreign data attributes on every
   refresh. Its page chrome is stable: hide that chrome before first paint,
   independent of the late observer. Question/report content titles stay. */
html.hw-shell-v2 body #hwWorkbenchMain :is(.rp-workspace.rp-reports,.rp-workspace.rp-interview) > .rp-heading { display: none !important; }
html.hw-shell-v2 body #hwWorkbenchMain [data-hw-duplicate-title],
html.hw-shell-v2 body #hwWorkbenchMain [data-hw-empty-title-wrap] { display: none !important; }
/* The whole account form scrolls as one surface. Its actions must never cover
   fields, especially when an on-screen keyboard reduces the visual viewport. */
html:root body #accountModal:not(.hidden) { align-items: flex-start !important; padding: max(12px,env(safe-area-inset-top,0px)) 12px !important; box-sizing: border-box; }
html:root body #accountModal #accountForm.hw-redesign-account-form { display: block !important; max-height: calc(var(--hw-visual-height,100dvh) - 24px) !important; overflow-y: auto !important; overscroll-behavior: contain; scroll-padding-block: 20px; margin: auto !important; }
html:root body #accountModal #accountForm .hw-redesign-account-body { overflow: visible !important; }
html:root body #accountModal #accountForm .hw-redesign-account-actions { position: static !important; }
html:root body #accountModal #accountForm .hw-brand-intro { display: none !important; }
html:root body #accountModal #accountForm .hw-redesign-account-header { padding: 20px 24px 12px !important; }
html:root body #accountModal #accountGuestNotice { display: none !important; }
@media(max-width:767px) {
  html:root body #accountModal { top: var(--hw-visual-top,0px) !important; bottom: auto !important; height: var(--hw-visual-height,100dvh) !important; }
  html:root body #accountModal #accountForm :is(input,textarea,select) { font-size: 16px !important; scroll-margin-block: 20px; }
  html:root body #accountModal #accountForm .hw-redesign-account-header { padding: 16px 18px 10px !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-body { padding: 0 18px 16px !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-actions { grid-template-columns: minmax(0,1fr) auto !important; padding: 12px 18px 16px !important; }
  html:root body #accountModal #accountForm .hw-redesign-account-actions button { min-height:44px; width:auto !important; }
  html.hw-mobile-editing body #hwWorkbenchMain #workspaceCommandBar { position: static !important; }
}
html.hw-shell-v2 {
  --hw-shell-nav-width: 232px;
  --font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --hw-ui-heading-weight: 650;
  --hw-ui-control-weight: 600;
}
html.hw-shell-v2:has(.sidebar-collapsed) { --hw-shell-nav-width: 60px; }
html.hw-shell-v2 body { font-size: 16px; line-height: 1.6; background: var(--hw-ui-bg); }
html.hw-shell-v2 body :is(button,input,textarea,select) { font-family: var(--font-ui); }
html.hw-shell-v2 body #hwWorkbenchMain :is(h1,h2,h3,h4),
html.hw-shell-v2 body #workspacePanelRoot :is(h1,h2,h3,h4) { font-family: var(--font-ui); font-weight: var(--hw-ui-heading-weight) !important; letter-spacing: -.015em; text-wrap: balance; }
html.hw-shell-v2 body #hwWorkbenchMain :is(.primary-btn,.ghost-btn,.p10-button,.rp-button) { font-weight: var(--hw-ui-control-weight); }
/* The existing screen/card hierarchy stays intact; only its type scale is shared. */
html.hw-shell-v2 body #hwWorkbenchMain :is(#p10Home .p10-heading h1,#resumeProfileWorkspace .p04-header h2,#resumePracticeWorkspace .rp-heading h1),
html.hw-shell-v2 body #hwWorkbenchMain .hw-usage-page > h1 { font-size: clamp(26px,2.5vw,30px) !important; line-height: 1.35 !important; }
html.hw-shell-v2 body #hwWorkbenchMain :is(#p10Home .p10-home-start h2,#resumeProfileWorkspace .p04-card h3,#resumePracticeWorkspace .rp-prepare > h2) { font-size: 22px !important; line-height: 1.45 !important; }
html.hw-shell-v2 body .shell { display: grid !important; grid-template-columns: var(--hw-shell-nav-width) minmax(0, 1fr) !important; background: var(--hw-ui-bg) !important; }
html.hw-shell-v2 body #workspaceSidebar { width: var(--hw-shell-nav-width) !important; padding: 16px 10px 12px !important; background: var(--hw-ui-surface) !important; border-right: 1px solid var(--hw-ui-line) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; box-shadow: none !important; position: sticky !important; top: 0 !important; height: 100dvh !important; overflow: auto !important; }
html.hw-shell-v2 body #workspaceSidebar .brand { min-height: 48px !important; height: 48px !important; padding: 0 4px !important; position: relative !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-head { width: 100% !important; padding: 0 !important; display: flex !important; min-height: 0 !important; height: 44px !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar, html.hw-shell-v2 body #workspaceSidebar .brand { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.hw-shell-v2 body #workspaceSidebar #hwShellBrandHead:has(#hardaskBrand) { display: flex !important; flex-direction: row !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0 !important; margin: 0 !important; position: static !important; transform: none !important; align-items: center !important; justify-content: flex-start !important; text-align: left; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-start !important; transform: none !important; margin: 0 !important; width: 154px !important; height: 44px !important; min-height: 0 !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-main-logo-mark { width: 32px !important; height: 34px !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-head--main::before, html.hw-shell-v2 body #workspaceSidebar .brand-head--main::after { display: none !important; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand .brand-main-logo-mark { display: block !important; flex: 0 0 32px !important; width: 32px !important; height: 34px !important; position: static !important; transform: none !important; margin: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .brand .brand-head--main { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar .hardask-brand-wordmark { font-size: 28px !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-subtitle-text, html.hw-shell-v2 body #workspaceSidebar .brand-main-logo-copy small { display: none !important; }
html.hw-shell-v2 body #sidebarToggle { position: absolute !important; right: 0 !important; top: 2px !important; width: 44px !important; height: 44px !important; padding: 10px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--hw-ui-muted) !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceNavigation { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item { min-height: 44px !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 8px !important; width: 100% !important; background: transparent !important; box-shadow: none !important; color: var(--hw-ui-text) !important; font-size: 15px !important; font-weight: 500 !important; transform: none !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item:hover, html.hw-shell-v2 body #sidebarToggle:hover { background: var(--hw-ui-hover) !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item.active { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; }
/* Bottom navigation sits outside workspaceNavigation. Outrank the legacy
   avatar stylesheet's two sentinel IDs without changing route or wallet code. */
html.hw-shell-v2 body #workspaceSidebar#workspaceSidebar#workspaceSidebar .sidebar-bottom-zone .menu-item.active { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar#workspaceSidebar#workspaceSidebar .sidebar-bottom-zone .menu-item.active :is(.menu-item-label,.menu-item-icon) { color: var(--hw-ui-accent) !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon { display: inline-flex !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; background: none !important; mask: none !important; -webkit-mask: none !important; font-size: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon::before, html.hw-shell-v2 body #workspaceSidebar .menu-item-icon::after, html.hw-shell-v2 body #workspaceSidebar .menu-item::before, html.hw-shell-v2 body #workspaceSidebar .menu-item::after { display: none !important; content: none !important; }
html.hw-shell-v2 body #workspaceSidebar #workspaceNavigation .menu-item > .menu-item-icon::before,
html.hw-shell-v2 body #workspaceSidebar #workspaceNavigation .menu-item > .menu-item-icon::after { display: none !important; content: none !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon svg { display: block !important; visibility: visible !important; background: none !important; mask: none !important; -webkit-mask: none !important; fill: none !important; }
html.hw-shell-v2 svg { flex-shrink: 0; }
html.hw-shell-v2 #workspaceSidebar svg { width: 20px; height: 20px; }
html.hw-shell-v2 .hw-shell-nav-label { padding: 16px 12px 4px; font-size: 12px; color: var(--hw-ui-muted); }
html.hw-shell-v2 body #workspaceSidebar .sidebar-bottom-zone { margin-top: auto !important; padding: 12px 0 0 !important; border-top: 1px solid var(--hw-ui-line) !important; display: grid !important; gap: 4px !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar .sidebar-account-card { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar #sidebarAccountBtn { padding: 8px 10px !important; min-height: 48px !important; border: 0 !important; background: var(--hw-ui-sidebar) !important; color: var(--hw-ui-text) !important; border-radius: 8px !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar #sidebarAccountBtn:hover { background: var(--hw-ui-hover) !important; }
html.hw-shell-v2 body #sidebarAccountAvatar { width: 28px !important; height: 28px !important; flex-basis: 28px !important; }
html.hw-shell-v2 body #sidebarAccountBtn strong { font-size: 14px !important; }
html.hw-shell-v2 body #sidebarAccountBtn small { font-size: 12px !important; }
html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .menu-item-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .hw-shell-nav-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .sidebar-account-copy { display: none !important; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar .menu-item { padding: 10px !important; }
html.hw-shell-v2 body .sidebar-collapsed #sidebarAccountBtn { padding: 6px !important; }
html.hw-shell-v2 body #hwWorkbenchMain { min-width: 0 !important; padding: 0 !important; }
/* Brand belongs to the left rail; search is centred in the main content.
   The page title gets its own lower row instead of crowding the search input. */
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar { display: grid !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; padding: 12px 24px 14px !important; gap: 10px 16px !important; box-sizing: border-box; align-items: center !important; border-bottom: 1px solid var(--hw-ui-line) !important; background: var(--hw-ui-bg) !important; box-shadow: none !important; grid-template-columns: minmax(80px,1fr) minmax(180px,540px) minmax(80px,1fr) !important; grid-template-rows: minmax(44px,auto) minmax(28px,auto) !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar > :is(.topbar-left,.topbar-center,.topbar-right) { min-width: 0 !important; margin: 0 !important; transform: none !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) .topbar-left { display: flex !important; grid-column: 1/-1 !important; grid-row: 2 !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 28px; padding: 0 !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) .topbar-title-stack { display: flex !important; align-items: flex-start !important; justify-content: center !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; align-self: stretch; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) #pageTitle { margin: 0 !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; font-size: 20px !important; line-height: 1.4 !important; font-weight: var(--hw-ui-heading-weight) !important; letter-spacing: -.015em; text-align: left !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; }
/* Old homepage rules cap the header at 56px and its title column at 220px.
   Explicitly release those caps, not merely the preferred width/height. */
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar { max-height: none !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) :is(.topbar-left,.topbar-title-stack) { max-width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar .topbar-right { max-width: none !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar .topbar-center { position: relative !important; grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: 540px !important; left: auto !important; right: auto !important; justify-self: center !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar .topbar-right { display: flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-content: flex-end !important; align-items: center !important; width: 100% !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar #globalSearchControl { width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 44px !important; height: 44px !important; box-sizing: border-box; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; padding: 4px 12px !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar #topbarCommandInput { width: 100% !important; min-width: 0 !important; font-size: 16px !important; line-height: 24px !important; min-height: 30px !important; padding: 0 !important; }
html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar #companionTopbarEntry { min-height: 44px !important; height: 44px !important; padding: 4px 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 72px !important; }
html.hw-shell-v2 body #workspaceCommandBar #debugTopbarActions { min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
html.hw-shell-v2 body #workspaceCommandBar #globalSearchControl .topbar-search-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; }
html.hw-shell-v2 body #workspaceCommandBar #globalSearchControl svg { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }
html.hw-shell-v2 body #companionTopbarEntry small { display: none !important; }
html.hw-shell-v2 body #companionTopbarEntry img { width: 26px !important; height: 26px !important; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel { width: 100%; max-width: 1280px; margin: 0 auto; padding: 32px clamp(20px, 3vw, 48px) !important; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="waveform"] { max-width: none; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="interview"] { padding: 0 16px !important; }
html.hw-shell-v2 .p10-home-simple { max-width: 920px; margin: 28px auto; display: grid; gap: 32px; }
html.hw-shell-v2 .p10-home-start { padding: 28px !important; border-radius: 16px; }
html.hw-shell-v2 body #hwWorkbenchMain #homeDashboard #p10Home .p10-home-recent { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.hw-shell-v2 .p10-home-recent article { border-bottom: 1px solid var(--hw-ui-line); padding: 16px 0; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list { display: grid !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; list-style: none; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list > li { display: grid !important; grid-template-columns: minmax(0,1fr) 64px !important; align-items: center !important; gap: 16px !important; padding: 16px 0 !important; width: 100% !important; box-sizing: border-box; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list > li > div { min-width: 0; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list strong { display: block !important; font-size: 15px !important; line-height: 1.6 !important; white-space: normal !important; overflow-wrap: anywhere; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list small { display: block !important; font-size: 12px !important; line-height: 1.5 !important; margin-top: 5px; color: var(--hw-ui-muted) !important; white-space: normal !important; }
html.hw-shell-v2 body #hwWorkbenchMain #p10Home .hw-redesign-recent-list > li > button { width: 64px !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 8px !important; justify-self: end; font-size: 14px !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionPanel { position: static !important; display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; flex-direction: column !important; width: 100% !important; height: 100% !important; max-height: none !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; transform: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot[data-panel-id="xiaowen"] .hw-panel-body { padding: 0 16px; overflow: hidden; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionPanel .companion-panel-head, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionBriefCard, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-conversation-label { display: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot .hw-workspace-panel { background: var(--hw-ui-surface) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-agent-layout,
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-agent-workspace,
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .hw-redesign-assistant-scroll { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-message { font-size: 15px !important; line-height: 1.65 !important; background: transparent !important; border: 0 !important; padding: 16px 4px !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionMessages .companion-message p { font-size: 16px !important; line-height: 1.7 !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-message.is-user { background: var(--hw-ui-hover) !important; border-radius: 14px !important; padding: 12px !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionForm { background: var(--hw-ui-hover) !important; border: 1px solid var(--hw-ui-line) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionForm button.primary-btn { background: var(--hw-ui-primary) !important; color: white !important; border-color: transparent !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionInput { color: var(--hw-ui-text) !important; background: transparent !important; font-size: 15px !important; line-height: 1.6 !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-agent-layout, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-agent-workspace { display: flex !important; flex-direction: column !important; flex: 1; min-height: 0 !important; padding: 0 !important; gap: 8px !important; width: 100% !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-assistant-scroll { flex: 1; overflow: auto; min-height: 0; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-messages { max-height: none !important; overflow: visible !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionAgentRunBoard[data-agent-status="idle"] { display: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionForm { position: static !important; margin: 8px 0 16px !important; padding: 10px !important; border-radius: 16px !important; background: var(--hw-ui-hover) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-composer-label, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionOpenCoachBtn { display: none !important; }
html.hw-shell-v2 body.companion-drawer-open #hwWorkbenchMain { filter: none !important; pointer-events: auto !important; }
html.hw-shell-v2 body #companionDrawerBackdrop { display: none !important; }
html.hw-shell-v2 :focus-visible { outline: 2px solid var(--hw-ui-accent); outline-offset: 3px; }
html.hw-shell-v2 .hw-usage-page > h1 { font-size: 26px; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce { --panel: var(--hw-ui-surface); --panel-soft: var(--hw-ui-hover); --bg: var(--hw-ui-bg); --text: var(--hw-ui-text); --muted: var(--hw-ui-muted); --line: var(--hw-ui-line); --accent: var(--hw-ui-accent); background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce .primary-btn { background: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce :is(.hw-commerce-header,.hw-commerce-package,.hw-commerce-actions,.hw-commerce-balance) { background: transparent !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero { min-height: 0 !important; padding: 0 !important; margin: 0 0 24px !important; background: transparent !important; border: 0 !important; }
html.hw-shell-v2 body .hw-redesign-settings { gap: 24px !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero h2 { margin: 0 !important; font-size: 26px !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero .eyebrow { display: none !important; }
html.hw-shell-v2 body .hw-reading-page { max-width: 860px !important; line-height: 1.8; }
html.hw-shell-v2 body.hw-panel-full #hwWorkbenchMain { visibility: hidden; }
html.hw-panels-v2.react-student-embedded { --hw-shell-nav-width: 0px; }
html.hw-panels-v2.react-student-embedded #globalAiSearchPanel:not([hidden]) { position: fixed !important; inset: 8px 16px auto !important; width: auto !important; max-width: 800px !important; margin: 0 auto !important; max-height: calc(100dvh - 24px) !important; overflow: auto !important; z-index: 1100 !important; }
html.hw-panels-v2.react-student-embedded #globalAiSearchPanel[hidden] { display: none !important; }
@media(min-width:768px) and (max-width:1100px) { html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar { padding-inline: 16px !important; gap: 10px 12px !important; grid-template-columns: minmax(72px,1fr) minmax(160px,420px) minmax(72px,1fr) !important; } }
@media(max-width: 767px) {
  html.hw-shell-v2 body .shell { display: block !important; }
  html.hw-shell-v2 body #workspaceSidebar { position: fixed !important; left: 0 !important; top: 0 !important; width: min(280px, 88vw) !important; z-index: 1300 !important; padding-top: 52px !important; }
  html.hw-shell-v2 body.mobile-navigation-enabled .shell > #workspaceSidebar.sidebar { background: var(--hw-ui-surface) !important; }
  html.hw-shell-v2 body:not(.mobile-navigation-open) #workspaceSidebar { display: none !important; }
  html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .menu-item-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .hw-shell-nav-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .sidebar-account-copy { display: block !important; }
  html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar { height: auto !important; min-height: 0 !important; padding: calc(6px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px)) !important; gap: 8px 10px !important; grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: minmax(44px,auto) 44px minmax(28px,auto) !important; }
  html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) .topbar-left { grid-row: 3 !important; grid-column: 1/-1 !important; padding: 0 !important; }
  html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar .topbar-right { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; }
  html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar .topbar-center { grid-row: 2 !important; grid-column: 1/-1 !important; width: 100% !important; max-width: none !important; }
  html.hw-shell-v2 body #hwWorkbenchMain #workspaceCommandBar:has(#pageTitle) #pageTitle { font-size: 18px !important; line-height: 1.5 !important; }
  html.hw-shell-v2 body :is(#mobileNavigationToggle,#mobileNavigationClose) { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 10px !important; background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; box-shadow: none !important; }
  html.hw-shell-v2 body #mobileNavigationToggle { top: calc(6px + env(safe-area-inset-top,0px)) !important; left: max(12px,env(safe-area-inset-left,0px)) !important; }
  html.hw-shell-v2 body :is(#mobileNavigationToggle,#mobileNavigationClose) svg { display: block !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; flex: 0 0 22px !important; }
  html.hw-shell-v2 body.mobile-navigation-enabled #workspaceCommandBar #globalAiSearchPanel { position: fixed !important; left: max(12px,env(safe-area-inset-left,0px)) !important; right: max(12px,env(safe-area-inset-right,0px)) !important; top: var(--hw-search-top,110px) !important; width: auto !important; max-width: none !important; max-height: calc(100dvh - var(--hw-search-top,110px) - 16px - env(safe-area-inset-bottom,0px)) !important; }
  html.hw-shell-v2 body #hwWorkbenchMain > .panel { padding: 20px 16px !important; }
  html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="interview"] { padding: 0 8px !important; }
  html.hw-shell-v2 body #hwWorkbenchMain :is(#p10Home .p10-heading h1,#resumeProfileWorkspace .p04-header h2,#resumePracticeWorkspace .rp-heading h1),
  html.hw-shell-v2 body #hwWorkbenchMain .hw-usage-page > h1 { font-size: 24px !important; line-height: 1.4 !important; }
  html.hw-shell-v2 body #hwWorkbenchMain :is(#p10Home .p10-home-start h2,#resumeProfileWorkspace .p04-card h3,#resumePracticeWorkspace .rp-prepare > h2) { font-size: 20px !important; line-height: 1.5 !important; }
  html.hw-shell-v2 body #hwWorkbenchMain :is(input,textarea,select) { font-size: 16px !important; }
  html.hw-shell-v2 .p10-home-simple { margin: 0; gap: 24px; }
  html.hw-shell-v2 .p10-home-start { padding: 20px !important; }
  html.hw-shell-v2 #workspaceSidebar #sidebarToggle { display: none !important; }
}


/* source: brand.css */
/* Shared identity: original mark + Chinese name + deliberately spaced wordmark.
   Platform fonts only; romanization is display copy, not an account identifier. */
[data-hardask-brand] { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; text-align: left; color: var(--hw-ui-text, var(--text)); background: transparent; border: 0; box-shadow: none; }
.hw-brand-mark { display: block; flex: 0 0 28px; width: 28px; height: 30px; background: var(--hw-brand-mark, var(--hw-ui-accent, #a63a32)); mask: url('./assets/hardask-mark.svg') center / contain no-repeat; -webkit-mask: url('./assets/hardask-mark.svg') center / contain no-repeat; }
.hw-brand-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; white-space: nowrap; text-align: left; }
.hw-brand-name { display: block; font-size: 24px; line-height: 1.1; font-weight: 650; letter-spacing: .035em; font-kerning: normal; }
.hw-brand-romanization { display: block; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 10px; line-height: 1.2; font-weight: 650; letter-spacing: .18em; color: var(--hw-ui-muted, var(--muted)); }
[data-brand-mode="wordmark"] .hw-brand-mark, [data-brand-mode="collapsed"] .hw-brand-copy { display: none; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 48px) !important; height: 48px !important; min-height: 44px !important; max-height: 48px !important; text-align: left !important; color: var(--hw-ui-text) !important; border-radius: 8px !important; cursor: pointer; }
html.hw-shell-v2 body #workspaceSidebar #hwShellBrandHead:has(#hardaskBrand) { flex-direction: row !important; justify-content: flex-start !important; text-align: left !important; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand .hw-brand-name { font-size: 24px; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar .brand { min-height: 88px !important; height: 88px !important; align-items: flex-start !important; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar #hwShellBrandHead { width: 40px !important; min-width: 40px !important; height: 40px !important; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar #hardaskBrand { width: 40px !important; min-width: 40px !important; max-width: 40px !important; justify-content: center !important; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar #sidebarToggle { top: 46px !important; left: 4px !important; right: auto !important; }
.hw-brand-intro { margin: 8px 0 16px; }
.hw-brand-intro h4 { margin: 14px 0 8px; font-size: 20px; line-height: 1.5; }
.hw-brand-intro p { margin: 6px 0; color: var(--hw-ui-muted, var(--muted)); line-height: 1.65; }
.hw-brand-intro [data-brand-copy="scope"] { font-size: 13px; }
/* The sidebar owns desktop identity. Phones get the same left-aligned brand
   in the command bar; the current page title remains a separate heading. */
#headerHardaskBrand { display: none; }
@media (max-width: 767px) {
  html.hw-shell-v2 body #workspaceSidebar .brand { display: none !important; }
  .hw-brand-intro h4 { font-size: 18px; }
  html.hw-shell-v2 body #workspaceCommandBar #headerHardaskBrand { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; width: fit-content !important; min-width: 44px !important; min-height: 44px !important; height: auto !important; margin: 0 0 0 48px !important; padding: 0 !important; gap: 8px !important; border: 0 !important; border-radius: 8px; color: var(--hw-ui-text) !important; background: transparent !important; box-shadow: none !important; text-align: left !important; transform: none !important; cursor: pointer; }
  #headerHardaskBrand .hw-brand-mark { width: 24px; height: 28px; flex-basis: 24px; }
  #headerHardaskBrand .hw-brand-name { font-size: 22px; line-height: 1.1; }
  #headerHardaskBrand .hw-brand-romanization { font-size: 10px; }
}


/* source: user-avatar.css */
/* Customer avatars only. Assistant portraits and brand artwork are unchanged. */
html body .hw-user-avatar,
html body #sidebarAccountAvatar.hw-user-avatar,
html body #accountPreviewAvatar.hw-user-avatar,
html body #settingsProfileAvatar.hw-user-avatar {
  width: var(--hardask-user-avatar-size, 32px) !important;
  height: var(--hardask-user-avatar-size, 32px) !important;
  min-width: var(--hardask-user-avatar-size, 32px) !important;
  min-height: var(--hardask-user-avatar-size, 32px) !important;
  max-width: var(--hardask-user-avatar-size, 32px) !important;
  max-height: var(--hardask-user-avatar-size, 32px) !important;
  inline-size: var(--hardask-user-avatar-size, 32px) !important;
  block-size: var(--hardask-user-avatar-size, 32px) !important;
  min-inline-size: var(--hardask-user-avatar-size, 32px) !important;
  min-block-size: var(--hardask-user-avatar-size, 32px) !important;
  max-inline-size: var(--hardask-user-avatar-size, 32px) !important;
  max-block-size: var(--hardask-user-avatar-size, 32px) !important;
  flex: 0 0 var(--hardask-user-avatar-size, 32px) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background-image: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  object-fit: cover !important;
  transform: none !important;
  filter: none !important;
}
html body .hw-user-avatar::before,
html body .hw-user-avatar::after,
html body .hw-user-avatar-frame::before,
html body .hw-user-avatar-frame::after,
html body .user-settings-avatar-button::after,
html body .user-settings-avatar-button > span {
  display: none !important;
  content: none !important;
}
html body .hw-user-avatar > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  object-fit: cover !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}
html body .hw-user-avatar-frame,
html body .user-settings-avatar-button,
html body .engineer-dossier-avatar,
html body .engineer-avatar,
html body .growth-archive-avatar {
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  overflow: hidden;
}
html body .user-settings-avatar-button {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  flex: 0 0 64px !important;
}
html body .hw-user-avatar:focus-visible,
html body .user-settings-avatar-button:focus-visible {
  outline: 2px solid var(--accent, #df776a);
  outline-offset: 3px;
}
.account-name-edit { margin-top: 20px; max-width: 540px; }
.account-name-edit[hidden] { display: none; }
.account-name-edit-row { display: flex; gap: 10px; align-items: center; margin-top: 8px; }
.account-name-edit-row input { flex: 1; min-width: 0; }
.account-name-edit p { min-height: 1.4em; margin: 8px 0 0; }
#hardaskAccountEmailChange form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
#hardaskAccountEmailChange form[hidden] { display: none; }
#hardaskAccountEmailChange label { display: grid; flex-basis: 100%; gap: 8px; min-width: 0; }
#hardaskAccountEmailChange label[hidden] { display: none; }
#hardaskAccountEmailChange input { min-width: 0; width: 100%; box-sizing: border-box; }
#hardaskAccountEmailChange button { max-width: 100%; white-space: normal; }
@media (max-width: 480px) {
  .account-name-edit-row { flex-wrap: wrap; }
  .account-name-edit-row input { flex-basis: 100%; }
}


/* source: workspace-panel.css */
#workspacePanelRoot[hidden] { display: none !important; }
#workspacePanelRoot { --hw-panel-width: 420px; position: fixed; inset: 0; z-index: 1200; pointer-events: none; }
#workspacePanelRoot .hw-workspace-panel { pointer-events: auto; position: absolute; inset: 0 0 0 auto; width: min(var(--hw-panel-width), 100%); display: flex; flex-direction: column; background: var(--hw-ui-surface); color: var(--hw-ui-text); border-left: 1px solid var(--hw-ui-line); box-shadow: none; }
#workspacePanelRoot .hw-workspace-panel > header { height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--hw-ui-line); gap: 8px; }
#workspacePanelRoot h2 { margin: 0; font-size: 17px; line-height: 1.4; }
#workspacePanelRoot header > div { display: flex; gap: 4px; }
#workspacePanelRoot header button { width: 36px; height: 36px; padding: 8px; color: var(--hw-ui-text); background: transparent; border: 0; border-radius: 8px; cursor: pointer; }
#workspacePanelRoot header button:hover { background: var(--hw-ui-hover); }
#workspacePanelRoot svg { width: 20px; height: 20px; }
#workspacePanelRoot .hw-panel-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 20px; }
#workspacePanelRoot .hw-panel-backdrop { display: none; }
#workspacePanelRoot[data-mode="overlay"] .hw-panel-backdrop { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgb(0 0 0 / .42); pointer-events: auto; }
#workspacePanelRoot[data-mode="overlay"] .hw-workspace-panel { box-shadow: -12px 0 40px rgb(0 0 0 / .18); }
body.hw-panel-docked #hwWorkbenchMain { margin-right: 420px !important; min-width: 0; }
#workspacePanelRoot[data-expanded="true"][data-mode="docked"] .hw-workspace-panel { width: calc(100% - var(--hw-shell-nav-width, 232px)); }
#workspacePanelRoot .hw-panel-error { color: var(--danger); padding: 12px 20px; }
#workspacePanelRoot :focus-visible { outline: 2px solid var(--hw-ui-accent); outline-offset: 3px; }
#workspacePanelRoot .rp-dialogue-drawer { display: contents; }
@media (max-width: 600px) { #workspacePanelRoot .hw-workspace-panel { width: 100%; padding-bottom: env(safe-area-inset-bottom, 0px); } #workspacePanelRoot .hw-panel-body { padding: 16px; } }