/* Scoped to the two BaZi pages; preserve the existing gold/dark theme. */
body[data-active="bazi"] .xj-profile-banner { display: block; }
body[data-active="bazi"] .profile-session-only { margin-top: .4rem; }
.bazi-name-notice {
  margin: 0 0 1rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(212, 175, 55, .3);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius-sm);
  background: rgba(212, 175, 55, .07);
  color: var(--cream);
  font-size: .9rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.bazi-name-notice strong { display: block; color: var(--gold-light); margin-bottom: .15rem; }
.bazi-name-notice p { margin: 0; }
.bazi-name-field #bz-name { min-height: 48px; font-size: 16px; scroll-margin-top: 6rem; }
.bazi-name-field .form-hint { margin-top: .45rem; line-height: 1.65; overflow-wrap: anywhere; }
.bazi-name-field .bazi-name-feedback { min-height: 1.65em; margin: .25rem 0 0; font-size: .875rem; line-height: 1.65; overflow-wrap: anywhere; }
.bazi-name-feedback[data-state="error"] { color: #f0b5ac; }
.bazi-name-feedback[data-state="valid"] { color: #b8d8b5; }
.bazi-name-field #bz-name[aria-invalid="true"] { border-color: #e2a29b; }
.bazi-name-field #bz-name:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
#bz-generate { min-height: 48px; }
#bz-generate:disabled, #bz-generate:disabled:hover {
  background: #363124;
  color: #c2b99e;
  box-shadow: none;
  cursor: not-allowed;
  filter: none;
  transform: none;
}
.bazi-submit-help { margin-top: .5rem; text-align: center; }
.bazi-submit-help p { margin: 0; font-size: .875rem; line-height: 1.65; color: var(--cream-muted); overflow-wrap: anywhere; }
#bz-edit-name { min-height: 44px; padding: .45rem .75rem; border: 0; background: transparent; color: var(--gold-light); font: inherit; font-size: .875rem; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
#bz-edit-name[hidden] { display: none; }
#bz-edit-name:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; border-radius: 4px; }
@media (max-width: 600px) {
  .bazi-name-notice { padding: .75rem .8rem; }
  .bazi-name-field .form-hint, .bazi-name-field .bazi-name-feedback, .bazi-submit-help p { font-size: .875rem; }
}