/* Career Mapping keeps its workspace layout within the BRITER visual system. */
:root {
  --ink: #242029;
  --muted: #525965;
  --navy: #7e3f8f;
  --purple: #7e3f8f;
  --teal: #179b8f;
  --gold: #e89a3b;
  --pink: #c7237e;
  --coral: #ef6e6e;
  --line: #e0d4e3;
  --cloud: #fff;
  --shadow: 0 12px 30px rgba(50, 36, 58, .07);
}
body { font-family: "DM Sans", Arial, sans-serif; background: #fff; }
h1, h2, h3, .hero-card strong { font-family: "Playfair Display", Georgia, serif; }
.shell { min-height: calc(100vh - var(--briter-nav-height, 64px)); }
.side {
  top: var(--briter-nav-height, 64px);
  height: calc(100vh - var(--briter-nav-height, 64px));
  background: #69337a;
  color: #fff;
  overflow-y: auto;
}
.mark { background: #fff; color: #69337a; font-family: "Playfair Display", Georgia, serif; font-size: 1.55rem; }
.brand b { font-family: "Playfair Display", Georgia, serif; font-size: 1.25rem; }
.brand small, .side-note { color: #fff; }
.side-note { border-color: #ffffff55; background: #ffffff16; }
.side .nav { gap: 5px; }
.side .nav button {
  --nav-accent: #ef6e6e;
  border-left: 5px solid var(--nav-accent);
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  background: #ffffff12;
}
.side .nav button:nth-child(6n + 2) { --nav-accent: #e89a3b; }
.side .nav button:nth-child(6n + 3) { --nav-accent: #7e3f8f; }
.side .nav button:nth-child(6n + 4) { --nav-accent: #179b8f; }
.side .nav button:nth-child(6n + 5) { --nav-accent: #ffffff; }
.side .nav button:nth-child(6n + 6) { --nav-accent: #c7237e; }
.side .nav button:hover, .side .nav button.active {
  background: #fff;
  color: #69337a;
}
.top { top: var(--briter-nav-height, 64px); background: #ffffffef; }
.top .eyebrow { color: #713981; }
.bar { background: linear-gradient(90deg, #ef6e6e, #e89a3b, #7e3f8f, #179b8f, #c7237e); }
.hero, .section-band { background: #7e3f8f; color: #fff; }
.hero-copy .eyebrow { color: #fff; }
.hero p, .section-band p { color: #fff; }
.quick-stage, .metric, .card, .stage, .panel, .assessment, .cycle-card,
.evidence-card, .application-card, .scenario { background: #fff; }
.quick-stage-actions button { border-color: #d7c1dd; border-bottom-color: #7e3f8f; }
.btn { background: #7e3f8f; color: #fff; }
.btn.dark { background: #69337a; color: #fff; }
.briter-return, .briter-top-return { display: none; }
@media (max-width: 760px) {
  .side { display: none; }
  .top { top: var(--briter-nav-height, 64px); }
  .mobile button:nth-child(6n + 1) { border-top: 3px solid #ef6e6e; }
  .mobile button:nth-child(6n + 2) { border-top: 3px solid #e89a3b; }
  .mobile button:nth-child(6n + 3) { border-top: 3px solid #7e3f8f; }
  .mobile button:nth-child(6n + 4) { border-top: 3px solid #179b8f; }
  .mobile button:nth-child(6n + 5) { border-top: 3px solid #c7237e; }
}
 .role-examples{display:block;margin-top:10px;color:#55556a;font-size:.9rem;line-height:1.5}