@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Inconsolata|Roboto|Roboto+Slab");
article blockquote {
  margin-block: 1em;
  margin-inline: 0;
  padding: 1em;
}
article blockquote > :first-child {
  margin-block-start: 0;
}
article blockquote > :last-child {
  margin-block-end: 0;
}
article blockquote > * {
  margin-inline: 0;
}

.block-stripe {
  --block-color-fg: var(--text-fg);
  --block-color-bg: var(--bg);
  --stripe-scale: 12;
  --stripe-angle: 135deg;
  border-color: var(--block-color-bg);
  border-style: solid;
  border-width: calc(var(--stripe-scale) * 1px);
  border-image-source: repeating-linear-gradient(var(--stripe-angle), var(--block-color-fg) calc(var(--stripe-scale) * 1px * 0), var(--block-color-fg) calc(var(--stripe-scale) * 1px * 1), var(--block-color-bg) calc(var(--stripe-scale) * 1px * 1), var(--block-color-bg) calc(var(--stripe-scale) * 1px * 2));
  border-image-slice: var(--stripe-scale);
  border-image-repeat: round;
}

.block-chevron {
  --block-border-width: 0.5em;
  border: calc(var(--block-border-width) / 2) solid var(--block-color-bg);
  border-inline-start: var(--block-border-width) solid var(--block-color-fg);
  padding-inline-start: 1em;
}

.block-red, .block-harm {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-red);
  background-color: var(--ansi-red-bg);
}
.block-red.iso7010, .iso7010.block-harm {
  --block-color-fg: var(--iso-red);
  background-color: var(--iso-red-bg);
}

.block-orange {
  --block-color-bg: var(--ansi-black);
  --block-color-fg: var(--ansi-orange);
  background-color: var(--ansi-orange-bg);
}
.block-orange.iso7010 {
  --block-color-fg: var(--iso-orange);
  background-color: var(--iso-orange-bg);
}

.block-yellow, .block-warn {
  --block-color-bg: var(--ansi-black);
  --block-color-fg: var(--ansi-yellow);
  background-color: var(--ansi-yellow-bg);
}
.block-yellow.iso7010, .iso7010.block-warn {
  --block-color-fg: var(--iso-yellow);
  background-color: var(--iso-yellow-bg);
}

.block-green, .block-safe {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-green);
  background-color: var(--ansi-green-bg);
}
.block-green.iso7010, .iso7010.block-safe {
  --block-color-fg: var(--iso-green);
  background-color: var(--iso-green-bg);
}

.block-blue, .block-info {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-blue);
  background-color: var(--ansi-blue-bg);
}
.block-blue.iso7010, .iso7010.block-info {
  --block-color-fg: var(--iso-blue);
  background-color: var(--iso-blue-bg);
}

.block-purple {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-purple);
  background-color: var(--ansi-purple-bg);
}

