/* Long-form help content shown in dialogs (e.g. the Shopify setup guide) */
.guide {
  max-block-size: 85vh;
  overflow-y: auto;

  h2 { font-size: var(--text-xl); font-weight: var(--font-bold); }
  h3 { font-size: var(--text-lg); font-weight: var(--font-semibold); margin-block: var(--size-6) var(--size-2); }
  h4 { font-weight: var(--font-semibold); margin-block: var(--size-4) var(--size-1); }
  p, li { line-height: 1.6; }
  p { margin-block-end: var(--size-2); }
  ol { list-style: decimal; }
  ul { list-style: disc; }
  ol, ul { padding-inline-start: var(--size-5); margin-block-end: var(--size-2); }
  li { margin-block-end: var(--size-1); }
  li > ul { margin-block: var(--size-1) 0; }

  code {
    background-color: var(--color-border-light);
    border-radius: var(--rounded-sm);
    font-family: var(--font-monospace-code);
    font-size: .9em;
    padding: 0 .3em;
  }
}

.guide__note {
  border-inline-start: 3px solid var(--color-border);
  color: var(--color-text-subtle);
  font-size: var(--text-sm);
  margin-block: var(--size-2);
  padding-inline-start: var(--size-3);
}