/* Approved 2026 visual system. Existing component styles retain their behaviour;
   this layer owns the shared palette, surfaces and workspace composition. */
:root {
  color-scheme: light;
  --ink: #253640;
  --ink-soft: #43545f;
  --muted: #5d686e;
  --blue-950: #193f55;
  --blue-900: #225b7a;
  --blue-800: #225b7a;
  --orange: #f4bd4b;
  --orange-dark: #b7790b;
  --orange-700: #8d5700;
  --paper: #f2f0eb;
  --surface: #fffcf7;
  --surface-soft: #e8edeb;
  --line: #dcded9;
  --radius: .75rem;
  font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}
body, .portal-page { background: var(--paper); color: var(--ink); }
body[class] { background: var(--paper); }
.workspace-page, .candidate-account-page, .candidate-resume-page,
.privacy-center-page, .privacy-erasure-page { background: var(--paper); }
body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.025em; }
main h1 { font-weight: 600; }
a { text-underline-offset: .22em; }
button, input, textarea, select { font-family: inherit; }
button, .button, .portal-button { font-weight: 600; }
.button--primary { background: var(--orange); color: var(--ink); }
.button--primary:hover { background: #e8aa32; color: var(--ink); }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #ba650c; outline-offset: 3px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea {
  border-color: #aebdc3;
  border-radius: .45rem;
  color: var(--ink);
  max-width: 100%;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--blue-800); }
