/* Compact, theme-aware field help. JS positions it inside the current viewport. */
.context-help { display:inline-flex; flex:none; vertical-align:middle; font-size:13px; font-weight:400; }
.context-help > button.context-help-trigger {
  display:inline-grid; place-items:center; width:24px; height:24px; min-height:24px;
  padding:0; margin:0; border:1px solid var(--theme-border,var(--line)); border-radius:50%;
  background:transparent; color:var(--theme-muted,var(--muted)); font-size:12px;
  font-weight:700; line-height:1; box-shadow:none; cursor:help; transform:none;
}
button.context-help-trigger:hover, button.context-help-trigger[aria-expanded=true] {
  color:var(--theme-text,var(--text)); background:var(--theme-hover,var(--surface-3));
  border-color:var(--theme-muted,var(--muted)); box-shadow:none; transform:none;
}
button.context-help-trigger:focus-visible { outline:2px solid var(--theme-focus,var(--blue)); outline-offset:3px; }
.context-help-content {
  position:fixed; z-index:1000; display:block; width:max-content;
  max-width:min(320px,calc(100vw - 24px)); padding:12px 14px;
  border:1px solid var(--theme-border,var(--line)); border-radius:10px;
  background:var(--theme-surface,var(--surface)); color:var(--theme-text,var(--text));
  box-shadow:0 8px 28px var(--theme-shadow,rgba(15,23,42,.18));
  font-size:13px; font-weight:400; line-height:1.65; white-space:normal;
  overflow-wrap:anywhere; max-height:calc(100dvh - 24px); overflow:auto;
}
.context-help-content[hidden] { display:none !important; }
.field-label, .settings-heading, .account-option-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.settings-heading :is(h1,h2,h3), .account-option-heading :is(h1,h2,h3) { margin:0; }