@charset "utf-8";


/* Layout.
   -------------------------------------------------------------------------- */
main > * > li + li {
  margin-top: 1rem;
}


/* Typography.
   -------------------------------------------------------------------------- */
p { /* Source: http://clagnut.com/blog/2395 */
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;

  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;

  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;

  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}


/* Overrides: highlight.js.
   -------------------------------------------------------------------------- */
.hljs,
.hljs-subst {
  color: var(--preformatted);
}

.hljs {
  background-color: unset;
}

pre *,
code * {
  font-family: var(--mono-font);
}


/* Component: Header Hash Link.
   -------------------------------------------------------------------------- */
.header-hash {
  text-decoration: none;
  opacity: .35;
  padding-right: .25em;
}

.header-hash:hover {
  opacity: 1;
}

/* Overrides: Pagefind.
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  /* Duplicated for specificity */
  :root:root {
    --pagefind-ui-primary: #eeeeee;
    --pagefind-ui-text: #eeeeee;
    --pagefind-ui-background: #152028;
    --pagefind-ui-border: #152028;
    --pagefind-ui-tag: #152028;
  }
}

.pagefind-ui__search-clear.pagefind-ui__search-clear:hover {
  background-color: unset;
}