/*** OVERALL ***/

:root {
  font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 {
  break-after: avoid;
  break-inside: avoid;
}


/*** REMOVE ELEMENTS ***/

.banner__nav, .breadcrumbs, .live-footer, .footer__links {
  display: none
}


/*** REGISTRATION BANNER ***/

.restricted {
  display: block;
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: var(--weight-serif-bold);
  text-align: center;
}

.restricted__logout {
  display: none;
}


/*** SUMMARY BOX ***/

.summary-box {
  break-inside: avoid;
}


/*** STORY ***/

.story {
  --p-font-size: 1rem;
  --spacing-page-border: 0vw;
  --max-width: 100vw;
  --margin-padding: 0.5in;
  --margin-width: 2.5in;
}

.story .story__title {
  font-size: calc(var(--p-font-size) * 2.1);
}


/* Story: Links */

.story a {
}

.story a::after {
  content: attr(href);
  float: right;
  clear: right;
  display: block;

  margin-top: var(--p-spacing-third);
  margin-right: var(--margin-right);
  width: var(--margin-usable-width);

  font-family: var(--font-sans);
  font-size: calc(var(--marginal-font-size) * 0.8);
  font-style: normal;
  line-height: 1.2;
}

/* Links in marginalia act weird, so we turn them off.
 *
 * (If we don't, they end up to right of margin, which causes all kinds of problems with Firefox printing as of v79.
 * It prints everything very small, but only when printing, not when looking at screen. This can be resolved by
 * setting margin: 0, but the marginalia links generally don't look good, so we turn them off entirely. If you
 * decide you want them, add them--selectively--to the .site-notice block below.)
 */
.story blockquote.pullquote a::after,
.story blockquote.coach a::after,
.story .footnote a::after,
.story ul.translations a::after,
.story .figure a::after,
.story .audience a::after,
.story .practice a::after {
  display: none;
}

/* Links in site-notice work, but require special handling because it's full-width. */
.story .site-notice a::after {
  margin: 0;
}

/* Don't display URLs for links within a page */
.story a[href^="#"]:after {
  display: none;
}


/* Story: Prevent awkward page breaks */
.story table, .story .footnote, .story blockquote.pullquote, .story blockquote.coach, .story .figure, .story .caption, .story .book_nav, .story blockquote.haiku, .story .goal, .story .audience, .story .practice {
  break-inside: avoid;
}
.story blockquote.notetip::before {
  break-after: avoid;
  break-inside: avoid;
}
.story .caption {
  break-before: avoid;
}

/* Story: Wrqp long lines in code blocks; don't show scroll bars */
.story pre code {
  white-space: pre-wrap;
  overflow-x: clip;
}

/* Story: Don't display 'return to top' links */
.story .to-top {
  display: none;
}