/* Styling for article/dt content */
:root {
  /* General */
  --polly-content-padding: 1em;
  --polly-content-padding-no-y: 0em 1em;
  --polly-content-margin--headers: 20px 0px 10px 0px;
  --polly-content-margin: 0em 0em 10px 0em;
  --polly-content-font-size: var(--polly-font-size--sm);

  /* Blockquote */
  --polly-blockquote-bg-colour: var(--polly-grey--100);

  /* Callout */
  --polly-callout-bg-colour: var(--polly-error--100);
  --polly-callout-border-colour: var(--polly-error--500);
  --polly-callout-border-width: 3px;

  /* Pre */
  --polly-pre-bg-colour: var(--polly-grey--100);

  /* Table */
  --polly-content-table-cell-border-width: var(--polly-border-width--sm);
  --polly-content-table-cell-border-colour: var(--polly-grey--300);
  --polly-content-table-cell-border-padding: 0.1em 0.25em;

  /* Context field */
  --polly-content-context-field-colour: var(--polly-font-colour--white);
  --polly-content-context-field-colour--readonly: var(--polly-font-colour);
  --polly-content-context-field-bg-colour: var(--polly-brand--100);
  --polly-content-context-field-bg-colour--readonly: var(--polly-grey--200);
  --polly-content-context-field-padding: 0em 0.4em;
  --polly-content-context-field-margin: 0em 0.2em;
  --polly-content-context-field-border-radius: var(--polly-border-radius--sm);
  --polly-content-context-field-opacity: 0.9;

  /* Parahraph */
  --polly-content-paragraph-font-size: inherit;

}

.articleContent h1, .articleContent h2, .articleContent h3 {
  margin: var(--polly-content-margin--headers);
}

.articleContent p {
  margin: var(--polly-content-margin);
  font-size: var(--polly-content-paragraph-font-size);
}

blockquote {
  display: flow-root;
  padding: var(--polly-content-padding-no-y);
	font-size: var(--polly-content-font-size);
	background-color: var(--polly-blockquote-bg-colour);
	margin: 0px;
}

.articleContent blockquote p {
  margin: 1em 0px;
}

pre {
  padding: var(--polly-content-padding);
  margin: var(--polly-content-margin);
  font-size: var(--polly-font-size--sm);
  background-color: var(--polly-pre-bg-colour);
  font-style: italic;
  word-break: break-word;
  white-space: pre-wrap;
}

p.polly-callout {
  padding: var(--polly-content-padding);
  border-left: var(--polly-callout-border-width) solid var(--polly-callout-border-colour);
  background-color: var(--polly-callout-bg-colour);
  word-break: break-word;
}

.polly-help-article-container-left div.articleContent table:not(.table) {
  border-collapse: collapse;
  width: 100%;
}

.polly-help-article-container-left div.articleContent table:not(.table) tbody tr td {
  border: var(--polly-content-table-cell-border-width) solid var(--polly-content-table-cell-border-colour);
  padding: var(--polly-content-table-cell-border-padding);
}

.context-field {
  display: inline-block;
  color: var(--polly-content-context-field-colour);
  background-color: var(--polly-content-context-field-bg-colour);
  padding: var(--polly-content-context-field-padding);
  margin: var(--polly-content-context-field-margin);
  border-radius: var(--polly-content-context-field-border-radius);
  opacity: var(--polly-content-context-field-opacity);
}

.context-readonly {
  color: var(--polly-content-context-field-colour--readonly);
  background-color: var(--polly-content-context-field-bg-colour--readonly);
}

u {
  text-decoration: underline;
}