.pe-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  min-height: 24px;
  margin: 0 0 0 2px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--text-secondary, #4d5f75);
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
.pe-help-button:hover { color: var(--text-primary, #252525); background: transparent; text-decoration: underline; }
.pe-help-button:focus-visible, .pe-help-dialog button:focus-visible {
  outline: 2px solid var(--accent, #71551c);
  outline-offset: 3px;
}
.pe-help-dialog {
  box-sizing: border-box;
  width: min(860px, calc(100% - 24px));
  max-height: calc(100dvh - 24px);
  padding: clamp(16px, 3vw, 28px);
  overflow: auto;
  border: 1px solid var(--border, #d3cbbb);
  border-radius: 12px;
  background: var(--bg, #fff);
  color: var(--text-primary, #252525);
  font-family: inherit;
}
.pe-help-dialog::backdrop { background: rgb(0 0 0 / 65%); }
.pe-help-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pe-help-heading h2 { margin: 0; font-size: 1.25rem; }
.pe-help-close {
  flex-shrink: 0;
  padding: 8px 14px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.pe-help-dialog p { line-height: 1.6; }
.pe-help-dialog video { display: block; width: 100%; max-height: 65dvh; background: #000; }
@media print { .pe-help-button, .pe-help-dialog { display: none !important; } }

.pe-help-label-group { display: inline-flex; align-items: center; gap: 4px; }
.ask-followup-controls .pe-help-label-group { margin-right: auto; }

/* Subtle inline disclosure help; retain a 24px pointer target. */
.lr-reader .pe-help-button,
summary > .pe-help-button {
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  margin: 0 0 0 2px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--text-secondary, #4d5f75);
  font: 400 12px/1 var(--font-body, sans-serif);
  vertical-align: middle;
}
.lr-reader .pe-help-button:hover,
summary > .pe-help-button:hover {
  color: var(--text-primary, #252525);
  background: transparent;
  text-decoration: underline;
}