/* Restrained black background for the existing phone orbit. Keep phone screens unchanged. */
.app-section#app { background:#000; }
.app-section#app .app-title h2 { color:#fff; }
.app-section#app .phone-orbit::before { background:none; border-color:#2d3234; box-shadow:none; }
.app-section#app .orbit-core { background:#1c1f21; border-color:#3a4042; box-shadow:none; }
.app-section#app .orbit-core > span,
.app-section#app .orbit-core .damon-mark { color:#fff; }
.app-section#app .phone-caption { color:#c4ccc8; }

/* Link only the requested personality card to the full charter. */
.capability-system-section .personality-charter-link,
.capability-list .personality-charter-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  max-width:100%;
  margin-top:20px;
  padding:9px 16px;
  border:1px solid #6b9d8f;
  border-radius:999px;
  color:#b3e8d8;
  background:transparent;
  font-size:14px;
  font-weight:650;
  line-height:1.4;
  text-decoration:none;
}
.capability-system-section .personality-charter-link:hover,
.capability-list .personality-charter-link:hover { border-color:#b3e8d8; }
.capability-system-section .personality-charter-link:focus-visible,
.capability-list .personality-charter-link:focus-visible { outline:3px solid #b3e8d8; outline-offset:4px; }