/*
 * Advia Content Exchange: the block injected into articles.
 *
 * The block is a native collapsible that needs no script. It is a details
 * element with the class advia-cx. Its first child is the summary (the title line).
 * The body follows the summary and uses only these elements:
 * p, ul, ol, li, strong, em, a, h3, h4 and blockquote.
 *
 * Anything this file does not set comes from the theme of the site.
 */

/* The box: space around it, padding, border and background. */
.advia-cx {
  margin: 1.5em 0;
  padding: 0.75em 1em;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.02);
}

/* The title line (summary). Readers click it to open and close the box. */
.advia-cx > summary {
  cursor: pointer;
  font-weight: 600;
}

/* Open state: the title line while the box is open. */
.advia-cx[open] > summary {
  margin-bottom: 0.75em;
}

/* The body: every element after the title line. Empty: the theme styles it. */
.advia-cx > :not(summary) {
}

/* The last element of the body: no space under it, inside the box. */
.advia-cx > :last-child {
  margin-bottom: 0;
}

/* Links in the body. Empty: links keep the theme style. */
.advia-cx a {
}

/* Lists in the body. Empty: lists keep the theme style. */
.advia-cx ul,
.advia-cx ol {
}

/* Headings in the body. Empty: headings keep the theme style. */
.advia-cx h3,
.advia-cx h4 {
}