@charset "UTF-8";
/*
 *  Fonts
 */
/*
 * Commented out until I decide to buy a licence for Input Mono.
 *
 * @font-face {
 *   font-family: "Input Mono";
 *   src: url(/fonts/InputMono-Regular.ttf);
 * }
 */
@font-face {
  font-family: Domitian;
  src: url("/fonts/Domitian-Roman.woff2") format("woff2"); }

@font-face {
  font-family: Domitian;
  src: url("/fonts/Domitian-Bold.woff2") format("woff2");
  font-weight: bold; }

@font-face {
  font-family: Domitian;
  src: url("/fonts/Domitian-Italic.woff2") format("woff2");
  font-style: italic; }

@font-face {
  font-family: Domitian;
  src: url("/fonts/Domitian-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic; }

/*
 *  Base
 */
html {
  font-size: 16px;
  color: #020202;
  background-color: #fffff0;
  font-family: "Domitian", "Palatino Linotype", "Book Antiqua", palatino, garamond, serif;
  writing-mode: horizontal-tb; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  font-variant-numeric: slashed-zero; }

hgroup {
  text-wrap: balance; }

.article-body__content p, .article-body__content li {
  font-variant-numeric: oldstyle-nums; }

.article-body__content p {
  text-wrap: pretty;
  margin-block: 1em;
  margin-block: 1lh; }

section {
  margin-trim: block; }

@supports not (margin-trim: block) {
  section :first-child {
    margin-block-start: 0; }
  section :last-child {
    margin-block-end: 0; } }

a {
  text-decoration-skip-ink: auto;
  color: #020202;
  text-decoration: underline;
  opacity: 0.8; }
  a:hover {
    text-decoration: none;
    opacity: 1; }
  a:focus {
    text-decoration-style: double;
    opacity: 1; }

::selection {
  background-color: #020202;
  color: #fffff0; }

/*
 * Quotations
 */
q:lang(en) {
  quotes: "‘" "’" "“" "”"; }

/*
 * Citations
 */
cite,
cite.book,
cite.film,
cite.tv-show,
cite.comic,
cite.podcast,
cite.album,
cite.report {
  font-style: italic; }

cite.book--proper-noun {
  font-style: inherit; }

cite.legislation,
cite.smallcite,
cite.comic-strip,
cite.short-story,
cite.article,
cite.episode,
cite.video,
cite.chapter,
cite.poem,
cite.software,
cite.website,
cite.campaign,
cite.song,
cite.speech,
cite.course,
cite.presentation {
  font-style: normal; }

cite.smallcite::before,
cite.article::before,
cite.comic-strip::before,
cite.short-story::before,
cite.episode::before,
cite.video::before,
cite.chapter::before,
cite.song::before,
cite.poem::before,
cite.campaign::before,
cite.speech::before,
cite.course::before,
cite.presentation::before {
  content: "“"; }

cite.smallcite::after,
cite.article::after,
cite.comic-strip::after,
cite.short-story::after,
cite.episode::after,
cite.video::after,
cite.chapter::after,
cite.song::after,
cite.poem::after,
cite.campaign::after,
cite.speech::after,
cite.course::after,
cite.presentation::after {
  content: "”"; }

cite.article--shortcite::before,
cite.article--shortcite::after {
  content: none; }

cite,
.cite {
  font-style: italic; }
  cite[itemtype$="Code"], cite[itemtype$="SocialMediaPosting"], cite[itemtype$="SoftwareApplication"], cite[itemtype$="WebApplication"], cite[itemtype$="MobileApplication"], cite[itemtype$="WebSite"], cite[itemtype$="WebContent"], cite[itemtype$="Comment"], cite[itemtype$="Statement"], cite[itemtype$="CreativeWorkSeason"], cite[itemtype$="PodcastSeason"], cite[itemtype$="RadioSeason"], cite[itemtype$="TVSeason"], cite[itemtype$="CreativeWorkSeries"], cite[itemtype$="BookSeries"], cite[itemtype$="MovieSeries"], cite[itemtype$="VideoGameSeries"], cite[itemtype$="Legislation"], cite--inherit,
  .cite[itemtype$="Code"],
  .cite[itemtype$="SocialMediaPosting"],
  .cite[itemtype$="SoftwareApplication"],
  .cite[itemtype$="WebApplication"],
  .cite[itemtype$="MobileApplication"],
  .cite[itemtype$="WebSite"],
  .cite[itemtype$="WebContent"],
  .cite[itemtype$="Comment"],
  .cite[itemtype$="Statement"],
  .cite[itemtype$="CreativeWorkSeason"],
  .cite[itemtype$="PodcastSeason"],
  .cite[itemtype$="RadioSeason"],
  .cite[itemtype$="TVSeason"],
  .cite[itemtype$="CreativeWorkSeries"],
  .cite[itemtype$="BookSeries"],
  .cite[itemtype$="MovieSeries"],
  .cite[itemtype$="VideoGameSeries"],
  .cite[itemtype$="Legislation"],
  .cite--inherit {
    font-style: inherit; }
  cite[itemtype$="Article"], cite[itemtype$="BlogPosting"], cite[itemtype$="NewsArticle"], cite[itemtype$="AnalysisNewsArticle"], cite[itemtype$="ReportageNewsArticle"], cite[itemtype$="OpinionNewsArticle"], cite[itemtype$="ScholarlyArticle"], cite[itemtype$="TechArticle"], cite[itemtype$="Event"], cite[itemtype$="Chapter"], cite[itemtype$="Clip"], cite[itemtype$="MovieClip"], cite[itemtype$="RadioClip"], cite[itemtype$="TVClip"], cite[itemtype$="VideoGameClip"], cite[itemtype$="Course"], cite[itemtype$="DigitalDocument"], cite[itemtype$="NoteDigitalDocument"], cite[itemtype$="PresentationDigitalDocument"], cite[itemtype$="TextDigitalDocument"], cite[itemtype$="Episode"], cite[itemtype$="PodcastEpisode"], cite[itemtype$="RadioEpisode"], cite[itemtype$="TVEpisode"], cite[itemtype$="MusicRecording"], cite[itemtype$="MusicComposition"], cite[itemtype$="Message"], cite--enquote,
  .cite[itemtype$="Article"],
  .cite[itemtype$="BlogPosting"],
  .cite[itemtype$="NewsArticle"],
  .cite[itemtype$="AnalysisNewsArticle"],
  .cite[itemtype$="ReportageNewsArticle"],
  .cite[itemtype$="OpinionNewsArticle"],
  .cite[itemtype$="ScholarlyArticle"],
  .cite[itemtype$="TechArticle"],
  .cite[itemtype$="Event"],
  .cite[itemtype$="Chapter"],
  .cite[itemtype$="Clip"],
  .cite[itemtype$="MovieClip"],
  .cite[itemtype$="RadioClip"],
  .cite[itemtype$="TVClip"],
  .cite[itemtype$="VideoGameClip"],
  .cite[itemtype$="Course"],
  .cite[itemtype$="DigitalDocument"],
  .cite[itemtype$="NoteDigitalDocument"],
  .cite[itemtype$="PresentationDigitalDocument"],
  .cite[itemtype$="TextDigitalDocument"],
  .cite[itemtype$="Episode"],
  .cite[itemtype$="PodcastEpisode"],
  .cite[itemtype$="RadioEpisode"],
  .cite[itemtype$="TVEpisode"],
  .cite[itemtype$="MusicRecording"],
  .cite[itemtype$="MusicComposition"],
  .cite[itemtype$="Message"],
  .cite--enquote {
    font-style: inherit; }
    cite[itemtype$="Article"]::before, cite[itemtype$="BlogPosting"]::before, cite[itemtype$="NewsArticle"]::before, cite[itemtype$="AnalysisNewsArticle"]::before, cite[itemtype$="ReportageNewsArticle"]::before, cite[itemtype$="OpinionNewsArticle"]::before, cite[itemtype$="ScholarlyArticle"]::before, cite[itemtype$="TechArticle"]::before, cite[itemtype$="Event"]::before, cite[itemtype$="Chapter"]::before, cite[itemtype$="Clip"]::before, cite[itemtype$="MovieClip"]::before, cite[itemtype$="RadioClip"]::before, cite[itemtype$="TVClip"]::before, cite[itemtype$="VideoGameClip"]::before, cite[itemtype$="Course"]::before, cite[itemtype$="DigitalDocument"]::before, cite[itemtype$="NoteDigitalDocument"]::before, cite[itemtype$="PresentationDigitalDocument"]::before, cite[itemtype$="TextDigitalDocument"]::before, cite[itemtype$="Episode"]::before, cite[itemtype$="PodcastEpisode"]::before, cite[itemtype$="RadioEpisode"]::before, cite[itemtype$="TVEpisode"]::before, cite[itemtype$="MusicRecording"]::before, cite[itemtype$="MusicComposition"]::before, cite[itemtype$="Message"]::before, cite--enquote::before,
    .cite[itemtype$="Article"]::before,
    .cite[itemtype$="BlogPosting"]::before,
    .cite[itemtype$="NewsArticle"]::before,
    .cite[itemtype$="AnalysisNewsArticle"]::before,
    .cite[itemtype$="ReportageNewsArticle"]::before,
    .cite[itemtype$="OpinionNewsArticle"]::before,
    .cite[itemtype$="ScholarlyArticle"]::before,
    .cite[itemtype$="TechArticle"]::before,
    .cite[itemtype$="Event"]::before,
    .cite[itemtype$="Chapter"]::before,
    .cite[itemtype$="Clip"]::before,
    .cite[itemtype$="MovieClip"]::before,
    .cite[itemtype$="RadioClip"]::before,
    .cite[itemtype$="TVClip"]::before,
    .cite[itemtype$="VideoGameClip"]::before,
    .cite[itemtype$="Course"]::before,
    .cite[itemtype$="DigitalDocument"]::before,
    .cite[itemtype$="NoteDigitalDocument"]::before,
    .cite[itemtype$="PresentationDigitalDocument"]::before,
    .cite[itemtype$="TextDigitalDocument"]::before,
    .cite[itemtype$="Episode"]::before,
    .cite[itemtype$="PodcastEpisode"]::before,
    .cite[itemtype$="RadioEpisode"]::before,
    .cite[itemtype$="TVEpisode"]::before,
    .cite[itemtype$="MusicRecording"]::before,
    .cite[itemtype$="MusicComposition"]::before,
    .cite[itemtype$="Message"]::before,
    .cite--enquote::before {
      content: "“"; }
    cite[itemtype$="Article"]::after, cite[itemtype$="BlogPosting"]::after, cite[itemtype$="NewsArticle"]::after, cite[itemtype$="AnalysisNewsArticle"]::after, cite[itemtype$="ReportageNewsArticle"]::after, cite[itemtype$="OpinionNewsArticle"]::after, cite[itemtype$="ScholarlyArticle"]::after, cite[itemtype$="TechArticle"]::after, cite[itemtype$="Event"]::after, cite[itemtype$="Chapter"]::after, cite[itemtype$="Clip"]::after, cite[itemtype$="MovieClip"]::after, cite[itemtype$="RadioClip"]::after, cite[itemtype$="TVClip"]::after, cite[itemtype$="VideoGameClip"]::after, cite[itemtype$="Course"]::after, cite[itemtype$="DigitalDocument"]::after, cite[itemtype$="NoteDigitalDocument"]::after, cite[itemtype$="PresentationDigitalDocument"]::after, cite[itemtype$="TextDigitalDocument"]::after, cite[itemtype$="Episode"]::after, cite[itemtype$="PodcastEpisode"]::after, cite[itemtype$="RadioEpisode"]::after, cite[itemtype$="TVEpisode"]::after, cite[itemtype$="MusicRecording"]::after, cite[itemtype$="MusicComposition"]::after, cite[itemtype$="Message"]::after, cite--enquote::after,
    .cite[itemtype$="Article"]::after,
    .cite[itemtype$="BlogPosting"]::after,
    .cite[itemtype$="NewsArticle"]::after,
    .cite[itemtype$="AnalysisNewsArticle"]::after,
    .cite[itemtype$="ReportageNewsArticle"]::after,
    .cite[itemtype$="OpinionNewsArticle"]::after,
    .cite[itemtype$="ScholarlyArticle"]::after,
    .cite[itemtype$="TechArticle"]::after,
    .cite[itemtype$="Event"]::after,
    .cite[itemtype$="Chapter"]::after,
    .cite[itemtype$="Clip"]::after,
    .cite[itemtype$="MovieClip"]::after,
    .cite[itemtype$="RadioClip"]::after,
    .cite[itemtype$="TVClip"]::after,
    .cite[itemtype$="VideoGameClip"]::after,
    .cite[itemtype$="Course"]::after,
    .cite[itemtype$="DigitalDocument"]::after,
    .cite[itemtype$="NoteDigitalDocument"]::after,
    .cite[itemtype$="PresentationDigitalDocument"]::after,
    .cite[itemtype$="TextDigitalDocument"]::after,
    .cite[itemtype$="Episode"]::after,
    .cite[itemtype$="PodcastEpisode"]::after,
    .cite[itemtype$="RadioEpisode"]::after,
    .cite[itemtype$="TVEpisode"]::after,
    .cite[itemtype$="MusicRecording"]::after,
    .cite[itemtype$="MusicComposition"]::after,
    .cite[itemtype$="Message"]::after,
    .cite--enquote::after {
      content: "”"; }
  cite--normal,
  .cite--normal {
    font-style: normal !important; }
    cite--normal::before,
    .cite--normal::before {
      content: none !important; }
    cite--normal::after,
    .cite--normal::after {
      content: none !important; }

/*
 *  Code
 */
pre {
  padding-inline-start: 1em;
  border-inline-start: 2px outset #020202;
  display: inline-block;
  overflow: hidden;
  max-inline-size: 80%;
  overflow: scroll; }
  @media only screen and (min-width: 1248px) {
    pre {
      margin-block: 1em;
      margin-inline: 2em; } }
code,
samp,
var,
pre {
  font-family: "Input Mono", "Lucida Console", monaco, "Courier New", monospace;
  font-size: 0.9em;
  word-wrap: normal; }

code,
samp,
var {
  background-color: #d1d1d1;
  border-radius: 5px;
  padding: 2px; }

samp {
  display: block;
  inline-size: 80ch;
  margin-block: 1em;
  margin-inline: 4em;
  border-inline-start: 2px solid #ccc;
  color: #333; }

h1 code,
pre code,
pre samp,
pre var,
h1 samp,
h1 var,
.post-title code,
.post-title samp,
.post-title var {
  background-color: transparent;
  padding: 0; }

.heading code,
.subheading code {
  background-color: transparent; }

kbd {
  padding-block: 0.1em;
  padding-inline: 0.6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f7f7f7;
  color: #333;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
  border-radius: 3px;
  display: inline-block;
  margin-block: 0;
  margin-inline: 0.1em;
  text-shadow: 0 1px 0 white;
  line-height: 1.4;
  white-space: nowrap; }

/*
 *  Special Text
 */
.pre-nominals,
.post-nominals {
  font-size: 0.6em;
  font-variant: small-caps; }

.sic::after {
  content: " [sic]";
  font-style: italic; }

.latex {
  display: inline !important; }

.MathJax {
  font-size: 1em !important; }

:where([title]) {
  text-decoration: underline;
  text-decoration: underline dotted; }
  :where([title]):not(a *) {
    cursor: help; }

dfn {
  font-variant: small-caps; }

sup {
  font-variant-position: super; }

sub {
  font-variant-position: sub; }

@supports (font-variant-position: super) or (font-variant-position: sub) {
  sub,
  sup {
    vertical-align: baseline;
    font-size: inherit; } }

.site-container {
  display: grid;
  grid-template-columns: 2.5% 1fr 2.5%;
  grid-template-rows: auto 1fr 2.5%;
  grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer";
  min-block-size: calc(100vh - 4em);
  border-block-start: 0; }
  .site-container > article {
    grid-area: page-container; }
    @media only screen and (min-width: 1248px) {
      .site-container > article {
        margin-block-start: 2em; } }
  @media only screen and (min-width: 1248px) {
    .site-container {
      margin-block-end: 2em;
      grid-template-areas: "header header header" ". page-container ." "footer footer footer";
      border: 2px solid black;
      margin: 2em; } }
  .site-container--homepage {
    align-items: center;
    grid-template-rows: auto 2.5%;
    grid-template-areas: "page-container page-container page-container" "footer footer footer";
    margin: 2em; }
    @media only screen and (min-width: 1248px) {
      .site-container--homepage {
        border: 2px solid black;
        grid-template-areas: ". page-container ." "footer footer footer"; } }
  .site-container--list, .site-container--section {
    align-items: center; }

.site-header {
  display: grid;
  grid-area: header;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav";
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  text-align: center;
  z-index: 1; }
  .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav {
    background-color: #fffff0;
    margin: 0; }
  .site-header__title, .site-header__tagline, .site-header__icons {
    padding-block: 5px;
    padding-inline: 0; }
  .site-header__title {
    font-weight: normal;
    grid-area: header-title; }
  .site-header__tagline {
    grid-area: header-tagline; }
  .site-header__icons {
    grid-area: header-icons;
    border-block-end: 2px solid #020202;
    margin-block-end: 0; }
  .site-header__nav {
    grid-area: header-nav;
    margin: auto;
    inline-size: 100%; }
    @media only screen and (min-width: 1248px) {
      .site-header__nav {
        inline-size: 60%; } }
    .site-header__nav ul {
      margin-block: 0; }
      .site-header__nav ul li {
        inline-size: calc(100% / 3);
        display: block;
        float: inline-start;
        border-block-end: 2px solid black;
        border-inline: 1px solid black;
        padding: 0.4em;
        background-color: inherit; }
        .site-header__nav ul li:hover, .site-header__nav ul li:focus {
          background-color: #ffffd0; }
        .site-header__nav ul li a {
          inline-size: 100%;
          block-size: 100%;
          display: block; }
      .site-header__nav ul a:first-child li {
        border-inline-start: 2px solid black; }
      .site-header__nav ul a:last-child li {
        border-inline-start: 2px solid black; }

.site-footer {
  grid-area: footer;
  display: block;
  inline-size: 100%;
  /* Overflows right of viewport otherwise */ }
  @media only screen and (min-width: 768px) {
    .site-footer {
      position: fixed;
      inset-block-end: 0; } }
  .site-footer p {
    text-align: center;
    background: #fffff0;
    margin-block-start: 0;
    padding: 0.4em;
    margin-block-end: unset;
    border-block-end: none;
    font-size: 1em;
    border-block-start: 2px solid black; }
    @media only screen and (min-width: 768px) {
      .site-footer p {
        inline-size: fit-content;
        margin: auto;
        border-inline: 2px solid black; } }
.site-content {
  grid-area: page-container; }
  @media only screen and (min-width: 1248px) {
    .site-content {
      margin: 2em; } }
.attr {
  position: absolute;
  background-color: #020202;
  font-size: 0.7em;
  color: #fffff0;
  inline-size: fit-content;
  padding-block: 0.2em;
  padding-inline: 0.5em;
  opacity: 0.8;
  margin-block: 0 !important;
  margin-inline: auto;
  top: 0; }
  .attr a {
    color: #fffff0; }

.blockquote {
  padding-inline-start: 1em;
  border-inline-start: 2px outset #020202;
  display: inline-block;
  max-inline-size: 85%; }
  @media only screen and (min-width: 1024px) {
    .blockquote {
      margin-block: 0.5em;
      margin-inline: 1em; } }
  .blockquote__body p:first-child {
    margin-block-start: 0; }
  .blockquote__body p:last-of-type {
    margin-block-end: 0.5em; }
  .blockquote__caption {
    display: none;
    text-align: end;
    font-style: normal;
    margin-inline-start: 5em;
    inline-size: 80%;
    orphans: 3; }
    .blockquote__caption::before {
      content: "—"; }
  .blockquote--epigram {
    font-size: 1.1em;
    text-align: center;
    display: block;
    margin-block: 0;
    margin-inline: auto;
    border-inline-start: 0;
    padding-inline-start: 0;
    inline-size: 100%;
    padding-block-start: 1em;
    padding-block-end: 1.2em;
    border-block-start: 2px outset #020202;
    border-block-end: 2px inset #020202; }
    .blockquote--epigram .blockquote__caption {
      display: block; }
  .blockquote--script .blockquote__body {
    display: grid;
    grid-template-columns: auto 1fr 0.2fr;
    padding-block-end: 0.4em;
    text-align: start; }
    .blockquote--script .blockquote__body > p::before, .blockquote--script .blockquote__body > p::after {
      content: none !important; }
    .blockquote--script .blockquote__body > .script-line__character {
      margin-inline: 2em 0.5em;
      margin-block: 0.5em;
      font-style: italic; }
    .blockquote--script .blockquote__body > .script-line__text {
      grid-column-start: 2;
      grid-column-end: 4;
      margin: 0.5em; }

.label--button {
  cursor: pointer;
  display: block;
  inline-size: fit-content;
  margin-inline: auto; }

.button {
  border: 2px solid #020202;
  background-color: #fffff0;
  padding: 0.4em 1em;
  cursor: pointer; }
  .button:hover, .button:focus {
    box-shadow: 2px 2px gray; }

.chart-container {
  position: relative;
  inline-size: 100%;
  min-block-size: 50vh;
  display: flex;
  justify-content: center; }
  @media (orientation: landscape) {
    .chart-container {
      block-size: 75vh; } }
  @media only screen and (min-width: 1248px) {
    .chart-container {
      block-size: auto;
      max-block-size: 80vh; } }
  .chart-container + .chart-container {
    margin-block-start: 1em; }

.highlight {
  max-inline-size: 50vw; }

.comment__author {
  display: inline;
  font-weight: bold;
  margin-inline-end: 0.5em; }

.comment__publish-date {
  display: inline;
  font-style: italic; }

.comment__source {
  font-style: italic;
  font-size: 0.8em; }

.comment__subheading {
  font-weight: bold;
  margin-block-end: 1em;
  margin-block-start: 1em; }

.comment__thread, .comment__subthread {
  list-style: none;
  margin-block-start: 1em;
  padding-inline-start: 1em;
  border-inline-start: 1px dotted #020202;
  margin-inline-start: 0; }

details summary {
  cursor: pointer; }

.figure {
  inline-size: fit-content;
  margin: 16px auto;
  position: relative; }
  .figure--chart {
    margin: 0;
    width: 100%; }
  .figure__caption {
    block-size: auto;
    margin: auto;
    text-align: center; }
    .figure__caption--no-height {
      height: 0; }
    .figure__caption .figcaption__caption {
      font-size: 0.9em;
      font-style: italic; }
    .figure__caption .figcaption__title {
      font-size: 0.95em;
      font-weight: bold; }
    .figure__caption .figcaption__attr {
      background-color: #020202;
      font-size: 0.7em;
      color: #fffff0;
      inline-size: fit-content;
      inset-block-start: -2em;
      position: relative;
      padding: 0.2em 0.5em;
      opacity: 0.8;
      margin: 0 auto; }
    .figure__caption .figcaption__attr + .figcaption__caption {
      margin-block-start: -0.5em; }
    .figure__caption .figcaption__full-size-link {
      font-size: 0.6em;
      padding-inline-start: 1em; }
      .figure__caption .figcaption__full-size-link::before {
        content: "["; }
      .figure__caption .figcaption__full-size-link::after {
        content: "]"; }

.gallery {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  grid-template-rows: 1fr auto;
  overflow-inline: scroll; }
  .gallery__caption {
    grid-column-end: -1;
    grid-column-start: 1; }
  .gallery .figure {
    margin-trim: unset; }
    @supports not (margin-trim: block) {
      .gallery .figure:first-child {
        margin-block-start: 16px; }
      .gallery .figure:last-child {
        margin-block-end: unset; } }

img,
video {
  max-inline-size: 100%;
  block-size: auto;
  inline-size: auto;
  max-block-size: 50vh;
  margin: auto;
  display: block; }

.picture__wrapper {
  position: relative;
  margin: auto;
  block-size: auto;
  width: fit-content;
  max-block-size: 50vh; }
  .picture__wrapper .picture {
    display: block; }
    .picture__wrapper .picture img {
      margin: 0; }

.feed-icon {
  display: inline-block;
  block-size: 1em;
  inline-size: 1em;
  margin-block-end: 0.2em; }

.site-header__icons a {
  text-decoration: none; }

.link--tile {
  text-decoration: none;
  box-sizing: border-box;
  border: 2px solid transparent; }
  .link--tile:hover, .link--tile:focus {
    border-color: #020202; }
    .link--tile:hover .item-tile__title-wrapper, .link--tile:focus .item-tile__title-wrapper {
      opacity: 1; }

.site-container--section .item-tile.lazy {
  background-image: none !important; }

.item-tile {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  block-size: 15em;
  border: 2px solid #020202;
  align-content: center;
  position: relative; }
  @media (prefers-reduced-data: reduce) {
    .item-tile {
      background: none !important; } }
  .item-tile__series {
    margin-block: 0 1em;
    margin-inline: auto;
    font-size: 1.2em;
    top: 0; }
  .item-tile__title-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #020202;
    opacity: 0.9;
    text-align: center;
    margin: auto;
    width: 80%;
    margin-block: auto; }
  .item-tile--ohwhatohjeez {
    border: 2px solid #ff8900; }
  .item-tile--oldphaloskepsis {
    border: 2px solid #003d52; }
  .item-tile--omphaloskepsis {
    border: 2px solid #fffff0; }
  .item-tile--heading {
    text-align: center;
    background-color: #020202; }
    .item-tile--heading .item-tile__header {
      font-size: 3em; }
  .item-tile__banner {
    padding-inline: 0.75em;
    grid-area: banner;
    inline-size: auto;
    margin-inline: auto;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.2em;
    background-color: #ebebeb;
    padding-block: 0.25em; }
  .item-tile hgroup {
    padding: 1em 0.5em; }
    .item-tile hgroup > * {
      margin: 0.25lh; }
  .item-tile__title, .item-tile__subtitle {
    color: #fffff0;
    margin: 0;
    font-weight: normal; }
  .item-tile__title {
    font-size: 1.4em;
    line-height: 1em;
    grid-area: tile-title;
    align-self: center; }
    .item-tile__title--long {
      font-size: 1em; }
  .item-tile__subtitle {
    font-size: 1em;
    grid-area: tile-subtitle;
    align-self: start;
    line-height: 1.2em; }

/* TODO: Not currently used */
@media screen and (max-width: 480px) {
  .table-scroller {
    overflow-inline: auto;
    inline-size: 320px; } }

table {
  border: 1px solid #020202;
  margin: auto; }
  table thead {
    background-color: #808080;
    border: 1px solid #020202;
    color: #fffff0;
    vertical-align: middle;
    inset-block-start: 0;
    max-block-size: 1.8em; }
    table thead th {
      font-weight: bold;
      text-align: center;
      padding: 0.3em 0.25em 0 0.25em;
      border: 1px solid #020202; }
  table tbody tr:nth-child(2n) {
    background-color: #ddddd0; }
  table tbody tr td {
    padding: 0.5em 1em;
    border: 1px solid #020202;
    font-variant-numeric: lining-nums tabular-nums slashed-zero; }

video {
  background-color: black; }

.site-content--homepage {
  text-align: center; }
  .site-content--homepage .page-title {
    font-size: 2.5em;
    margin-block-end: 1em; }
    @media only screen and (min-width: 1248px) {
      .site-content--homepage .page-title {
        font-size: 4em; } }
    .site-content--homepage .page-title span {
      display: block !important; }

.site-content--section,
.site-content--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .site-content--section .site-content__header,
  .site-content--list .site-content__header {
    inline-size: 100%;
    text-align: center;
    margin-block-end: 2em; }
    .site-content--section .site-content__header .page-header__minor-links,
    .site-content--list .site-content__header .page-header__minor-links {
      text-align: center;
      overflow: auto; }
      .site-content--section .site-content__header .page-header__minor-links ul,
      .site-content--list .site-content__header .page-header__minor-links ul {
        list-style: none;
        inline-size: fit-content;
        margin-inline: auto; }
        .site-content--section .site-content__header .page-header__minor-links ul li,
        .site-content--list .site-content__header .page-header__minor-links ul li {
          float: inline-start;
          margin-block: 0;
          margin-inline: 1em; }
          .site-content--section .site-content__header .page-header__minor-links ul li *,
          .site-content--list .site-content__header .page-header__minor-links ul li * {
            display: inline-block; }
      .site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
      .site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
        inline-size: fit-content;
        margin: auto;
        display: block;
        overflow: auto; }
        @media only screen and (min-width: 1248px) {
          .site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
          .site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
            font-size: 1em !important; } }
      .site-content--section .site-content__header .page-header__minor-links .minor-links__years,
      .site-content--list .site-content__header .page-header__minor-links .minor-links__years {
        display: block;
        margin: auto;
        inline-size: fit-content; }
        .site-content--section .site-content__header .page-header__minor-links .minor-links__years li,
        .site-content--list .site-content__header .page-header__minor-links .minor-links__years li {
          inline-size: fit-content;
          min-inline-size: fit-content;
          padding: 0.5em; }
          @media only screen and (min-width: 1248px) {
            .site-content--section .site-content__header .page-header__minor-links .minor-links__years li,
            .site-content--list .site-content__header .page-header__minor-links .minor-links__years li {
              padding: 0; } }
  .site-content--section .site-content__body,
  .site-content--list .site-content__body {
    display: flex;
    flex-wrap: wrap;
    inline-size: 100%; }
    .site-content--section .site-content__body--list,
    .site-content--list .site-content__body--list {
      text-align: center; }
    .site-content--section .site-content__body--chart,
    .site-content--list .site-content__body--chart {
      grid-template-columns: 1em 100% 1fr;
      grid-template-rows: auto auto;
      grid-template-areas: ". section-chart ." ". section-content ."; }
    .site-content--section .site-content__body > *,
    .site-content--list .site-content__body > * {
      inline-size: 100%; }
      @media only screen and (min-width: 480px) {
        .site-content--section .site-content__body > *,
        .site-content--list .site-content__body > * {
          inline-size: 50%; } }
      @media only screen and (min-width: 1248px) {
        .site-content--section .site-content__body > *,
        .site-content--list .site-content__body > * {
          inline-size: 20%; } }
    .site-content--section .site-content__body > a,
    .site-content--list .site-content__body > a {
      display: block; }
  .site-content--section .site-content__footer,
  .site-content--list .site-content__footer {
    grid-area: list-page-footer; }

.site-content--single {
  display: grid;
  column-gap: 2em;
  grid-template-columns: 0.4fr 0.6fr; }
  @media only screen and (min-width: 1248px) {
    .site-content--single {
      grid-template-rows: auto auto auto auto; } }
  .site-content--single .site-content__header, .site-content--single .site-content__footer {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background-color: #fffff0;
    filter: brightness(80%);
    padding-block-start: 2em; }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__header, .site-content--single .site-content__footer {
        border: 2px solid #020202;
        grid-column-end: 2;
        padding: 2em; } }
  .site-content--single .site-content__header {
    grid-row-start: 1;
    grid-row-end: 2;
    overflow: auto;
    border-block-end: 2px solid #020202;
    margin-block-end: 2em;
    padding-inline: 1em; }
    .site-content--single .site-content__header .article-header__series {
      margin-block: 0 1em;
      margin-inline: auto;
      font-size: 1.2em; }
    .site-content--single .site-content__header .article-header__featured-image {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      block-size: 40vh;
      min-block-size: 380px;
      inline-size: 100%;
      border: 2px solid #020202;
      align-content: center;
      position: relative; }
      .site-content--single .site-content__header .article-header__featured-image--fit {
        background-size: contain;
        padding: 1em; }
    .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle {
      border-block-end: 2px inset #020202;
      margin-block: 0;
      line-height: 1.2em; }
    .site-content--single .site-content__header .article-header__subtitle {
      font-size: 1.5em; }
    .site-content--single .site-content__header .article-header__title-wrapper {
      display: flex;
      flex-direction: column;
      background-color: #020202;
      opacity: 0.8;
      text-align: center;
      padding: 20px;
      margin: auto;
      width: 80%;
      margin-block: auto; }
      .site-content--single .site-content__header .article-header__title-wrapper--no-title {
        visibility: hidden; }
      .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle {
        color: #fffff0; }
      .site-content--single .site-content__header .article-header__title-wrapper .article-header__title {
        font-weight: bold; }
        .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long {
          font-size: 1.5em; }
    .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date {
      font-size: 1.2em;
      margin-block: 0.2rem;
      margin-inline: auto; }
    .site-content--single .site-content__header .article-header__word-count {
      margin-block-start: 1rem; }
    .site-content--single .site-content__header .article-header__warnings, .site-content--single .site-content__header .article-header__notes {
      inline-size: 90%;
      margin-block: 1.6em;
      margin-inline: auto;
      display: block;
      padding-inline-end: 1em; }
      .site-content--single .site-content__header .article-header__warnings ul, .site-content--single .site-content__header .article-header__notes ul {
        list-style: circle; }
        .site-content--single .site-content__header .article-header__warnings ul li, .site-content--single .site-content__header .article-header__notes ul li {
          margin-block: 0.5em;
          margin-inline: 0; }
    .site-content--single .site-content__header .article-header__warnings {
      border: 4px solid darkred;
      background-color: #fc3a3a;
      color: #fffff0;
      font-weight: 500; }
      .site-content--single .site-content__header .article-header__warnings ul {
        list-style: disc; }
      .site-content--single .site-content__header .article-header__warnings + .article-header__notes {
        margin-block-start: 0; }
    .site-content--single .site-content__header .article-header__notes {
      background-color: #fffff0;
      filter: brightness(70%);
      border: 1px solid gray; }
    .site-content--single .site-content__header .article-header__table-of-contents ul {
      list-style-type: arabic;
      padding-inline-start: 2em;
      margin-block-end: 0; }
      .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda {
        list-style-type: circle;
        margin-block-start: 0; }
        .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices ol, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda ol {
          padding-inline-start: 2em;
          list-style-type: upper-latin !important; }
      .site-content--single .site-content__header .article-header__table-of-contents ul li {
        padding-block: 0.8em;
        padding-inline: 0; }
        @media only screen and (min-width: 1248px) {
          .site-content--single .site-content__header .article-header__table-of-contents ul li {
            padding: 0; } }
  .site-content--single .site-content__body {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 1em;
    /* Temporary until I've fixed all the figures */
    overflow-inline: clip; }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__body {
        grid-row-start: 1;
        grid-row-end: 5;
        grid-column-start: 2; } }
    .site-content--single .site-content__body .article__links {
      background-color: #fffff0;
      filter: brightness(80%);
      inline-size: 60%;
      margin-inline: auto;
      margin-block: auto 1em;
      border: 2px solid #020202;
      padding: 1em; }
    .site-content--single .site-content__body .article-body__summary {
      display: none; }
    .site-content--single .site-content__body .heading {
      text-align: center;
      font-size: 2em;
      font-weight: bold; }
      .site-content--single .site-content__body .heading::before, .site-content--single .site-content__body .heading::after {
        content: " ~ "; }
    .site-content--single .site-content__body .heading-anchor {
      font-size: 0.6em;
      line-height: 1em;
      text-decoration: none;
      vertical-align: middle; }
    .site-content--single .site-content__body .subheading {
      font-size: 1.6em;
      border-block-end: 2px inset #020202;
      margin-block: 0.5em;
      line-height: 1.2em;
      text-align: center; }
      .site-content--single .site-content__body .subheading--appendices, .site-content--single .site-content__body .subheading--comments {
        text-decoration: underline;
        border-block-end: none;
        font-size: 2em;
        padding-block-start: 1em;
        border-block-start: 1px dashed #020202; }
      .site-content--single .site-content__body .subheading__subtitle {
        font-size: 1em;
        border-block-end: 1px dashed #020202;
        line-height: 1em;
        text-align: center;
        font-weight: bold;
        inline-size: fit-content;
        margin-block: 0 1em;
        margin-inline: auto;
        padding-block: 0 0.5em;
        padding-inline: 3em 0.4em; }
    .site-content--single .site-content__body .subsubheading {
      font-size: 1.4em;
      border-block-end: 1px dashed #020202;
      margin-block-start: 1em;
      margin-block-end: 1em;
      padding-block-end: 0.5em;
      line-height: 1em;
      text-align: start;
      font-weight: bold; }
    .site-content--single .site-content__body .subsubsubheading {
      font-size: 1.2em;
      margin-block-start: 1em;
      margin-block-end: 1em;
      line-height: 1em;
      text-align: start;
      font-weight: bold; }
    .site-content--single .site-content__body .article-body__content > blockquote {
      padding-inline-start: 1em;
      border-inline-start: 2px outset #020202;
      display: inline-block;
      max-inline-size: 85%; }
      .site-content--single .site-content__body .article-body__content > blockquote footer {
        text-align: end;
        font-style: normal;
        display: inline-block;
        margin-inline-start: 5em; }
        .site-content--single .site-content__body .article-body__content > blockquote footer::before {
          content: "—"; }
      .site-content--single .site-content__body .article-body__content > blockquote p:first-child {
        margin-block-start: 0; }
      .site-content--single .site-content__body .article-body__content > blockquote p:last-of-type {
        margin-block-end: 0.5em; }
      .site-content--single .site-content__body .article-body__content > blockquote.script {
        display: grid;
        grid-template-columns: auto 1fr 0.2fr;
        padding-block-end: 0.4em;
        text-align: end; }
        .site-content--single .site-content__body .article-body__content > blockquote.script > p::before, .site-content--single .site-content__body .article-body__content > blockquote.script > p::after {
          content: none !important; }
        .site-content--single .site-content__body .article-body__content > blockquote.script > .script-line__character {
          grid-column: 1;
          margin: 0.5em 2em 0.5em 0.5em;
          font-style: italic; }
        .site-content--single .site-content__body .article-body__content > blockquote.script > .script-line__text {
          grid-column-start: 2;
          grid-column-end: 4;
          margin: 0.5em; }
        .site-content--single .site-content__body .article-body__content > blockquote.script footer {
          grid-column-start: 1;
          grid-column-end: 3; }
    .site-content--single .site-content__body .article-body__content > blockquote:not(.blockquote):first-child {
      font-size: 1.2em;
      text-align: center;
      display: block;
      margin: 0 auto;
      border-inline-start: 0;
      padding-inline-start: 0;
      inline-size: 100%;
      padding-block-start: 1em;
      padding-block-end: 1.2em;
      border-block-start: 2px outset #020202;
      border-block-end: 2px inset #020202; }
    @media only screen and (min-width: 1024px) {
      .site-content--single .site-content__body .article-body__content blockquote {
        margin: 1em 2em; } }
  .site-content--single .site-content__comments {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    font-size: 0.8em;
    padding-inline-start: 1em;
    padding-inline-end: 1em;
    margin-block-end: 2em; }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__comments {
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
        padding: 1em 3em 1em 2em;
        border-inline-end: 2px solid #020202; } }
    .site-content--single .site-content__comments + .site_content__footer {
      grid-row-start: 4;
      grid-row-end: 5; }
      @media only screen and (min-width: 1248px) {
        .site-content--single .site-content__comments + .site_content__footer {
          margin-block-end: 2em;
          grid-row-start: 3;
          grid-row-end: 4; } }
  .site-content--single .site-content__footer {
    grid-row-start: 3;
    grid-row-end: 4;
    border-block-start: 2px solid #020202;
    padding-inline-start: 1em;
    padding-inline-end: 1em; }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__footer {
        margin-block-end: 2em;
        grid-row-start: 2;
        grid-row-end: 3; } }
    .site-content--single .site-content__footer h2 {
      margin: 1rem 0; }
    .site-content--single .site-content__footer ul {
      margin: 0; }
      .site-content--single .site-content__footer ul li {
        padding: 0.8em 0; }
        @media only screen and (min-width: 1248px) {
          .site-content--single .site-content__footer ul li {
            padding: 0; } }
    .site-content--single .site-content__footer section {
      margin: 1rem 0; }
    .site-content--single .site-content__footer #map {
      border: 2px solid #020202; }

.organisations-table {
  inline-size: 80% !important; }
  .organisations-table thead {
    z-index: 1;
    position: sticky; }
    .organisations-table thead th {
      padding: 1em;
      text-align: start;
      font-size: 1.4em; }
  .organisations-table__logo {
    max-inline-size: 5em;
    max-block-size: 5em;
    fill: #020202; }
  .organisations-table__items-icon {
    padding: 1em;
    font-size: 0.8em;
    text-align: center;
    float: inline-start;
    padding-inline-end: 1em; }
    .organisations-table__items-icon--none {
      opacity: 0.4; }

.organisation__description {
  margin-block-end: 2em; }
  .organisation__description details {
    margin-inline-start: 1em;
    padding-inline-start: 1em;
    border-inline-start: 2px solid #020202; }
    .organisation__description details summary {
      font-style: italic; }

.organisation__timeline {
  margin-block-end: 1em;
  max-inline-size: 50vw; }
  .organisation__timeline #timeline {
    clear: both; }
    .organisation__timeline #timeline > div > div {
      block-size: unset !important; }
      .organisation__timeline #timeline > div > div > div {
        position: unset !important;
        inline-size: unset !important;
        block-size: unset !important; }
        .organisation__timeline #timeline > div > div > div > div:first-of-type {
          overflow: unset !important;
          position: unset !important; }

.organisation__related .related-section {
  text-align: center; }
  .organisation__related .related-section--list {
    text-align: start;
    inline-size: 50%;
    display: inline-block;
    vertical-align: top;
    padding-block: 0;
    padding-inline: 2em; }
  .organisation__related .related-section .related-items {
    margin-block: 2em; }
    .organisation__related .related-section .related-items--tiles .index {
      display: grid;
      grid-gap: 1em;
      grid-template-columns: repeat(4, 1fr); }
    .organisation__related .related-section .related-items--collapsible {
      margin-block-end: 1em; }
      .organisation__related .related-section .related-items--collapsible summary {
        text-align: center;
        cursor: pointer;
        padding-block-end: 1em; }
        .organisation__related .related-section .related-items--collapsible summary::marker {
          font-size: 2em;
          padding-inline-start: 2em;
          display: inline-block; }
    .organisation__related .related-section .related-items--list .related-item__expiry, .organisation__related .related-section .related-items--list .related-item__grade {
      font-size: 0.8em;
      display: block;
      margin-inline-start: 0.5em; }
    .organisation__related .related-section .related-items-title {
      border-block-end: none;
      display: inline-block; }
    .organisation__related .related-section .related-items .related-item--expired {
      opacity: 0.4; }

.timeline__legend {
  inline-size: fit-content;
  display: flex;
  margin-inline: auto; }
  .timeline__legend > fieldset {
    text-align: center;
    border: none; }
    .timeline__legend > fieldset legend {
      display: block;
      inline-size: 100%; }

#hierarchy ul {
  list-style: none;
  padding-inline-start: 1em; }
  #hierarchy ul .hierarchy-item::before {
    content: "\21B3";
    margin-block: 0;
    margin-inline: 0.4em; }
  #hierarchy ul .hierarchy-item--current {
    font-weight: bold; }
  #hierarchy ul .hierarchy-item--child::before {
    content: "\2192"; }

.timeline__legend .legend__button {
  cursor: pointer; }
  .timeline__legend .legend__button span {
    margin-block: 0;
    margin-inline: 1em;
    display: inline-block; }
    .timeline__legend .legend__button span.colour-square {
      inline-size: 1em;
      block-size: 1em;
      border-radius: 2.5px;
      border: 1px solid #020202; }
      .timeline__legend .legend__button span.colour-square--unpaid-current {
        background-color: #bbbbb0; }
      .timeline__legend .legend__button span.colour-square--unpaid-past {
        background-color: #fffff0; }
      .timeline__legend .legend__button span.colour-square--paid-current {
        background-color: #bcbc7e; }
      .timeline__legend .legend__button span.colour-square--paid-past {
        background-color: #fcfca6; }
  .timeline__legend .legend__button--disabled {
    text-decoration: line-through; }

.site-content__body--chart #timeline, .site-content__body--chart #map {
  inline-size: 100%;
  max-inline-size: 100%;
  grid-area: section-chart; }

.site-content__body--list .site-content__sections-list {
  grid-area: sections-list;
  display: block;
  list-style: none;
  margin: auto;
  padding-inline-start: 0; }
  .site-content__body--list .site-content__sections-list li * {
    display: inline-block; }

/* @import "themes/dark"; */