@font-face {
  font-family: "Iosevka myrrlyn regular";
  font-variant: common-ligatures;
  src: url("/static/fonts/iosevka-myrrlyn/woff2/iosevka-myrrlyn-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn/woff/iosevka-myrrlyn-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn/ttf/iosevka-myrrlyn-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Iosevka myrrlyn term regular";
  src: url("/static/fonts/iosevka-myrrlyn-term/woff2/iosevka-myrrlyn-term-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn-term/woff/iosevka-myrrlyn-term-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn-term/ttf/iosevka-myrrlyn-term-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Ferro Rosso";
  src: url("/static/fonts/FerroRosso.ttf");
}
:not(pre) > code,
kbd {
  font-family: "Iosevka myrrlyn regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}

pre {
  font-family: "Iosevka myrrlyn term regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}

.translation,
.transliteration, blockquote.special-font:is(:hover, :active),
span.special-font:is(:hover, :active), .codeblock-verse, body {
  font-family: "Roboto Slab", serif;
}

:root {
  color-scheme: light dark;
  --white: white;
  --black: black;
  --grey: gray;
  --bell-blue: #0091c9;
  --bell-ochre: #f3cf1d;
  --pane-divider: #00a6ed;
  --text-code: #d63384;
}

.light-only {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  .light-only {
    filter: invert(1);
  }
}

.dark-only {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  .dark-only {
    filter: invert(1);
  }
}

@media (prefers-color-scheme: light) {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  code.hljs {
    padding: 3px 5px;
  }
  .hljs {
    color: #383a42;
    background: #fafafa;
  }
  .hljs-comment, .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  .hljs-doctag, .hljs-formula, .hljs-keyword {
    color: #a626a4;
  }
  .hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
    color: #e45649;
  }
  .hljs-literal {
    color: #0184bb;
  }
  .hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
    color: #50a14f;
  }
  .hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
    color: #986801;
  }
  .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
    color: #4078f2;
  }
  .hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
    color: #c18401;
  }
  .hljs-emphasis {
    font-style: italic;
  }
  .hljs-strong {
    font-weight: 700;
  }
  .hljs-link {
    text-decoration: underline;
  }
  :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.2);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.3);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.25);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.25);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.2);
    --ansi-purple: #6d2077;
    --ansi-purple-bg: rgba(109, 32, 119, 0.2);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.25);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.25);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.15);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.15);
    --bg: #fafaf8;
    --text-fg: var(--ansi-black);
    --header-color: #00bbf9;
  }
  :root {
    --parchment: hsl(42.4deg, 48.2%, 83.3%);
    --shadow: #292b32;
    --keycap: #eeeeee;
  }
}
@media (prefers-color-scheme: dark) {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  code.hljs {
    padding: 3px 5px;
  } /*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/
  .hljs {
    color: #c9d1d9;
    background: #0d1117;
  }
  .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
    color: #ff7b72;
  }
  .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
    color: #d2a8ff;
  }
  .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
    color: #79c0ff;
  }
  .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
    color: #a5d6ff;
  }
  .hljs-built_in, .hljs-symbol {
    color: #ffa657;
  }
  .hljs-code, .hljs-comment, .hljs-formula {
    color: #8b949e;
  }
  .hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
    color: #7ee787;
  }
  .hljs-subst {
    color: #c9d1d9;
  }
  .hljs-section {
    color: #1f6feb;
    font-weight: 700;
  }
  .hljs-bullet {
    color: #f2cc60;
  }
  .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }
  .hljs-strong {
    color: #c9d1d9;
    font-weight: 700;
  }
  .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }
  .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }
  :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.25);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.2);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.2);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.3);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.25);
    --ansi-purple: #7f258b;
    --ansi-purple-bg: rgba(127, 37, 139, 0.25);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.2);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.35);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.25);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.2);
    --bg: #050508;
    --text-fg: var(--ansi-white);
    --header-color: #5f0f40;
  }
  a {
    color: var(--crayola-sky-blue);
  }
  a:hover {
    color: var(--blue-carolina);
  }
  a:visited {
    color: var(--blue-capri);
  }
  :root {
    --parchment: #cfb474;
    --shadow: #d0cec6;
    --keycap: #333333;
  }
}
body {
  background-color: var(--bg);
  color: var(--text-fg);
}

pre > code {
  color: var(--text-fg);
}

#gravatar {
  background-image: linear-gradient(to bottom, var(--bell-blue) 50%, var(--bell-ochre) 50%);
  border-radius: 84px;
  padding: 4px;
  width: 160px;
  height: 160px;
}

#page-logo {
  margin-left: auto;
  margin-right: auto;
  width: 168px;
}

#gravatar #face {
  border-radius: 50%;
}
#gravatar #minute,
#gravatar #hour {
  stroke: var(--iso-black);
}
#gravatar .clock-hand {
  stroke-width: 3px;
}

main > header {
  min-height: 80px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  height: 100dvh;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-hightlight-color: rgba(0, 0, 0, 0);
}

@media not screen {
  .screen-only {
    display: none !important;
  }
}

body.print .screen-only {
  display: none !important;
}

body > header {
  border-bottom: 4px solid var(--bell-blue);
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

main {
  flex: 4 1 24em;
  max-width: 48em;
}

aside#about {
  flex: 2 2 12em;
  max-width: 24em;
}

body:not(.embed) main {
  padding: 0.5em 0;
}

main > article,
#about-text {
  padding: 0 1em;
}

body > footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  border-top: 2px solid var(--bell-ochre);
}

#about-logos {
  padding: 1em 0;
}
#about-logos img {
  height: 3em;
  display: initial;
}
#about-logos p {
  margin: 0;
}

@media screen and ((max-height: 39.9em) or (max-width: 37.9em)) {
  #content {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
  }
  #content > * {
    max-width: 100%;
  }
  main {
    border-block-end: 2px solid var(--bell-blue);
  }
  aside#about {
    padding-top: 0.5em;
  }
  a.browser {
    display: none;
  }
}
@media screen and (min-width: 38em) {
  a.mobile {
    display: none;
  }
  main {
    border-inline-start: 2px solid var(--bell-blue);
    border-inline-end: 2px solid var(--bell-blue);
  }
  aside#about {
    border-inline-start: 2px solid var(--bell-ochre);
    border-inline-end: 2px solid var(--bell-ochre);
  }
}
@media screen and (min-width: 38em) and (min-height: 40em) {
  body {
    display: flex;
    flex-flow: column nowrap;
    max-height: 100dvh;
    overflow-y: clip;
  }
  body > header {
    max-height: 128px;
  }
  #content {
    min-height: 0;
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 4px solid var(--bell-ochre);
    border-bottom: 2px solid var(--bell-blue);
  }
  body > header,
  body > footer {
    flex-grow: 0;
    flex-shrink: 0;
  }
  main,
  aside#about {
    max-height: 100%;
  }
  main {
    margin-inline-start: 0.125em;
  }
  aside#about {
    margin-inline-end: 0.125em;
  }
  #page-logo {
    position: relative;
    top: -84px;
    z-index: 1;
  }
  #page-logo a {
    margin: 0;
    padding: 0;
  }
  main,
  #about-text {
    overflow-y: scroll;
  }
  #about-text {
    max-height: 100%;
    padding-top: 80px;
    position: relative;
    top: -164px;
  }
  #about-text > aside {
    border-bottom: 2px solid var(--bell-blue);
    margin-bottom: 0.5em;
  }
}
nav ol {
  padding-left: 1.5em;
}

.youtube {
  margin: 0 auto 1em;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.scroll-x {
  max-width: 100%;
  overflow-x: scroll;
}

:root {
  font-size: 16px;
}

* {
  line-height: 1.25;
}

p {
  line-height: 1.5;
  margin: 1em 0;
}
p:empty {
  display: none;
}

img,
picture {
  max-width: 100%;
  display: block;
  padding: 0.5em;
}

ol,
ul {
  margin-top: 0;
}

code {
  font-size: 0.9em;
  color: var(--text-code);
  word-wrap: break-word;
}

p:has(kbd) {
  line-height: 1.5;
}

kbd {
  padding: 0.125em 0.5em;
  margin: 0.25em 0;
  border: 1px solid var(--text-fg);
  border-radius: 0.25em;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 -2px 0 0 rgba(255, 255, 255, 0.7) inset;
  background-color: var(--keycap);
  font-size: 0.75em;
  position: relative;
  top: -2px;
}
kbd:hover, kbd:active {
  top: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

article img.full-width,
article figure.full-width {
  max-width: 100%;
  width: 100%;
}
article img.ctr,
article figure.ctr {
  margin: 0 auto;
}

@media (min-width: 36em) {
  .half-width {
    min-width: 100px;
    width: 50%;
    max-width: 400px;
  }
}
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

@media (max-width: 37.7em) {
  table.float-right-lg {
    margin: 0 auto;
  }
}
@media (min-width: 36em) {
  .float-right-lg {
    float: right;
  }
}
.clearfix {
  clear: both;
}

@media (max-width: 38em) {
  .clearfix-sm {
    clear: both;
  }
}
body:not(.general) .title {
  font-style: italic;
}

.title,
.subtitle {
  text-align: center;
  margin-block-end: 0;
  line-height: revert;
}

.footnote {
  vertical-align: super;
  font-size: 0.8em;
}

kbd kbd {
  border-radius: 3px;
  padding: 1px 4px 0;
  border: 1px solid var(--text-fg);
}

aside,
blockquote {
  margin: 0;
}
aside pre,
blockquote pre {
  clear: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

body:is(.blog, .oeuvre) .title {
  font-style: italic;
}

.frontmatter .timestamp {
  float: right;
  border: 1px solid var(--text-fg);
  margin: 0;
  padding: 0 0.5em;
}

:not(blockquote) > hr {
  border: none;
  overflow: visible;
  text-align: center;
  height: 4px;
}
body:not(.oeuvre) :not(blockquote) > hr {
  border-top: 4px double var(--bell-blue);
  color: var(--bell-ochre);
}
body.oeuvre :not(blockquote) > hr {
  border-top: 4px double var(--text-fg);
  color: var(--text-fg);
}
:not(blockquote) > hr::after {
  background: var(--bg);
  content: "§";
  padding: 0 4px;
  position: relative;
  top: -1em;
}

nav[aria-label=Sitemap] summary {
  list-style: none;
}
nav[aria-label=Sitemap] details:not([open]) summary::after {
  content: "▸";
}
nav[aria-label=Sitemap] details[open] summary::after {
  content: "▾";
}
nav[aria-label=Sitemap] span:has(a[aria-current=page])::before {
  content: var(--current-page-left);
  padding-inline-end: 0.25em;
}
nav[aria-label=Sitemap] span:has(a[aria-current=page])::after {
  content: var(--current-page-right);
  padding-inline-start: 0.25em;
}

.italic {
  font-variant: italic;
}

a.reversefootnote + p {
  display: inline-block;
  padding-inline-start: 0.5em;
}

img.badge {
  display: inline-block;
  padding: 0.25em;
}

@font-face {
  font-family: "Skyrim Handwriting";
  src: url("/static/fonts/oeuvre/Skyrim-Books-Hand.ttf");
}
@font-face {
  font-family: "Dovah";
  src: url("/static/fonts/oeuvre/Dovah.ttf");
}
@font-face {
  font-family: "Dwemer";
  src: url("/static/fonts/oeuvre/Dwemer.ttf");
}
@font-face {
  font-family: "Mage Script";
  src: url("/static/fonts/oeuvre/Mage.ttf");
}
.oeuvre {
  --current-page-left: "📖";
  --current-page-right: "🪶";
}

h1 {
  color: var(--ansi-green);
  font-size: 4em;
}

h2 {
  color: var(--ansi-red);
  font-size: 3.5em;
}
@media (prefers-color-scheme: light) {
  h2.subtitle {
    color: var(--ansi-orange);
  }
}
@media (prefers-color-scheme: dark) {
  h2.subtitle {
    color: var(--ansi-yellow);
  }
}

h3 {
  color: var(--ansi-blue);
  font-size: 3.25em;
}

h4 {
  color: var(--ansi-orange);
  font-size: 3em;
}

h5 {
  color: var(--ansi-purple);
  font-size: 2.5em;
}

h6 {
  color: var(--ansi-yellow);
  font-size: 2em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-variant: small-caps;
  margin: 16px auto;
}

.sz-1 p {
  font-size: 2em;
}

.sz-2 p {
  font-size: 1.75em;
}

.sz-3 p {
  font-size: 1.5em;
}

.sz-4 p {
  font-size: 1.25em;
}

.ehlnofex,
[lang=ehlnofex], .dwemer,
[lang=dwemer], .dovah,
[lang=dovah] {
  color: var(--text-fg);
}
.ehlnofex:hover,
[lang=ehlnofex]:hover, .dwemer:hover,
[lang=dwemer]:hover, .dovah:hover,
[lang=dovah]:hover {
  text-decoration: none;
}

.dovah,
[lang=dovah] {
  font-family: "Dovah";
}

.dwemer,
[lang=dwemer] {
  font-family: "Dwemer";
}

.ehlnofex,
[lang=ehlnofex] {
  font-family: "Mage Script";
}

.handwriting {
  color: #171717;
  font-family: "Skyrim Handwriting";
  font-size: 1.2em;
  letter-spacing: 0.05ch;
}

blockquote {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-right: none;
  margin-block: 1em;
  padding-block: 0.25em;
  padding-inline: 1em;
}
blockquote.handwriting {
  border-left-color: #58471f;
}
@media (prefers-color-scheme: light) {
  blockquote.handwriting {
    background-color: rgba(233, 221, 192, 0.85);
  }
}
@media (prefers-color-scheme: dark) {
  blockquote.handwriting {
    background-color: rgba(207, 180, 116, 0.85);
  }
}
article blockquote {
  border: 0.25em solid transparent;
  border-left: 0.5em solid var(--charcoal);
  border-right-width: 0.5em;
  padding-left: 1em;
}
blockquote.flyer {
  border-color: transparent;
  border-left-color: var(--charcoal);
}
blockquote.ehlnofex {
  background-image: repeating-linear-gradient(120deg, #817 0, #a35 4%, #c66 8%, #e94 12%, #ed0 16%, #9d5 20%, #4d8 25%, #2cb 30%, #0bc 34%, #09c 38%, #36b 42%, #639 46%, #817 50%);
  border-color: var(--bg);
  border-left-color: #00a6ed;
  color: var(--text-fg);
  text-shadow: 0 0 1em var(--bg), 0 0 0.5em var(--bg), 0 0 0.5em var(--bg);
}
blockquote.dovah {
  border-left-color: #912f40;
}
blockquote.special-font {
  font-size: 1.1rem;
}
blockquote.special-font:not(:hover, :active) > :is(.transliteration, .translation), blockquote.special-font:is(:hover, :active) > :not(.transliteration, .translation) {
  display: none;
}
blockquote.special-font:is(:hover, :active) > :is(.transliteration, .translation), blockquote.special-font:not(:hover, :active) > :not(.transliteration, .translation) {
  display: initial;
}
blockquote.piano-key {
  margin-top: 0.5em;
  padding: 0;
}
blockquote.piano-key:not(.last),
blockquote.piano-key blockquote,
blockquote.piano-key p {
  margin-block-end: 0;
}
blockquote.piano-key p {
  padding-left: 0.5em;
}
blockquote.piano-key blockquote {
  background-color: transparent;
  border-color: transparent;
  margin-top: 0;
  margin-left: 0.25em;
  padding: 0;
}
blockquote.piano-key.aedra,
blockquote.piano-key.aedra blockquote,
blockquote.piano-key.aedra blockquote blockquote {
  border-inline-start-color: var(--iso-white);
}
blockquote.piano-key.daedra.cothot,
blockquote.piano-key.daedra.cothot blockquote {
  border-inline-start-color: var(--iso-black);
}
blockquote.piano-key.daedra:not(.cothot) {
  border-inline-start-color: gray;
}

blockquote.special-font,
span.special-font {
  text-decoration: underline dotted;
}
blockquote.special-font:is(:hover, :active) p::after,
span.special-font:is(:hover, :active)::after {
  content: "(" attr(data-lang) ")";
  font-size: 0.9em;
  font-style: italic;
}

span.special-font:is(:hover, :active)::after {
  content: "(" attr(data-lang) ": " attr(title) ")";
}

blockquote.special-font p {
  margin-block-start: 0;
  margin-block-end: 0;
}

blockquote.scourge {
  background-color: rgba(95, 15, 64, 0.25);
  border-left-color: #5f0f40;
  font-style: italic;
}
blockquote.spellbreaker {
  background-color: rgba(255, 184, 0, 0.25);
  border-left-color: #ffb800;
  font-variant: small-caps;
}
blockquote.malacath, blockquote.volendrung {
  background-color: rgba(14, 57, 14, 0.25);
  border-left-color: #0e390e;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}

figure figcaption {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}
figure.piano-keys {
  background-color: rgba(23, 23, 23, 0.1);
  padding: 0.5em;
}

table {
  border-collapse: collapse;
}

table#color-table tbody {
  color: white;
  text-shadow: 0 0 1em black, 0 0 0.5em black;
}
table#color-table.cube-helix tbody tr:nth-of-type(1) {
  background-color: #c73cab;
}
table#color-table.cube-helix tbody tr:nth-of-type(2) {
  background-color: #e5409c;
}
table#color-table.cube-helix tbody tr:nth-of-type(3) {
  background-color: #fb4985;
}
table#color-table.cube-helix tbody tr:nth-of-type(4) {
  background-color: #ff586c;
}
table#color-table.cube-helix tbody tr:nth-of-type(5) {
  background-color: #ff6b52;
}
table#color-table.cube-helix tbody tr:nth-of-type(6) {
  background-color: #ff833d;
}
table#color-table.cube-helix tbody tr:nth-of-type(7) {
  background-color: #f59d30;
}
table#color-table.cube-helix tbody tr:nth-of-type(8) {
  background-color: #e0b92e;
}
table#color-table.cube-helix tbody tr:nth-of-type(9) {
  background-color: #c9d339;
}
table#color-table.cube-helix tbody tr:nth-of-type(10) {
  background-color: #b4e950;
}
table#color-table.cube-helix tbody tr:nth-of-type(11) {
  background-color: #94f356;
}
table#color-table.cube-helix tbody tr:nth-of-type(12) {
  background-color: #6cf65b;
}
table#color-table.cube-helix tbody tr:nth-of-type(13) {
  background-color: #49f46c;
}
table#color-table.cube-helix tbody tr:nth-of-type(14) {
  background-color: #2eed83;
}
table#color-table.cube-helix tbody tr:nth-of-type(15) {
  background-color: #1ee09f;
}
table#color-table.cube-helix tbody tr:nth-of-type(16) {
  background-color: #19ceb9;
}
table#color-table.cube-helix tbody tr:nth-of-type(17) {
  background-color: #1db7cf;
}
table#color-table.cube-helix tbody tr:nth-of-type(18) {
  background-color: #299edd;
}
table#color-table.cube-helix tbody tr:nth-of-type(19) {
  background-color: #3a85e1;
}
table#color-table.cube-helix tbody tr:nth-of-type(20) {
  background-color: #4d6cda;
}
table#color-table.cube-helix tbody tr:nth-of-type(21) {
  background-color: #5e57ca;
}
table#color-table.cube-helix tbody tr:nth-of-type(22) {
  background-color: #6a44b3;
}
table#color-table.cube-helix tbody tr:nth-of-type(23) {
  background-color: #833eb0;
}
table#color-table.cube-helix tbody tr:nth-of-type(24) {
  background-color: #a63cb2;
}
table#color-table.cube-helix tbody tr:nth-of-type(25) {
  background-color: #c73cab;
}
table#color-table.hcl tbody tr:nth-of-type(1) {
  background-color: #ff0088;
}
table#color-table.hcl tbody tr:nth-of-type(2) {
  background-color: #ff005d;
}
table#color-table.hcl tbody tr:nth-of-type(3) {
  background-color: #ff0033;
}
table#color-table.hcl tbody tr:nth-of-type(4) {
  background-color: #fa3600;
}
table#color-table.hcl tbody tr:nth-of-type(5) {
  background-color: #e15800;
}
table#color-table.hcl tbody tr:nth-of-type(6) {
  background-color: #c47000;
}
table#color-table.hcl tbody tr:nth-of-type(7) {
  background-color: #a18100;
}
table#color-table.hcl tbody tr:nth-of-type(8) {
  background-color: #798d00;
}
table#color-table.hcl tbody tr:nth-of-type(9) {
  background-color: #449600;
}
table#color-table.hcl tbody tr:nth-of-type(10) {
  background-color: #009d00;
}
table#color-table.hcl tbody tr:nth-of-type(11) {
  background-color: #00a11d;
}
table#color-table.hcl tbody tr:nth-of-type(12) {
  background-color: #00a353;
}
table#color-table.hcl tbody tr:nth-of-type(13) {
  background-color: #00a581;
}
table#color-table.hcl tbody tr:nth-of-type(14) {
  background-color: #00a6af;
}
table#color-table.hcl tbody tr:nth-of-type(15) {
  background-color: #00a6d9;
}
table#color-table.hcl tbody tr:nth-of-type(16) {
  background-color: #00a5fe;
}
table#color-table.hcl tbody tr:nth-of-type(17) {
  background-color: #00a1ff;
}
table#color-table.hcl tbody tr:nth-of-type(18) {
  background-color: #009bff;
}
table#color-table.hcl tbody tr:nth-of-type(19) {
  background-color: #0091ff;
}
table#color-table.hcl tbody tr:nth-of-type(20) {
  background-color: #0081ff;
}
table#color-table.hcl tbody tr:nth-of-type(21) {
  background-color: #696cff;
}
table#color-table.hcl tbody tr:nth-of-type(22) {
  background-color: #b74eff;
}
table#color-table.hcl tbody tr:nth-of-type(23) {
  background-color: #e61edc;
}
table#color-table.hcl tbody tr:nth-of-type(24) {
  background-color: #ff00b3;
}
table#color-table.hcl tbody tr:nth-of-type(25) {
  background-color: #ff0088;
}
table#color-table.hsl tbody {
  background-image: linear-gradient(hsl(337.5deg, 75%, 50%), hsl(7.5deg, 75%, 50%), hsl(37.5deg, 75%, 50%), hsl(67.5deg, 75%, 50%), hsl(97.5deg, 75%, 50%), hsl(127.5deg, 75%, 50%), hsl(157.5deg, 75%, 50%), hsl(187.5deg, 75%, 50%), hsl(217.5deg, 75%, 50%), hsl(247.5deg, 75%, 50%), hsl(277.5deg, 75%, 50%), hsl(307.5deg, 75%, 50%), hsl(337.5deg, 75%, 50%));
}

.codeblock-verse {
  font-size: 100%;
}

/*# sourceMappingURL=oeuvre.css.map */