/* WW272: the candidate UI consumes these roles; other workspaces keep their theme. */
:root {
 --cabinet-font:Manrope,sans-serif;
 --cabinet-text:#192e4a;
 --cabinet-muted:#536a7a;
 --cabinet-surface:#fff;
 --cabinet-canvas:#f3f7fa;
 --cabinet-subtle:#eaf2f7;
 --cabinet-border:#d2dce5;
 --cabinet-control-border:#768c9e;
 --cabinet-link:#00536c;
 --cabinet-accent:#ff6e42;
 --cabinet-accent-ink:#172a38;
 --cabinet-danger:#b42318;
 --cabinet-danger-surface:#fff1f0;
 --cabinet-success:#166534;
 --cabinet-success-surface:#edf8f0;
 --cabinet-focus:#00536c;
 --cabinet-space-1:4px; --cabinet-space-2:8px;
 --cabinet-space-3:12px; --cabinet-space-4:16px;
 --cabinet-space-6:24px; --cabinet-space-8:32px;
 --cabinet-space-12:48px; --cabinet-space-16:64px;
 --cabinet-radius-control:8px;
 --cabinet-radius-card:12px;
 --cabinet-radius-dialog:16px;
 --cabinet-page-max:1200px;
 --cabinet-page-gutter:32px;
 --cabinet-page-title:700 32px/40px var(--cabinet-font);
 --cabinet-section-title:700 24px/32px var(--cabinet-font);
 --cabinet-card-title:600 18px/28px var(--cabinet-font);
 --cabinet-body:400 16px/24px var(--cabinet-font);
 --cabinet-secondary:400 14px/20px var(--cabinet-font);
 --cabinet-label:600 14px/20px var(--cabinet-font);
 --cabinet-caption:500 12px/16px var(--cabinet-font);
 --cabinet-motion-feedback:160ms cubic-bezier(.23,1,.32,1);
}

/* At desktop: available area = viewport - sidebar. Content <=1200; gutters32.
   A two-column content row is (available-2*32-32)/2, never viewport-centred. */
.ww-final-site #root .ww-final-workspace .ww-ui-page {
 min-width:0;max-width:none;width:100%;margin:0;padding:0;
 color:var(--cabinet-text);background:var(--cabinet-canvas);font:var(--cabinet-body);
}
.ww-final-site #root .ww-ui-page-inner {
 box-sizing:border-box;min-width:0;width:100%;
 max-width:calc(var(--cabinet-page-max) + 2 * var(--cabinet-page-gutter));
 margin-inline:auto;padding:var(--cabinet-space-8) var(--cabinet-page-gutter) var(--cabinet-space-16);
}
.ww-final-site #root .ww-ui-page-inner > * {min-width:0;max-width:100%}
.ww-final-site #root .ww-ui-page-inner > * + * {margin-top:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.b2c-profile,.ww-candidate-profile,.final-hub,.final-participation,.ww-cabinet-jobs,.ww-cabinet-services,.j-jobs,.career-diagnostics,.b2c-diagnostics,.cp-layout,.cp-main,.b2c-catalog,.service-orders,.so-orders-layout,.so-order-content) {
 min-width:0;max-width:none;width:100%;margin-inline:0;
}
.ww-final-site #root .ww-ui-page :is(.final-hub,.b2c-profile,.j-jobs,.career-diagnostics,.b2c-diagnostics,.ww-cabinet-jobs,.ww-cabinet-services) {padding:0}
.ww-final-site #root .ww-ui-page :is(.ww-content,.ww-privacy-request,.b2c-materials) {max-width:none;width:100%;margin:0;padding:0;min-width:0}
.ww-final-site #root .ww-ui-page :is(.ww-content,.ww-privacy-request) .ww-ui-card {margin-block:var(--cabinet-space-8);background:var(--cabinet-surface)}
.ww-final-site #root .ww-ui-page :is(.pr-primary,.cc-primary,.cd-button,.b2c-button) {display:inline-flex;align-items:center;justify-content:center;gap:var(--cabinet-space-2);background:var(--cabinet-accent);color:var(--cabinet-accent-ink);border:1px solid var(--cabinet-accent);border-radius:var(--cabinet-radius-control);min-height:var(--cabinet-space-12);padding:var(--cabinet-space-3) var(--cabinet-space-4);font:var(--cabinet-label);box-shadow:none}
.ww-final-site #root .ww-ui-page :is(.cc-editor,.pr-card) label {margin-block:var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page .cc-grid {gap:var(--cabinet-space-6);margin-block:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page .cc-grid > .ww-ui-card {margin:0}
.ww-final-site #root .ww-ui-page :is(.ww-ui-page-header,.ww-ui-section-header,.ww-ui-card-header) {
 display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
 gap:var(--cabinet-space-4);padding:0;background:transparent;border:0;box-shadow:none;min-height:0;
}
.ww-final-site #root .ww-ui-page .ww-ui-page-header {margin:0 0 var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.ww-ui-section-header,.ww-ui-card-header) {margin:0 0 var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page .ww-ui-page-header > div:first-child {min-width:0;flex:1}
.ww-final-site #root .ww-ui-page .ww-ui-page-header :is(h1,h2,h3) {margin:0}
.ww-final-site #root .ww-ui-page .ww-ui-page-header :is(h1,h2,h3) + p {margin-top:var(--cabinet-space-2)}
.ww-final-site #root .ww-ui-page .ww-ui-page-header > :is(button,a) {align-self:center}

