/* Loaded only by the adult practitioner space, not by club or public pages. */
html.wod-large-text { font-size: 112.5%; }
html.wod-reduced-motion { scroll-behavior: auto !important; }
html.wod-reduced-motion *, html.wod-reduced-motion *::before, html.wod-reduced-motion *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
.practitioner-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.practitioner-settings-grid > .surface-card { min-width: 0; }
.practitioner-settings-grid h3 { margin: .75rem 0; }
.practitioner-settings-grid p { line-height: 1.65; }
.practitioner-settings-form { display: grid; gap: .65rem; margin-top: 1.2rem; }
.practitioner-settings-form > label { font-weight: 750; font-size: .85rem; }
.practitioner-settings-form > input, .practitioner-settings-form > select {
  width: 100%; min-width: 0; padding: .8rem; color: var(--navy-950); background: white;
  border: 1px solid var(--line); border-radius: 9px; font: inherit;
}
.practitioner-settings-form :focus-visible { outline: 3px solid var(--jade); outline-offset: 3px; }
.practitioner-settings-form > .button { justify-self: start; margin-top: .5rem; }
.settings-optional, .settings-help, .settings-check small { color: var(--muted); font-weight: 400; }
.settings-help { margin: 0; font-size: .8rem; }
.settings-check { display: flex; align-items: flex-start; gap: .8rem; padding: .8rem 0; cursor: pointer; }
.settings-check input { flex: 0 0 auto; width: 1.2rem; height: 1.2rem; margin: .1rem 0 0; accent-color: var(--jade); }
.settings-check small { display: block; margin-top: .4rem; line-height: 1.5; }
.settings-status { min-height: 1.5em; margin: .7rem 0 0; color: #176b55; font-size: .8rem; overflow-wrap: anywhere; }
.settings-status.is-error { color: #a12621; }
.profile-mini > div:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.profile-mini small { white-space: normal; }
.app-topbar h1 { overflow-wrap: anywhere; }
@media (max-width: 820px) {
  .practitioner-settings-grid { grid-template-columns: minmax(0, 1fr); }
  .practitioner-settings-grid .button { max-width: 100%; white-space: normal; text-align: center; }
}