input::placeholder, textarea::placeholder { color: #68767e; opacity: 1; }
button:disabled, input:disabled, select:disabled { cursor: not-allowed; }
main { width: 100%; max-width: 82rem; margin-inline: auto; padding: 1.5rem; }
.portal-page main { padding-bottom: 2.5rem; }
.workspace-content, .site-workspace, .app-workspace, .portal-shell { min-width: 0; }
.workspace-content > .system-messages { margin: 0 0 1.25rem; }
.system-message { border-radius: .6rem; box-shadow: none; font-weight: 500; }
.system-message--success { background: #e5eee3; color: #365d38; }
.system-message--error { background: #f6e4dc; color: #843e2d; }

/* Shared public navigation. Role-specific links and POST logout remain intact. */
.site-header { background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: none; gap: 1.5rem; padding: 1rem 1.5rem; }
.site-name { color: var(--ink); font-size: 1.3rem; font-weight: 600; letter-spacing: -.05em; }
.site-name__mark { background: var(--blue-800); color: #fff; border-radius: .4rem; box-shadow: inset 0 -.2rem var(--orange); }
.site-header nav { gap: .45rem 1rem; }
.site-header nav a { color: var(--ink); font-size: .85rem; font-weight: 500; }
.site-header nav .nav-register, .site-header nav .nav-add-job { background: var(--orange); color: var(--ink); border: 0; box-shadow: none; border-radius: .45rem; }
.site-header nav .nav-register:hover, .site-header nav .nav-add-job:hover { background: #e8aa32; color: var(--ink); }
.site-header nav .nav-login { color: var(--blue-800); border-color: #b8c4c8; background: transparent; border-radius: .45rem; }
.site-header nav form button { background: transparent; color: var(--blue-800); border: 1px solid #b8c4c8; border-radius: .45rem; min-height: 2.75rem; }
.nav-toggle { border-color: #b8c4c8; border-radius: .45rem; color: var(--blue-800); }
.nav-toggle__icon { background: linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 50% / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat; }
.site-footer { background: var(--paper); color: var(--ink); border-top: 1px solid var(--line); box-shadow: none; clip-path: none; width: 100%; max-width: none; margin: 0; padding: 2.25rem 1.5rem 1.25rem; }
.site-footer__inner { width: 100%; max-width: 79rem; margin-inline: auto; grid-template-columns: minmax(14rem, 1fr) minmax(0, 1.8fr); gap: 3rem; }
.site-footer__brand p { font-size: .85rem; line-height: 1.7; max-width: 23rem; }
.site-footer__home { font-size: 1rem; font-weight: 600; }
.site-footer__group h2 { font-size: .85rem; font-weight: 600; text-transform: none; letter-spacing: 0; margin-bottom: .4rem; }
.site-footer__nav a { font-size: .82rem; font-weight: 400; line-height: 1.6; }
.site-footer__nav a:hover { color: var(--blue-800); }
.site-footer__legal { max-width: 79rem; margin: 1.75rem auto 0; border-color: var(--line); font-size: .75rem; }
.site-footer__brand p, .site-footer__nav a, .site-footer__legal { color: var(--muted); }
.site-footer__nav h2, .site-footer__home { color: var(--ink); }
.site-footer__mark { background: var(--blue-800); color: #fff; }
.cookie-notice { background: var(--surface); color: var(--ink); border-color: var(--line); box-shadow: 0 .3rem 1.2rem rgb(25 63 85 / 12%); }
.cookie-notice h2, .cookie-notice p { color: var(--ink); }

/* The application's rail is outside page content, so every form and detail
   shares one layout without floats or duplicate navigation. */
.workspace-page main { max-width: 96rem; padding: 0 1.25rem 2rem; }
.app-workspace { display: grid; grid-template-columns: 13.5rem minmax(0, 1fr); border: 1px solid var(--line); border-radius: .9rem; background: var(--paper); overflow: clip; }
.app-workspace > .workspace-content { padding: 1.8rem; }
.workspace-sidebar { min-width: 0; background: var(--blue-800); color: #e5eff3; padding: 1.5rem .8rem; }
.workspace-menu > summary { display: none; }
.workspace-menu__content { display: flex; flex-direction: column; gap: 1.25rem; min-height: 36rem; }
.workspace-account { border: 1px solid rgb(255 255 255 / 18%); border-radius: .55rem; padding: .85rem .7rem; background: rgb(255 255 255 / 5%); overflow-wrap: anywhere; }
.workspace-account strong { color: #fff; display: block; font-size: .9rem; font-weight: 600; }
.workspace-account > span { color: #c4d8e2; display: block; font-size: .72rem; margin-top: .35rem; }
.workspace-sidebar .platform-navigation { display: grid; grid-template-columns: 1fr; gap: 1.5rem; background: none; border: 0; box-shadow: none; padding: 0; margin: 0; }
.workspace-sidebar .platform-navigation__group + .platform-navigation__group { border: 0; padding: 0; }
.workspace-sidebar .platform-navigation__label { color: #c4d8e2; font-size: .65rem; font-weight: 500; letter-spacing: .1em; padding-inline: .7rem; margin: 0 0 .6rem; }
.workspace-sidebar .platform-navigation__links { display: grid; gap: .15rem; }
.workspace-sidebar .platform-navigation a { color: #e6eff3; font-size: .82rem; font-weight: 500; padding: .8rem .7rem; min-height: 2.75rem; border-radius: .45rem; }
.workspace-sidebar .platform-navigation a:hover { background: rgb(255 255 255 / 10%); color: #fff; }
.workspace-sidebar .platform-navigation a[aria-current="page"] { background: var(--surface); color: var(--blue-800); }
.workspace-sidebar .platform-navigation a small { display: none; }
.workspace-sidebar .platform-navigation a:focus-visible { outline-color: var(--orange); }
.workspace-sidebar__footer { margin: auto .7rem 0; padding-top: 2rem; color: #c4d8e2; font-size: .72rem; line-height: 1.7; }
.app-workspace .portal-shell, .app-workspace .platform-workspace { max-width: none; margin: 0; }
.app-workspace .platform-workspace::after { display: none; }
.moderation-dashboard__layout { display: block; margin-top: 1.5rem; }
.moderation-dashboard__queues { gap: 1.25rem; }

/* Shared cards, forms and status presentation, including commerce and privacy. */
.portal-hero, .organization-onboarding__intro, .candidate-dashboard__hero,
.candidate-resume-editor__hero, .privacy-center__hero, .privacy-erasure__hero,
.organization-dashboard__hero { background: var(--blue-800); box-shadow: none; border-radius: var(--radius); }
.portal-hero::after, .home-hero::before, .home-hero::after, .home-hero__glow { display: none; }
.portal-hero { padding: 2rem; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) minmax(13rem, .65fr); }
.portal-hero:has(> :only-child) { grid-template-columns: 1fr; }
.portal-hero h1 { font-weight: 600; }
.portal-hero__lead { font-size: .95rem; line-height: 1.65; }
.portal-eyebrow, .portal-section-label, .portal-kicker { font-weight: 600; letter-spacing: .09em; }
.portal-eyebrow { color: #d3e7f0; }
.portal-card, .portal-command-bar, .organization-form, .candidate-card,
.candidate-resume-card, .privacy-card, .home-live-empty, .home-path-card,
.article-card, .profession-card, .registration-form, .login-form,
.pricing-plan, .pricing-card, .job-detail__panel, .job-detail__company,
.job-detail__apply, .job-detail__description, .job-detail__locations {
  background: var(--surface); border-color: var(--line); border-radius: var(--radius); box-shadow: none;
}
.portal-card { padding: 1.5rem; margin-top: 1.25rem; }
.portal-grid > .portal-card, .portal-stack > .portal-card, .moderation-dashboard__queues > .portal-card { margin-top: 0; }
.portal-card--soft { background: #e9ece5; }
.portal-card__header { border-color: var(--line); margin-bottom: 1.2rem; }
.portal-card h2, .portal-card__header h2 { color: var(--ink); font-size: 1.2rem; font-weight: 600; }
.portal-card h3 { font-weight: 600; }
.portal-copy, .portal-prose { color: var(--muted); line-height: 1.75; }
.portal-form label, .portal-form label > span, .portal-facts dt { font-weight: 600; }
.portal-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.portal-form select, .portal-form textarea { background: var(--surface); border-color: #aebdc3; }
.portal-form .helptext { line-height: 1.6; color: var(--muted); }
.portal-form button, .portal-card form button, .portal-button, .portal-button--primary {
  background: var(--blue-800); color: #fff; box-shadow: none; font-weight: 600; border-radius: .45rem;
}
.portal-button--light, .moderation-dashboard__hero-actions .portal-button,
.portal-submit-bar__actions > button { background: var(--orange); color: var(--ink); }
.portal-button--light:hover, .moderation-dashboard__hero-actions .portal-button:hover { background: #e8aa32; color: var(--ink); }
.portal-button--secondary, .portal-card form .portal-button--secondary { background: #e2e9e8; color: var(--blue-800); }
.portal-button--secondary:hover, .portal-card form .portal-button--secondary:hover { background: #d3dfe0; color: var(--blue-950); }
.portal-button--danger, .portal-card form .portal-button--danger { background: #a4382b; color: #fff; }
.portal-button--danger:hover, .portal-card form .portal-button--danger:hover { background: #822b21; }
.portal-notice { background: #e7ecea; border-color: #b3c5ca; color: var(--ink); border-radius: .5rem; }
.portal-notice--warning { background: #f7eacf; border-color: #cc9c4b; color: #74531a; }
.portal-notice--danger { background: #f6e4dc; border-color: #b7634b; color: #843e2d; }
.portal-status { background: #eaece7; color: #526166; font-size: .75rem; font-weight: 500; padding: .3rem .5rem; border: 0; border-radius: .3rem; }
.portal-status--warning { background: #faeccf; color: #795918; }
.portal-status--success { background: #e5eee3; color: #365d38; }
.portal-list { gap: 0; }
.portal-list__item { background: transparent; border: 0; border-radius: 0; padding: 1.2rem 0; }
.portal-list__item + .portal-list__item { border-top: 1px solid var(--line); }
.portal-list__item h3 a, .portal-list__item > a { color: var(--blue-800); font-weight: 600; }
.portal-list__item p { color: var(--muted); font-size: .85rem; }
.portal-row-action { font-weight: 600; }
.moderation-work-list .portal-list__item { background: transparent; padding: 1.2rem 0; }
.moderation-work-list .portal-list__item:hover { background: #f1f1e9; }
.portal-facts { gap: 1.25rem; }
.portal-facts dt { color: var(--muted); font-size: .78rem; }
.portal-facts dd { color: var(--ink); font-weight: 400; }
.portal-note-list li, .portal-audit-list li, .portal-check-list li,
.portal-details, .portal-code { background: #eeeee7; border-color: var(--line); }
.portal-filter-bar { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 0 0 .75rem; gap: .4rem; }
.portal-filter-bar a { font-weight: 500; font-size: .82rem; border-radius: .4rem; background: transparent; }
.portal-filter-bar a[aria-current="page"] { background: #dfe9eb; color: var(--blue-800); }
.portal-filter-bar a:hover { background: #e3e7e2; }
.portal-table th, .portal-table td, .portal-table-wrap th, .portal-table-wrap td { border-color: var(--line); padding: .95rem .8rem; }
.portal-table thead th, .portal-table-wrap thead th { color: var(--muted); background: #f2f2eb; font-size: .78rem; font-weight: 600; }
.portal-table tbody a, .portal-table-wrap tbody a { font-weight: 600; color: var(--blue-800); }
.portal-table tbody tr:hover, .portal-table-wrap tbody tr:hover { background: #f1f1e9; }
.portal-table td, .portal-table-wrap td { font-size: .86rem; }
.table-scroll, .portal-table-wrap { max-width: 100%; overflow-x: auto; }
.portal-submit-bar { background: var(--surface); box-shadow: none; border-color: var(--line); color: var(--ink); }
.portal-submit-bar h2, .portal-submit-bar p { color: var(--ink); }

/* Compact headings inside account workspaces: the blue navigation supplies
   the visual identity, leaving room for the actual work. */
.app-workspace .portal-hero, .app-workspace .candidate-dashboard__hero,
.app-workspace .candidate-resume-editor__hero, .app-workspace .privacy-center__hero,
.app-workspace .favorite-jobs__hero { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--ink); padding: 0 0 1.5rem; min-height: 0; gap: 1.25rem; }
.app-workspace .portal-hero h1, .app-workspace .candidate-dashboard__hero h1,
.app-workspace .candidate-resume-editor__hero h1, .app-workspace .privacy-center__hero h1,
.app-workspace .favorite-jobs__hero h1 { color: var(--ink); font-size: clamp(1.6rem, 2.6vw, 2rem); }
.app-workspace .portal-hero__lead, .app-workspace .portal-eyebrow,
.app-workspace .candidate-dashboard__hero p, .app-workspace .candidate-resume-editor__hero p,
.app-workspace .privacy-center__hero p, .app-workspace .favorite-jobs__hero p { color: var(--muted); }
.app-workspace .portal-hero__lead { font-size: .88rem; margin-top: .6rem; }
.app-workspace .portal-hero__aside { background: #e7ebe6; border-color: var(--line); padding: 1rem; }
.app-workspace .portal-hero__aside h2, .app-workspace .portal-hero__aside h3,
.app-workspace .portal-hero__aside p, .app-workspace .portal-hero__facts li,
.app-workspace .portal-hero__facts strong { color: var(--ink); border-color: #ccd6d4; }
.app-workspace .portal-hero__aside h2, .app-workspace .portal-hero__aside h3 { font-size: .95rem; }
.app-workspace .portal-hero :focus-visible { outline-color: #ba650c; box-shadow: none; }
.moderation-summary-card, .employer-summary-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; padding: 1.1rem; text-decoration: none; }
.moderation-summary-card:hover { transform: none; border-color: #91acba; }
.moderation-summary-card strong, .employer-summary-card strong { color: var(--blue-800); font-size: 1.8rem; font-weight: 500; }
.moderation-summary-card span, .employer-summary-card span { color: var(--muted); font-size: .78rem; font-weight: 400; line-height: 1.6; }
.employer-dashboard__summary { margin: 0 0 1.5rem; }
.employer-summary-card--attention { background: #fff3d7; border: 2px solid #c77b00; box-shadow: 0 .35rem 1rem rgb(141 87 0 / 14%); }
.employer-summary-card--attention strong, .employer-summary-card--attention span { color: #6b4300; font-weight: 700; }
.workspace-sidebar .platform-navigation a.employer-navigation__attention { background: #f4bd4b; color: #193f55; }
.workspace-sidebar .platform-navigation a.employer-navigation__attention:hover { background: #ffd47a; color: #193f55; }
.workspace-sidebar .platform-navigation a.employer-navigation__attention[aria-current="page"] { background: var(--surface); box-shadow: inset 0 0 0 2px #f4bd4b; color: var(--blue-800); }
.employer-navigation__badge { align-items: center; background: #9f2f22; border-radius: 999px; color: #fff; display: inline-flex; font-size: .7rem; font-weight: 700; justify-content: center; min-width: 1.45rem; padding: .15rem .4rem; }
.employer-reaction-alert { align-items: center; background: #fff3d7; border: 2px solid #c77b00; border-radius: var(--radius); color: #6b4300; display: flex; flex-wrap: wrap; gap: .45rem 1rem; margin: 0 0 1.25rem; padding: 1rem 1.2rem; }
.employer-reaction-alert strong { font-size: 1.05rem; }
.ats-case-row--new { background: #fff8e8; }
.employer-jobs-list .portal-list__item { display: grid; grid-template-columns: minmax(0, 1fr) 10rem auto; gap: 1rem; }
.employer-jobs-list .portal-list__item .portal-status { justify-self: start; }
.employer-jobs-list__date { font-size: .8rem; color: var(--muted); }

/* Public homepage: contained brand block, category rail and readable offers. */
.home-page main { max-width: 82rem; padding: 1.25rem 1.5rem 2.5rem; }
.home-hero { background: var(--blue-800); border-radius: 1.1rem; box-shadow: none; margin: 0; min-height: 0; }
.home-hero__inner { width: 100%; padding: 2.25rem; display: grid; grid-template-columns: minmax(0, 1fr) 17rem; column-gap: 2rem; }
.home-hero__eyebrow { grid-column: 1 / -1; font-size: .72rem; color: #dfedf2; font-weight: 500; letter-spacing: .12em; }
.home-hero h1 { font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 600; line-height: 1.08; max-width: none; }
.home-hero h1 span { color: var(--orange); }
.home-hero__lead { align-self: end; font-size: .95rem; margin: 0 0 .3rem; color: #dfedf2; line-height: 1.7; }
.hero-search { grid-column: 1 / -1; max-width: none; margin-top: 1.8rem; padding: 0; background: transparent; box-shadow: none; border-radius: 0; gap: .75rem; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; }
.hero-search__field { padding: 0; border: 0; }
.hero-search__field label { color: #fff; text-transform: none; letter-spacing: 0; font-size: .78rem; font-weight: 500; margin-bottom: .5rem; }
.hero-search__control { background: var(--surface); border-radius: .5rem; padding: .7rem 1rem; min-height: 3.4rem; }
.hero-search input, .hero-search select { color: var(--ink); background-color: var(--surface); min-height: 1.7rem; font-size: 1rem; font-weight: 400; }
.hero-search__submit { background: var(--orange); color: var(--ink); min-height: 3.4rem; height: 3.4rem; align-self: end; font-weight: 600; padding: .85rem 1.5rem; margin: 0; border-radius: .5rem; }
.hero-search__submit:hover { background: #e8aa32; }
.home-hero__browse { grid-column: 1 / -1; margin: 1rem 0 0; font-size: .8rem; }
.home-hero__browse a { color: #e5eff4; font-weight: 500; }
.home-live-stats { margin: 1rem 0 0; border-radius: .7rem; border-color: var(--line); box-shadow: none; background: var(--surface); }
.home-live-stats > div { background: transparent; padding: .8rem 1.1rem; }
.home-live-stats > div + div { border-color: var(--line); }
.home-live-stats strong { font-size: 1rem; font-weight: 600; }
.home-live-stats span { font-size: .75rem; font-weight: 400; color: var(--muted); }
.home-discovery { display: grid; grid-template-columns: 13.5rem minmax(0, 1fr); gap: 2rem; margin-top: 2rem; align-items: start; }
.home-discovery .home-categories { padding: 0; background: none; border: 0; box-shadow: none; margin: 0; }
.home-discovery .home-categories h2 { font-size: 1rem; margin: 0 0 1rem; }
.home-discovery .section-heading__eyebrow { color: var(--muted); font-size: .65rem; font-weight: 500; }
.home-discovery .home-category-grid { display: grid; grid-template-columns: 1fr; gap: .25rem; }
.home-discovery .home-category-grid li { background: transparent; border: 0; border-radius: .45rem; padding: 0; min-height: 0; }
.home-discovery .home-category-grid a { display: block; text-decoration: none; border-radius: .45rem; padding: .75rem .6rem; }
.home-discovery .home-category-grid a:hover { background: #e0e8e9; }
.home-discovery .home-category-grid span { color: var(--ink); font-size: .85rem; font-weight: 500; }
.home-discovery .home-category-grid small { display: block; color: var(--muted); font-size: .72rem; line-height: 1.6; margin-top: .25rem; }
.home-discovery .home-category-grid em { display: block; font-size: .7rem; color: var(--muted); font-style: normal; margin-top: .4rem; }
.home-discovery .home-latest-jobs { margin: 0; padding: 0; min-width: 0; }
.home-section-heading h2, .home-paths h2, .home-benefits h2 { font-size: 1.6rem; font-weight: 600; }
.home-section-heading { margin-bottom: 1rem; }
.home-section-link { font-size: .85rem; font-weight: 500; }
.home-job-grid, .home-discovery .job-list { display: grid; grid-template-columns: 1fr; gap: .85rem; }
.job-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; padding: 1.5rem; }
.job-card:hover { box-shadow: none; border-color: #a9bdc6; transform: none; }
.job-card--featured { border-color: #d0ae6a; background: #fff8e9; }
.job-card__featured-badge { background: #faeccf; color: #795918; border-radius: .3rem; font-size: .7rem; font-weight: 500; }
.job-card__category { font-size: .72rem; font-weight: 500; color: var(--muted); letter-spacing: 0; text-transform: none; }
.job-card__organization { color: var(--muted); font-size: .82rem; font-weight: 400; margin-top: 0; }
.job-card h3, .home-job-grid .job-card h3 a { font-size: 1.25rem; font-weight: 600; line-height: 1.35; color: var(--blue-800); }
.job-card__facts { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; border: 0; padding: 0; margin: 1rem 0; }
.job-card__facts > div { background: transparent; padding: 0; }
.job-card__facts dt { color: var(--muted); font-size: .7rem; font-weight: 400; }
.job-card__facts dd { color: var(--ink); font-size: .88rem; font-weight: 500; }
.job-card__facts .job-card__salary dd { display: inline-block; background: #e5eee3; color: #365d38; padding: .3rem .55rem; border-radius: .3rem; }
.job-card__footer { border-color: var(--line); color: var(--muted); font-size: .75rem; padding-top: .75rem; }
.job-card__footer a { font-weight: 500; color: var(--blue-800); }
.home-paths, .home-benefits, .home-articles { padding-block: 2.5rem; margin: 0; background: none; }
.home-articles { max-width: none; }
.home-paths__header { max-width: 46rem; margin-inline: 0; text-align: left; }
.home-path-card { padding: 1.5rem; }
.home-path-card--employer, .home-path-card--candidate { background: var(--surface); border-color: var(--line); }
.home-path-card h3 { color: var(--ink); font-size: 1.25rem; }
.home-path-card p, .home-path-card--employer p { color: var(--muted); }
.home-path-card__eyebrow { color: var(--blue-800); }
.home-path-card .button { box-shadow: none; }
.benefit-grid article { background: transparent; border-color: var(--line); padding: 1.25rem; box-shadow: none; }
.home-benefit__mark { color: var(--blue-800); background: #e0e9e9; font-weight: 500; }
.home-benefits .benefit-grid h3 { font-size: 1.05rem; font-weight: 600; }
.home-benefits .benefit-grid p { color: var(--muted); font-size: .9rem; }

/* Search, articles, professions and pricing keep the same public visual rhythm. */
.job-list-hero, .job-detail__hero, .article-hero, .article-list-hero, .profession-hero,
.pricing-hero { background: var(--blue-800); box-shadow: none; border-radius: var(--radius); margin: 0 0 1.5rem; overflow: hidden; }
.job-list-hero { min-height: 0; padding: 2rem; }
.job-list-hero__inner { padding: 0; width: 100%; }
.job-list-hero h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); }
.job-list-hero h1, .job-detail__hero h1 { font-family: inherit; color: #fff; }
.job-list-hero p, .job-list-hero__inner > p:last-child { color: #dce9f2; }
.jobs-discovery { margin: 0 auto; padding: 0 0 2.5rem; }
.job-list-hero__eyebrow { color: #d3e7f0; font-weight: 500; }
.job-search-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; }
.job-search-panel input, .job-search-panel select { background-color: var(--surface); }
.job-search-panel__submit { background: var(--orange); color: var(--ink); font-weight: 600; border-radius: .45rem; }
.job-search-panel__submit:hover { background: #e8aa32; }
.job-search-panel__more { border-color: var(--line); }
.job-results__heading h2 { font-weight: 600; font-size: 1.4rem; }
.job-results__count { color: var(--muted); }
.active-filter-chips a { background: #e0e9e9; color: var(--blue-800); }
.job-detail__layout { gap: 1.5rem; }
.job-detail__hero { color: #fff; }
.job-detail__hero h1, .job-detail__organization,
.job-detail__facts dd { color: #fff; }
.job-detail__eyebrow, .job-detail__organization > span,
.job-detail__facts dt { color: #dce9f2; }
.job-detail__description, .job-detail__locations { background: var(--surface); border-color: var(--line); }
.job-detail__apply { box-shadow: none; border-color: var(--line); }
.job-detail__apply .button { box-shadow: none; }
.job-detail__fact, .job-detail__facts > div { background: rgb(255 255 255 / 8%); border-color: rgb(255 255 255 / 20%); }
.article-card, .profession-card { box-shadow: none; }
.article-card h2, .article-card h3, .profession-card h2 { font-weight: 600; }
.article-card:hover, .profession-card:hover { transform: none; box-shadow: none; }
.article-breadcrumbs a { color: var(--blue-800); }
.article-breadcrumbs { color: var(--muted); }
.article-content, .article-detail__content, .article-body, .profession-content { color: var(--ink); line-height: 1.8; }
.article-sidebar, .article-toc, .profession-panel { background: var(--surface); border-color: var(--line); box-shadow: none; }
.pricing-hero__proof { background: rgb(255 255 255 / 8%); box-shadow: none; }
.pricing-eyebrow { color: var(--orange-700); }
.pricing-hero .pricing-eyebrow, .pricing-cta .pricing-eyebrow { color: #ffe1a0; }
.pricing-hero__proof > p { color: #e4f1f5; }
.pricing-card__price span { color: var(--muted); }
.pricing-card--bundle .pricing-card__price span { color: #d3e7f0; }
.pricing-plan, .pricing-plan--featured { background: var(--surface); box-shadow: none; border-color: var(--line); }
.pricing-plan--featured { border-color: #d0ae6a; }
.pricing-button--primary { background: var(--orange); color: var(--ink); box-shadow: none; }
.pricing-button--primary:hover { background: #e8aa32; }
.pricing-faq, .pricing-note, .pricing-feature { background: var(--surface); border-color: var(--line); }
.social-login, .portal-auth-primary { border-color: var(--line); box-shadow: none; }
.social-login { background: #e9ece5; }
.registration-progress { background: transparent; border-color: var(--line); box-shadow: none; }
.registration-progress a, .registration-progress span { font-weight: 500; }
.registration-progress li[aria-current="step"] > span { background: var(--blue-800); color: #fff; }
.profession-hero .article-eyebrow { color: #ffe1a0; }
.candidate-dashboard__summary, .candidate-resume-editor__panel, .privacy-actions__card { background: var(--surface); border-color: var(--line); box-shadow: none; }
.app-workspace .candidate-dashboard__summary { border-radius: var(--radius); padding: 1rem; }
.app-workspace .candidate-dashboard__summary dt { color: var(--muted); }
.app-workspace .candidate-dashboard__summary dd { color: var(--ink); }
.app-workspace .candidate-action--light { background: var(--orange); color: var(--ink); }
.app-workspace .candidate-action--ghost { background: transparent; color: var(--blue-800); border-color: #aebdc3; }
.app-workspace .candidate-resume-editor__back, .app-workspace .privacy-center__back { color: var(--blue-800); }
.app-workspace .candidate-resume-editor__assurances, .app-workspace .privacy-center__assurances { background: #e7ebe6; border-color: var(--line); border-radius: var(--radius); }
.app-workspace .candidate-resume-editor__assurances li, .app-workspace .candidate-resume-editor__assurances span,
.app-workspace .candidate-resume-editor__assurances strong, .app-workspace .privacy-center__assurances li,
.app-workspace .privacy-center__assurances span, .app-workspace .privacy-center__assurances strong { color: var(--ink); border-color: #ccd6d4; }
.candidate-resume-editor__card, .candidate-resume-editor__tips, .privacy-option { background: var(--surface); border-color: var(--line); box-shadow: none; }
.candidate-application-list li { background: transparent; border-color: var(--line); }
.privacy-center__card, .privacy-erasure__confirm, .privacy-email { background: var(--surface); border-color: var(--line); box-shadow: none; }
.favorite-job-card { background: var(--surface); border-color: var(--line); box-shadow: none; }
.cv-wizard { background: var(--paper); }
.cv-sidebar { background: var(--blue-800); }
.cv-workspace, .cv-editor { background: var(--paper); }
.cv-topbar, .cv-navigation, .cv-section, .cv-tips { background: var(--surface); border-color: var(--line); box-shadow: none; }
.cv-primary-button, .cv-button--primary { background: var(--orange); color: var(--ink); }
.cv-wizard .cv-button:hover { background: #e8aa32; border-color: #e8aa32; }
.cv-wizard .cv-button--secondary:hover { background: #e2e9e8; border-color: #b9c9d6; }
.cv-wizard .cv-button--danger:hover { background: #842520; border-color: #842520; }
.cv-sidebar .cv-brand, .cv-sidebar .cv-brand__suffix, .cv-sidebar__intro p,
.cv-sidebar .cv-exit { color: #fff; }
.cv-sidebar .cv-eyebrow { color: #d3e7f0; }
.cv-sidebar .cv-steps a { color: #e5eff3; }
.cv-sidebar .cv-steps a small, .cv-sidebar__bottom p, .cv-sidebar__bottom small { color: #c4d8e2; }
.cv-sidebar .cv-steps a:hover { background: rgb(255 255 255 / 10%); color: #fff; }
.cv-sidebar .cv-steps a[aria-current="step"] { background: var(--surface); color: var(--blue-800); }
.cv-sidebar .cv-steps a[aria-current="step"] small { color: var(--muted); }
.cv-sidebar .cv-steps__number { color: #e5eff3; border-color: #86a9bd; }
.cv-sidebar .cv-steps a[aria-current="step"] .cv-steps__number { color: #fff; background: var(--blue-800); }
.cv-sidebar .cv-exit { border-color: rgb(255 255 255 / 20%); }
.cv-wizard .cv-card { background: var(--surface); border-color: var(--line); box-shadow: none; }
.cv-wizard .cv-field :is(input:not([type="checkbox"]), select, textarea) { background: var(--surface); }
.article-detail__hero { background: var(--blue-800); box-shadow: none; }
.article-prose, .article-action-card, .article-category-card, .profession-summary,
.profession-facts, .article-empty { background: var(--surface); border-color: var(--line); box-shadow: none; }
.pricing-value { background: var(--surface); border-color: var(--line); box-shadow: none; }
.pricing-cta, .pricing-card--bundle { background: var(--blue-800); box-shadow: none; }

@media (max-width: 72rem) {
  .app-workspace { grid-template-columns: 12rem minmax(0, 1fr); }
  .app-workspace > .workspace-content { padding: 1.35rem; }
  .app-workspace .portal-grid--sidebar { grid-template-columns: 1fr; }
  .app-workspace .portal-hero { grid-template-columns: 1fr; }
  .moderation-dashboard__hero-actions { min-width: 0; }
  .home-hero__inner { padding: 1.8rem; grid-template-columns: minmax(0, 1fr) 14rem; }
  .home-discovery { grid-template-columns: 12rem minmax(0, 1fr); gap: 1.5rem; }
  .employer-jobs-list .portal-list__item { grid-template-columns: minmax(0, 1fr) 8rem; }
  .employer-jobs-list__date { grid-column: 1 / -1; }
}
@media (max-width: 52rem) {
  .site-footer__inner { grid-template-columns: 1fr; gap: 1.75rem; }
  .site-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  .workspace-page main { padding: .75rem 1rem 2rem; }
  .app-workspace { display: block; }
  .workspace-sidebar { padding: .5rem 1rem; }
  .workspace-menu > summary { display: list-item; cursor: pointer; padding: .75rem 0; min-height: 2.75rem; font-size: .9rem; font-weight: 600; color: #fff; }
  .workspace-menu__content { min-height: 0; padding-bottom: 1rem; }
  .workspace-sidebar__footer { display: none; }
  .workspace-sidebar .platform-navigation__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-sidebar .platform-navigation a { padding: .75rem; }
  .app-workspace > .workspace-content { padding: 1.25rem; }
  .home-hero__inner { grid-template-columns: 1fr; gap: 0; }
  .home-hero__lead { margin-top: 1rem; max-width: none; }
  .hero-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hero-search__submit { grid-column: 1 / -1; }
  .home-discovery { grid-template-columns: 1fr; gap: 1.5rem; }
  .home-discovery .home-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-discovery .home-category-grid a { background: #e6e9e2; height: 100%; }
  .home-discovery .home-category-grid small { display: none; }
  .portal-hero, .portal-hero--compact { grid-template-columns: 1fr; }
}
@media (max-width: 40rem) {
  .site-footer { padding: 1.75rem 1rem 1rem; }
  .site-footer__nav a { min-height: 2.75rem; display: flex; align-items: center; }
  main { padding: 1.25rem 1rem; }
  .site-header { padding: .9rem 1rem; }
  .site-header.navigation-ready nav { background: var(--surface); border-color: var(--line); }
  .site-header nav a, .site-header nav form button { font-size: .95rem; min-height: 2.75rem; }
  .home-page main { padding: .75rem .65rem 2rem; }
  .home-hero__inner { padding: 1.5rem 1.25rem; }
  .home-hero h1 { font-size: 2.2rem; }
  .hero-search { grid-template-columns: 1fr; gap: .9rem; }
  .hero-search__field { padding: 0; border: 0; }
  .hero-search input, .hero-search select { font-size: 1rem; }
  .home-live-stats { grid-template-columns: 1fr; }
  .home-live-stats > div { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; padding: .65rem .9rem; }
  .home-live-stats > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .home-discovery { margin: 1.5rem .4rem 0; }
  .home-paths, .home-benefits, .home-articles { padding: 2rem .4rem; }
  .home-section-heading--split { align-items: flex-start; gap: .75rem; }
  .home-section-heading h2 { font-size: 1.35rem; }
  .job-card { padding: 1.25rem; }
  .job-card__facts { gap: .65rem 1rem; }
  .job-list-hero { padding: 1.6rem 1.2rem; }
  .portal-card, .portal-command-bar { padding: 1.2rem; }
  .app-workspace > .workspace-content { padding: 1.25rem 1rem; }
  .app-workspace .portal-hero { padding-bottom: 1rem; }
  .portal-command-bar { align-items: flex-start; flex-direction: column; }
  .portal-command-bar__actions { flex: auto; width: 100%; }
  .portal-hero__aside { padding: 1rem; }
  .portal-grid, .portal-grid--sidebar { grid-template-columns: 1fr; }
  .moderation-dashboard__summary, .employer-dashboard__summary { gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .moderation-summary-card, .employer-summary-card { padding: .8rem .6rem; }
  .moderation-summary-card strong, .employer-summary-card strong { font-size: 1.5rem; }
  .moderation-summary-card span, .employer-summary-card span { font-size: .7rem; }
  .employer-jobs-list .portal-list__item { grid-template-columns: 1fr; gap: .6rem; }
  .portal-filter-bar { flex-wrap: wrap; gap: .3rem; }
  .portal-filter-bar a { min-height: 2.75rem; display: inline-flex; align-items: center; }
  .portal-list__item { gap: .9rem; }
  .portal-facts { grid-template-columns: 1fr; }
  .portal-form input:not([type="checkbox"]):not([type="radio"]), .portal-form select, .portal-form textarea { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}