/* The Help tab of the docked assistant (ACQ-RD-3; the drawer itself is Esw.Assistant.UI's esw-assistant.css).
   Linked from index.html, never from HeadContent. The Learn item in the nav is .aq-help (shell.css only pushes it to
   the bottom of the sidebar); the Help tab's classes are .aq-help-*, never .aq-help alone. */
.aq-help-open {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, var(--line-strong) 50%, transparent);
  font-weight: 700;
  font-size: 16px;
}
.aq-help-open:hover { background: color-mix(in srgb, var(--accent) 8%, transparent); }
.aq-help-open[aria-pressed="true"] { background: color-mix(in srgb, var(--accent) 16%, transparent); border-color: var(--accent); color: var(--accent); }
.aq-help-summary { margin: 0 0 8px; }
.aq-help-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.aq-help-changes-list { margin: 0 0 8px; padding-left: 20px; }
.aq-help-sub { margin: 16px 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.aq-help-section { border-top: 1px solid var(--line); padding: 8px 0; }
.aq-help-section summary { cursor: pointer; font-weight: 600; }
.aq-help-md p { margin: 8px 0; }
.aq-help-muted { color: var(--muted); }
.aq-help-error { color: var(--danger); }
.aq-help-discuss { margin: 16px 0 0; font-size: 13px; }
.aq-help-links { padding-left: 20px; }

/* ACQ-RD-3: the page's own doors at its foot, now that the Ask box lives in the docked assistant. */
.aq-page-doors { display: flex; flex-direction: column; gap: 12px; margin: 16px 24px 24px; }
.aq-page-doors-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
@media (max-width: 720px) { .aq-page-doors { margin: 16px; } }