/* Semantic type wins over legacy utility rules and previous per-page styles. */
.ww-final-site #root .ww-ui-page :is(h1,.ww-ui-text--page-title) {font:var(--cabinet-page-title)!important;color:var(--cabinet-text)!important;letter-spacing:-.02em;text-wrap:balance}
.ww-final-site #root .ww-ui-page :is(h2,.ww-ui-text--section-title) {font:var(--cabinet-section-title)!important;color:var(--cabinet-text)!important;letter-spacing:-.02em;text-wrap:balance}
.ww-final-site #root .ww-ui-page :is(h3,.ww-ui-text--card-title) {font:var(--cabinet-card-title)!important;color:var(--cabinet-text)!important;letter-spacing:0;text-wrap:balance}
.ww-final-site #root .ww-ui-page :is(p,.ww-ui-text--body) {font:var(--cabinet-body)!important;letter-spacing:0;text-wrap:pretty}
.ww-final-site #root .ww-ui-page .ww-ui-text--secondary {font:var(--cabinet-secondary)!important}
.ww-final-site #root .ww-ui-page :is(label,.ww-ui-text--label) {font:var(--cabinet-label)!important;letter-spacing:0}
.ww-final-site #root .ww-ui-page :is(small,.ww-ui-text--caption) {font:var(--cabinet-caption)!important;letter-spacing:0}
.ww-final-site #root .ww-ui-page .ww-ui-text--muted {color:var(--cabinet-muted)}
.ww-final-site #root .ww-ui-page .ww-ui-text {overflow-wrap:anywhere}
.ww-final-site #root .ww-ui-page h1 :is(em,strong) {font:inherit!important;color:inherit!important;font-style:normal!important;background:none}
.ww-final-site #root .ww-ui-page :is(h1,h2,h3) {margin-block:0 var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page p {margin-block:0 var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page :is(.small-note,.b2c-small,.ca-muted,.cu-footnote) {font:var(--cabinet-secondary)!important;color:var(--cabinet-muted)}
.ww-final-site #root .ww-ui-page :is(.ca-metrics strong,.final-invite-number,.final-level-value,.cu-earned-count) {font:var(--cabinet-page-title)!important;font-variant-numeric:tabular-nums;color:var(--cabinet-text)}
.ww-final-site #root .ww-ui-page .ca-metrics b {font:var(--cabinet-label)!important;overflow-wrap:anywhere}
.ww-final-site #root .ww-ui-page .ca-metrics > * {min-width:0}
.ww-final-site #root .ww-ui-page :is(.b2c-page-head em,.cd-hero em,.final-page-head em) {font:inherit;color:inherit;font-style:normal;background:none}

