/* PersonaScope V613 Phase 9: final brand consistency overrides. */
:root{
  color-scheme:dark;
  --ps-icon-size-sm:1.1rem;
  --ps-icon-size-md:1.35rem;
  --ps-focus-ring:0 0 0 3px color-mix(in srgb,var(--ps-brand-blue) 38%,transparent);
}
/* Decorative symbols must not overpower labels. */
.factor-symbol,.menu-icon,.shortcut-icon,[data-ui-icon]{
  inline-size:1.65em;
  min-inline-size:1.65em;
  text-align:center;
  line-height:1;
  font-size:var(--ps-icon-size-md);
}
button:focus-visible,a:focus-visible,summary:focus-visible,[role="button"]:focus-visible{
  outline:2px solid var(--ps-brand-gold)!important;
  outline-offset:3px!important;
  box-shadow:var(--ps-focus-ring)!important;
}
/* Simple mode is authoritative: every character, mascot, type illustration and About video is hidden. */
html.simple-mode-pending #homeResidentCard,
html.simple-mode-pending .quote-detail-resident,
html.simple-mode-pending #resultResidentReaction,
html.simple-mode-pending #resultTypeVisual,
html.simple-mode-pending #resultTypePanel,
html.simple-mode-pending #libraryResidentGuide,
html.simple-mode-pending #bookshelfResidentGuide,
html.simple-mode-pending #quizResidentReaction,
html.simple-mode-pending [data-resident],
html.simple-mode-pending img[src*="/resident/"],
html.simple-mode-pending img[id$="ResidentImage"],
html.simple-mode-pending .about-media-stage,
html.simple-mode-pending #aboutPersonaScope video,
body.simple-mode #homeResidentCard,
body.simple-mode .quote-detail-resident,
body.simple-mode #resultResidentReaction,
body.simple-mode #resultTypeVisual,
body.simple-mode #resultTypePanel,
body.simple-mode #libraryResidentGuide,
body.simple-mode #bookshelfResidentGuide,
body.simple-mode #quizResidentReaction,
body.simple-mode [data-resident],
body.simple-mode img[src*="/resident/"],
body.simple-mode img[id$="ResidentImage"],
body.simple-mode .about-media-stage,
body.simple-mode #aboutPersonaScope video{
  display:none!important;
  visibility:hidden!important;
}
/* Keep approved textual content available when visual surfaces are removed. */
body.simple-mode #aboutPersonaScope .about-letter,
body.simple-mode #aboutPersonaScope .about-copy,
body.simple-mode #resultTypeCopy{display:block!important;visibility:visible!important}
/* Dark-surface consistency and legible native controls. */
input,select,textarea{color-scheme:dark}
::placeholder{color:color-mix(in srgb,currentColor 56%,transparent)}
@media (prefers-contrast:more){
  :root{--ps-border:rgba(255,255,255,.34)}
  button,a,summary,[role="button"]{text-decoration-thickness:2px}
}
@media (forced-colors:active){
  .factor-symbol,.menu-icon,.shortcut-icon,[data-ui-icon]{forced-color-adjust:auto}
}

/* V622 audit clarification: PersonaScope uses a dark surface as its default theme. */
:root{color-scheme:dark;}
@media (orientation:landscape) and (max-height:520px){
  button,a,summary,[role="button"]{scroll-margin-top:4.5rem;}
}