/*----------------------------------------------*\
    BLOCK - Body Text
	=================

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
.body-text {
  padding: 0 var(--page-padding);
}
.page .body-text { /* if used on pages (vs article) */
  max-width: var(--max-width-text);
  margin: 0 auto;
  padding-left: var(--size-300);
  /* the following counteracts weird things happening with .article-text-block__wrapper */
}
@media screen and (min-width: 24rem) {
  .page .body-text {
    padding-right: 0;
  }
}
@media screen and (min-width: 34rem) {
  .page .body-text {
    padding-left: 0;
  }
}
.body-text__wrapper {
  /* fix breaks in reallly long words or URLs */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.body-text__wrapper > * {
  font-size: calc(var(--size-400) * 1.15); /* multiply because serif renders smaller than sans */
  font-family: var(--font-text);
  line-height: 1.6;
  max-width: 56ch;
  margin-bottom: 0.9em;
}
.body-text__wrapper > *:last-child {
  margin-bottom: 0;
}
.logged-in .body-text__wrapper div { /* Admin messages for <div> tags that shouldn't be used */ }
.logged-in .body-text__wrapper div:before, .logged-in .body-text__wrapper div:after {
  background-color: yellow;
  font-family: var(--font-ui);
  font-weight: bold;
  padding: 0.25em;
}
.logged-in .body-text__wrapper div:before {
  content: "DELETE IMPROPER <div> TAG HERE";
}
.logged-in .body-text__wrapper div:after {
  content: "DELETE IMPROPER </div> TAG HERE";
}
.body-text h2 {
  font-family: var(--font-ui);
  font-weight: bold;
  font-size: var(--size-600);
  margin-top: var(--size-500);
  line-height: 1.2;
}
.body-text h3 {
  font-family: var(--font-ui);
  font-weight: bold;
  font-size: var(--size-500);
  margin-top: var(--size-500);
  line-height: 1.2;
}
.body-text h2 + h3 {
  margin-top: 0;
}
.body-text ul {
  list-style: disc outside;
  padding-left: var(--size-500);
}
.body-text ul li {
  margin-bottom: var(--size-100);
}
.body-text blockquote {
  font-size: calc(var(--size-300) * 1.15);
  padding-left: var(--size-700);
  padding-right: var(--size-700);
  line-height: 1.6;
  max-width: 65ch;
}
.body-text blockquote > * {
  margin-bottom: 0.9em;
}

.footnote__reference {
  font-family: var(--font-ui);
  font-size: 0.6em;
  vertical-align: 0.5em;
  padding: 0.25em 0.25em 0.25em 0.1em;
  font-weight: bold;
  color: var(--color-accent);
}
.footnote__reference:focus {
  outline: 0;
}
.footnote__reference:focus-visible {
  outline: solid 2px var(--color-accent-glare);
}
.footnote__text {
  display: none;
  font-size: 1rem;
  gap: var(--size-600);
  margin-bottom: var(--size-400);
  margin-top: var(--size-200);
  color: var(--color-accent);
  font-family: var(--font-ui);
  line-height: 1.5;
}
@media print {
  .footnote__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footnote--expand .footnote__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footnote__text__number {
  font-size: var(--size-200);
}
.footnote__text__text {
  font-size: var(--size-200);
  max-width: 70ch;
}
/*----------------------------------------------*\
    BLOCK - Featured Text
	=====================

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
.featured-text {
  margin: var(--vertical-space) 0;
  padding: 0 var(--page-padding);
}
.featured-text--dark {
  background-color: var(--color-bg-reversed);
  color: var(--color-text-reversed);
  padding-top: var(--size-700);
  padding-bottom: var(--size-700);
}
.featured-text--sans {
  font-family: var(--font-ui);
}
.featured-text--serif {
  font-family: var(--font-text);
}
.featured-text__wrapper {
  max-width: var(--max-width-text);
  margin: 0 auto;
  line-height: 1.35;
}
.featured-text__wrapper > * {
  margin-bottom: 0.7em;
  font-size: var(--size-500);
}
.featured-text__wrapper > *:last-child {
  margin-bottom: 0;
}
.featured-text h2 {
  font-size: var(--size-700);
  font-weight: 500;
}
.featured-text * + h2 {
  margin-top: var(--size-400);
}
.featured-text h3 {
  font-size: var(--size-500);
  font-weight: 600;
}
.featured-text * + h2 {
  margin-top: var(--size-300);
}
.featured-text ul {
  list-style: circle;
  padding-left: var(--size-600);
  font-size: var(--size-400);
  margin-bottom: var(--size-500);
}
.featured-text ul li {
  margin-bottom: var(--size-100);
}
.featured-text ol {
  list-style: decimal;
  padding-left: var(--size-600);
  font-size: var(--size-400);
  margin-bottom: var(--size-500);
}
.featured-text ol li {
  margin-bottom: var(--size-100);
}
.featured-text a {
  /* attach to <a> tag */
  display: inline-block;
  text-decoration: none;
  text-decoration: underline;
}
.featured-text a:hover {
  color: var(--color-text-hover);
}
.featured-text a:focus-visible {
  color: var(--color-text-hover);
  outline: solid 1px currentColor;
  outline-offset: 5px;
}
.featured-text a:hover {
  color: var(--color-text-hover);
}
.featured-text a:focus-visible {
  color: currentColor;
}
.featured-text--dark a:hover {
  color: var(--color-text-reversed-hover);
}