.ww-final-site #root .ww-ui-page .ww-ui-card {
 box-sizing:border-box;min-width:0;border:1px solid var(--cabinet-border);
 border-radius:var(--cabinet-radius-card);background:var(--cabinet-surface);
 padding:var(--cabinet-space-6);box-shadow:none;color:var(--cabinet-text);
}
.ww-final-site #root .ww-ui-page .ww-ui-card--flat {border:0;background:transparent;padding:0;border-radius:0}
.ww-final-site #root .ww-ui-page .ww-ui-card-body {min-width:0}
.ww-final-site #root .ww-ui-page .ww-ui-card-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--cabinet-space-4);margin-top:var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page .ww-ui-divider {border:0;border-top:1px solid var(--cabinet-border);margin:var(--cabinet-space-6) 0}
.ww-final-site #root .ww-ui-page .ww-ui-card .ww-ui-card {border:0;background:transparent;padding:0;border-radius:0}
.ww-final-site #root .ww-ui-page :is(.cp-layout,.cp-field-grid,.b2c-offer-grid,.j-job-grid,.cu-medal-grid,.ca-metrics,.cr-mat-grid) {gap:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.cp-main,.cp-aside,.final-hub,.final-participation) {gap:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.cp-field-grid,.cb-fields,.b2c-config-fields,.so-form-grid) {gap:var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page :is(.cp-main,.cp-aside) > * + * {margin-top:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.b2c-profile-tabs,.cx-profile-tabs,.j-tabs,.final-tabs,.ww-career-tabs,.ca-tabs) {
 display:flex;flex-wrap:wrap;align-items:center;gap:var(--cabinet-space-2);padding:0;
 border:0;border-bottom:1px solid var(--cabinet-border);background:transparent;border-radius:0;margin-block:0 var(--cabinet-space-8);
}
.ww-final-site #root .ww-ui-page :is(.b2c-profile-tabs,.cx-profile-tabs,.j-tabs,.final-tabs,.ww-career-tabs,.ca-tabs) button {border-radius:var(--cabinet-radius-control) var(--cabinet-radius-control) 0 0;background:transparent;color:var(--cabinet-muted);font:var(--cabinet-label);padding:var(--cabinet-space-3) var(--cabinet-space-4);min-height:var(--cabinet-space-12);border:0;border-bottom:2px solid transparent}
.ww-final-site #root .ww-ui-page :is(.b2c-profile-tabs,.cx-profile-tabs,.j-tabs,.final-tabs,.ww-career-tabs,.ca-tabs) :is(button.active,button[aria-pressed=true],button[aria-selected=true]) {background:transparent;color:var(--cabinet-text);border-bottom-color:var(--cabinet-link)}
.ww-final-site #root .ww-ui-page :is(.btn,.so-button,.so-secondary,.text-btn,button,input,select,textarea) {font:var(--cabinet-body);border-radius:var(--cabinet-radius-control);transition:background-color var(--cabinet-motion-feedback),border-color var(--cabinet-motion-feedback),color var(--cabinet-motion-feedback);max-width:100%}
.ww-final-site #root .ww-ui-page :is(.btn,.so-button,.so-secondary) {min-height:var(--cabinet-space-12);padding:var(--cabinet-space-3) var(--cabinet-space-4);font:var(--cabinet-label);box-shadow:none;transform:none}
.ww-final-site #root .ww-ui-page :is(.btn:not(.secondary),.so-button) {background:var(--cabinet-accent);color:var(--cabinet-accent-ink);border-color:var(--cabinet-accent)}
.ww-final-site #root .ww-ui-page :is(.btn.secondary,.so-secondary) {background:var(--cabinet-surface);color:var(--cabinet-text);border:1px solid var(--cabinet-control-border)}
.ww-final-site #root .ww-ui-page :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]) {box-sizing:border-box;min-width:0;max-width:100%;min-height:var(--cabinet-space-12);border:1px solid var(--cabinet-control-border);border-radius:var(--cabinet-radius-control);padding:var(--cabinet-space-3) var(--cabinet-space-4);color:var(--cabinet-text);background:var(--cabinet-surface);font:var(--cabinet-body);caret-color:var(--cabinet-link)}
.ww-final-site #root .ww-ui-page :is(input,select,textarea)[aria-invalid=true] {border-color:var(--cabinet-danger)}
.ww-final-site #root .ww-ui-page :is(button,input,select,textarea):disabled {cursor:not-allowed;opacity:.6}
.ww-final-site #root .ww-ui-page :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid var(--cabinet-focus);outline-offset:var(--cabinet-space-1)}
.ww-final-site #root .ww-ui-page :is(a,.text-btn) {text-underline-offset:var(--cabinet-space-1)}
.ww-final-site #root .ww-ui-page :is(.final-error,.b2c-error,.j-error,[role=alert]) {color:var(--cabinet-danger);background:var(--cabinet-danger-surface);border-radius:var(--cabinet-radius-control);padding:var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page :is(.success,.b2c-success,.j-success) {color:var(--cabinet-success);background:var(--cabinet-success-surface);border-radius:var(--cabinet-radius-control);padding:var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page :is(.final-loading,.j-empty,.ww-final-empty,.ca-empty) {padding:var(--cabinet-space-6);border-radius:var(--cabinet-radius-card);background:var(--cabinet-surface)}
.ww-final-site #root .ww-ui-page dialog {box-sizing:border-box;inset:0!important;margin:auto!important;max-width:min(calc(100% - var(--cabinet-space-8)),960px);max-height:calc(100dvh - var(--cabinet-space-12));overflow:auto;border-radius:var(--cabinet-radius-dialog);padding:var(--cabinet-space-6);background:var(--cabinet-surface);color:var(--cabinet-text)}
.ww-final-site #root .ww-ui-page dialog .ww-dialog-heading {padding:0 0 var(--cabinet-space-4)}
.ww-final-site #root .ww-ui-page .b2c-dialog-body {padding:0}
.ww-final-site #root .ww-ui-page :is(.cr-profile-summary,.ca-next,.cx-journey-hero,.final-invite-hero,.cp-recommendation) {padding:var(--cabinet-space-6);border-radius:var(--cabinet-radius-card);box-shadow:none}
.ww-final-site #root .ww-ui-page :is(.ca-section,.cr-chapter,.cu-achievements,.cx-material-library,.cu-peer-practice,.cu-intro-experts) {margin-block:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.ca-section,.cr-chapter,.cu-achievements,.cx-material-library,.cu-peer-practice,.cu-intro-experts):first-child {margin-top:0}
.ww-final-site #root .ww-ui-page .ww-ui-card > :last-child {margin-bottom:0}
.ww-final-site #root .ww-ui-page ::selection {background:var(--cabinet-subtle);color:var(--cabinet-text)}
.ww-final-site #root .ww-ui-page {scrollbar-color:var(--cabinet-control-border) var(--cabinet-canvas);scrollbar-width:thin}
.ww-final-site #root .ww-ui-page :is(time,progress,td,.ca-metrics) {font-variant-numeric:tabular-nums}

