/**
 * @file
 * The pages this module publishes for the examples library.
 *
 * Both pages are a piece of prose next to markup that is the point of the
 * page, so both need a rule to say where the prose ends: on an example, the
 * context the library carries for it; on the overview, one entry from the
 * next. Plain CSS with fallbacks, so the pages are readable in a theme that
 * defines none of these variables.
 */

.ui-examples-about {
  margin-block-end: 2rem;
  padding-block-end: 1rem;
  border-block-end: var(--border-width, 1px) solid var(--color-border, currentColor);
}

/* The overview has no markup of its own per entry: it is a flat run of
 * headings and paragraphs, so the heading of an entry is what separates it
 * from the one above. The first has nothing above it to be separated from. */
.ui-examples-library > h2:not(:first-child) {
  margin-block-start: 2rem;
  padding-block-start: 1rem;
  border-block-start: var(--border-width, 1px) solid var(--color-border, currentColor);
}