/* Employer identity: warm charcoal and stone alongside Timo's orange consultant path. */
:is(.mp-employer, .mp-employer-area, body.mp-employer-page, .mp-employer-nav) {
  --mp-employer-ink: #332e2b;
  --mp-employer-deep: #25211f;
  --mp-employer-pale: #eee8e1;
  --mp-employer-line: #d3c8bd;
  --mp-accent: var(--mp-employer-ink);
  --mp-line: var(--mp-employer-line);
  --mp-muted: #655b53;
  --mp-panel: #e7ddd2;
  --accent: var(--mp-employer-ink);
  --accent-2: var(--mp-employer-deep);
  --accent-bg: var(--mp-employer-pale);
  --line: var(--mp-employer-line);
  --line-2: var(--mp-employer-line);
  --field-line: #a99b8e;
}

.mp-audience.mp-employer {
  background: var(--mp-employer-pale);
  border-color: var(--mp-employer-line);
  border-top: 4px solid var(--mp-employer-ink);
}
.mp-employer-area {
  background: var(--mp-employer-pale);
  border-top-color: var(--mp-employer-ink);
}
body.mp-employer-page {
  background: var(--mp-employer-pale);
  color: #332e2b;
}
body.mp-employer-page main > :first-child {
  border-top: 4px solid var(--mp-employer-ink);
}

:is(.mp-employer, .mp-employer-area, body.mp-employer-page) :is(h1, h2, h3, .mp-eyebrow, .mp-text-link, .card-kicker, .mp-feature-number) {
  color: var(--mp-employer-ink);
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) a:not(.mp-button):not(.btn) {
  color: var(--mp-employer-ink);
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-card, .mp-panel, .content-card, .form) {
  background: #faf8f5;
  border-color: var(--mp-employer-line);
}
.mp-home .mp-employer-area .v2-form {
  background: #faf8f5;
  border-color: var(--mp-employer-line);
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-tag, .mp-chips span) {
  background: #e7ddd2;
  border-color: var(--mp-employer-line);
  color: var(--mp-employer-ink);
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-button, .btn) {
  background: var(--mp-employer-ink);
  border-color: var(--mp-employer-ink);
  color: #fff !important;
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-button, .btn):hover {
  background: var(--mp-employer-deep);
  border-color: var(--mp-employer-deep);
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-button-secondary, .btn-ghost) {
  background: transparent;
  border-color: #9a8979;
  color: var(--mp-employer-ink) !important;
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(.mp-button-secondary, .btn-ghost):hover {
  background: #e2d6c8;
  border-color: var(--mp-employer-ink);
}
body.mp-employer-page .mp-dark {
  background: var(--mp-employer-deep);
  color: #fff;
}
body.mp-employer-page .mp-dark :is(h2, h3, p) {
  color: #faf8f5;
}
body.mp-employer-page .mp-dark .mp-button {
  background: #eee8e1;
  border-color: #eee8e1;
  color: #25211f !important;
}
:is(.mp-employer, .mp-employer-area, body.mp-employer-page main) :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #332e2b;
  outline-offset: 4px;
}
:is(.mp-employer-area, body.mp-employer-page main) :is(input, select, textarea):focus {
  border-color: #332e2b;
  box-shadow: 0 0 0 3px #332e2b1a;
}
:is(.mp-employer-area, body.mp-employer-page main) input[type="checkbox"] {
  accent-color: #332e2b;
}

/* The menu keeps this cue on every page, without recoloring consultant navigation. */
.mp-header .mp-employer-nav > summary {
  color: #332e2b;
}
.mp-header .mp-employer-nav > div {
  background: #f4eee7;
  border-color: #d3c8bd;
  border-top: 3px solid #332e2b;
}
.mp-header .mp-employer-nav a {
  color: #332e2b;
}
.mp-header .mp-employer-nav a:hover {
  background: #e7ddd2;
}
.mp-header .mp-employer-nav :is(a, summary):focus-visible {
  outline-color: #332e2b;
}
/* The footer's employer action follows the same audience cue on every page. */
.footer-employer-cta{background:#eee8e1;border-color:#d3c8bd;color:#332e2b}.footer-employer-cta .btn{background:#332e2b;border-color:#332e2b;color:#fff}

/* Use inverse surfaces for the employer entry points, with stone for detailed content. */
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) {
  background:#332e2b;
  color:#faf8f5;
  border-color:#332e2b;
}
body.mp-employer-page main > section:first-child {padding:36px;border-radius:14px;margin-top:28px;}
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) :is(h1,h2,h3,.mp-eyebrow,.mp-text-link,.mp-lede) {color:#faf8f5;}
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) p {color:#e1d6cc;}
.mp-audience.mp-employer .mp-hiring-formats li {border-color:#675b51;}
.mp-audience.mp-employer .mp-hiring-formats strong {color:#faf8f5;}
.mp-audience.mp-employer .mp-hiring-formats span {color:#e1d6cc;}
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) :is(.mp-button,.btn) {background:#f1e4d5;border-color:#f1e4d5;color:#332e2b!important;}
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) a:not(.mp-button):not(.btn) {color:#f1e4d5;}
body.mp-employer-page main > section:first-child .mp-button-secondary {border-color:#b6a596;background:transparent;}
.mp-employer-area .mp-employer-band .mp-card {background:#433b35;border-color:#736354;}
.mp-employer-area .mp-employer-band .mp-card p {color:#e1d6cc;}
:is(.mp-audience.mp-employer, .mp-employer-area .mp-employer-band, body.mp-employer-page main > section:first-child) :is(a,button):focus-visible {outline-color:#f1e4d5;}
@media(max-width:700px){body.mp-employer-page main > section:first-child{padding:26px 20px;}}
body.mp-employer-page main > section:first-child .mp-button-secondary{color:#f1e4d5!important;}