@media (hover:hover) and (pointer:fine) {
 .ww-final-site #root .ww-ui-page :is(.btn.secondary,.so-secondary):not(:disabled):hover {background:var(--cabinet-subtle)}
 .ww-final-site #root .ww-ui-page :is(.btn:not(.secondary),.so-button):not(:disabled):hover {filter:brightness(.96)}
 .ww-final-site #root .ww-ui-page .text-btn:not(:disabled):hover {text-decoration:underline}
}
@media (max-width:1023px) {
 :root {--cabinet-page-gutter:24px}
 .ww-final-site #root .ww-final-workspace .ww-final-cabinet-body {grid-template-columns:minmax(0,1fr)}
 .ww-final-site #root .ww-final-workspace .ww-final-sidebar:not(.is-open) {display:none}
 .ww-final-site #root .ww-final-workspace .ww-final-menu {display:inline-flex}
 .ww-final-site #root .ww-final-workspace .ww-final-sidebar.is-open {display:block;position:fixed;inset:84px auto 0 0;width:256px;z-index:110;background:var(--cabinet-surface);overflow:auto;padding:var(--cabinet-space-4);border-right:1px solid var(--cabinet-border)}
 .ww-final-site #root .ww-ui-page .cp-layout {grid-template-columns:minmax(0,1fr)}
 .ww-final-site #root .ww-ui-page .cp-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cabinet-space-6)}
 .ww-final-site #root .ww-ui-page .cp-aside > * + * {margin-top:0}
}
@media (max-width:639px) {
 :root {--cabinet-page-gutter:16px;--cabinet-page-title:700 28px/36px var(--cabinet-font);--cabinet-section-title:700 22px/30px var(--cabinet-font)}
 .ww-final-site #root .ww-ui-page-inner {padding-top:var(--cabinet-space-6);padding-bottom:calc(var(--cabinet-space-16) + var(--cabinet-space-6) + env(safe-area-inset-bottom,0px))}
 .ww-final-site #root .ww-ui-page .ww-ui-card {padding:var(--cabinet-space-4)}
 .ww-final-site #root .ww-ui-page :is(.ww-ui-page-header,.ww-ui-section-header,.ww-ui-card-header) {flex-direction:column;align-items:stretch}
 .ww-final-site #root .ww-ui-page .ww-ui-page-header > :is(button,a) {align-self:flex-start}
 .ww-final-site #root .ww-ui-page :is(.cp-field-grid,.cp-aside,.b2c-offer-grid,.j-job-grid,.b2c-config-fields,.so-form-grid) {grid-template-columns:minmax(0,1fr)}
 .ww-final-site #root .ww-ui-page :is(.cr-profile-summary,.ca-next,.cx-journey-hero,.final-invite-hero,.cp-recommendation) {padding:var(--cabinet-space-4)}
 .ww-final-site #root .ww-ui-page dialog {max-width:calc(100% - var(--cabinet-space-8));padding:var(--cabinet-space-4)}
 .ww-final-site #root .ww-ui-page :is(.ca-metrics,.cu-medal-grid) {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cabinet-space-4)}
 .ww-final-site #root .ww-ui-page .cs-heading-links {display:flex;flex-wrap:wrap;gap:var(--cabinet-space-4)}
}
@media (prefers-reduced-motion:reduce) {
 .ww-final-site #root .ww-ui-page :is(button,a,input,select,textarea) {transition-property:color,background-color,border-color;transition-duration:80ms}
}

