/* Helpdesk articles are rendered from markdown. HelpdeskHelper gives their
   elements the system's atoms; these rules cover what the system has no
   specimen for. App-only, like bridge.css: not part of design/apps-next. */

.helpdesk-article li > .sc-list { margin-top: var(--space-1); margin-bottom: 0; }

.helpdesk-article code {
  padding: 0 var(--space-1);
  background: rgb(var(--color-surface));
  font-family: var(--font-mono);
  font-size: .9em;
}

.helpdesk-article pre {
  margin: 0 0 var(--space-6);
  padding: var(--space-4);
  overflow-x: auto;
  border-left: var(--border-width-rule) solid rgb(var(--color-border-strong));
  background: rgb(var(--color-surface));
}

.helpdesk-article pre code { padding: 0; background: none; }


.helpdesk-related {
  padding-top: var(--space-3);
  border-top: var(--border-width-rule) solid rgb(var(--color-accent));
}