.persona-banner {
  min-height: 64px;
  padding: 10px 4vw;
  display: flex;
  align-items: center;
  gap: 22px;
  background: #eef4e9;
  border-bottom: 1px solid #d9e5d4;
}
.persona-identity { display: flex; align-items: center; gap: 10px; min-width: 245px; }
.persona-identity div { display: flex; flex-direction: column; }
.persona-identity small { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.persona-identity strong { font-family: Manrope, sans-serif; }
.persona-banner p { flex: 1; margin: 0; color: #53615b; font-size: 13px; }
.persona-banner .button { padding: 9px 13px; background: #fff; }
.persona-banner.founder-view { background: #f7eee4; border-bottom-color: #ead8c5; }
.journey-bar { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 4vw; background: #fff; border-bottom: 1px solid var(--line); }
.journey-bar > span { color: #a7b0ab; font-size: 12px; }
.journey-bar button { border: 0; background: transparent; color: var(--muted); padding: 7px 11px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.journey-bar button:hover, .journey-bar button.active { background: #edf2ed; color: var(--green); }
.journey-bar b { width: 20px; height: 20px; display: inline-grid; place-items: center; margin-right: 5px; border-radius: 50%; background: #e8ece8; font-size: 10px; }
.journey-bar button.active b { background: var(--green); color: #fff; }
@media (max-width: 680px) {
  .persona-banner { position: relative; align-items: flex-start; flex-direction: column; gap: 8px; padding: 12px 20px; }
  .persona-banner p { display: none; }
  .persona-banner .button { position: absolute; right: 20px; top: 12px; }
  .journey-bar { justify-content: flex-start; overflow-x: auto; }
  .journey-bar > span { display: none; }
  .journey-bar button { white-space: nowrap; }
}