/* Title and its description stay one group; controls remain a separate group. */
.ww-final-site #root .ww-ui-page .ww-ui-page-heading {min-width:0;flex:1}
.ww-final-site #root .ww-ui-page .ww-ui-page-header p {margin-bottom:0}
.ww-final-site #root .ww-ui-page .final-questionnaire-banner {padding:var(--cabinet-space-4);gap:var(--cabinet-space-4);border-radius:var(--cabinet-radius-card);background:var(--cabinet-subtle);box-shadow:none}
.ww-final-site #root .ww-ui-page .final-questionnaire-banner p {margin:var(--cabinet-space-2) 0 0;font:var(--cabinet-secondary)!important}
.ww-final-site #root .ww-ui-page :is(.final-tabs,.cp-material-tabs) {display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal;gap:var(--cabinet-space-2);border:0;border-bottom:1px solid var(--cabinet-border);background:transparent;padding:0;margin-bottom:var(--cabinet-space-8)}
.ww-final-site #root .ww-ui-page :is(.final-tabs,.cp-material-tabs) button {background:transparent!important;color:var(--cabinet-muted)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:var(--cabinet-radius-control) var(--cabinet-radius-control) 0 0!important;padding:var(--cabinet-space-3) var(--cabinet-space-4);font:var(--cabinet-label)!important;min-height:var(--cabinet-space-12)}
.ww-final-site #root .ww-ui-page :is(.final-tabs,.cp-material-tabs) :is(button.active,button[aria-pressed=true]) {color:var(--cabinet-text)!important;border-bottom-color:var(--cabinet-link)!important}

/* Candidate utilities reuse the protected route and replace only its old chrome. */
.ww-final-site #root .ww-cabinet-shell:has(.ww-ui-page) > .appHeader {display:none}
.ww-final-site #root .ww-member-workspace:has(.ww-ui-page) {display:block;padding:0;margin:0}
.ww-final-site #root .ww-member-workspace:has(.ww-ui-page) > :not(.ww-member-main) {display:none}
.ww-final-site #root .ww-member-main:has(.ww-ui-page) {width:100%;max-width:none;margin:0;padding:0}