@charset "UTF-8";
@font-face {
  font-family: "OptimaNova";
  font-style: regular;
  font-weight: 400;
  font-display: block;
  src: local("OptimaNova"), url("/live/oe_/https://innig.net/fonts/optima-nova/OptimaNova-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "OptimaNova";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: local("OptimaNova"), url("/live/oe_/https://innig.net/fonts/optima-nova/OptimaNova-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "OptimaNova";
  font-style: regular;
  font-weight: 700;
  font-display: block;
  src: local("OptimaNova"), url("/live/oe_/https://innig.net/fonts/optima-nova/OptimaNova-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "OptimaNova";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: local("OptimaNova"), url("/live/oe_/https://innig.net/fonts/optima-nova/OptimaNova-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "CormorantGaramond";
  font-style: regular;
  font-weight: 400;
  font-display: block;
  src: local("CormorantGaramond"), url("/live/oe_/https://innig.net/fonts/cormorant/CormorantGaramond-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "CormorantGaramond";
  font-style: regular;
  font-weight: 500;
  font-display: block;
  src: local("CormorantGaramond"), url("/live/oe_/https://innig.net/fonts/cormorant/CormorantGaramond-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "CormorantUpright";
  font-style: regular;
  font-weight: 500;
  font-display: block;
  src: local("CormorantUpright"), url("/live/oe_/https://innig.net/fonts/cormorant/CormorantUpright-Medium.woff2") format("woff2");
}
html {
  --body-font-size: 1rem;
  --h1-font-size: calc(var(--grid) * 8/6);
  --h2-font-size: calc(var(--grid) * 7/6);
  --h3-font-size: calc(var(--grid) * 6/6);
  --section-spacing: var(--grid);
  --heading-spacing-below: var(--grid1⁄2);
  --paragraph-spacing: 0.8em;
}

body, html {
  margin: 0;
  padding: 0;
  font-family: OptimaNova, Optima, Candara, Verdana, Palatino, Serif;
  font-size: 1.045rem;
  line-height: 1.4em;
  --cap-height: 0.69em;
  background-color: var(--page-background-color);
  color: var(--text-color);
  scroll-padding-top: var(--grid5);
  scroll-padding-bottom: var(--grid3);
}

body {
  --body-min-width: 300px;
  min-width: var(--body-min-width);
}

a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
a:link, a:visited {
  color: var(--link-color);
}
a:active {
  color: var(--link-highlight-color);
}
a:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
a:has(> .caption) {
  text-decoration: none;
}
a:has(> .caption):hover {
  text-decoration: none;
}
a:has(> .caption) .caption {
  display: inline;
  text-decoration: underline;
}
a:has(> .caption) .caption:hover {
  text-decoration: underline;
}
a:hover .svg-icon {
  --icon-fg: var(--link-hover-color);
}

img {
  image-rendering: auto !important;
}

a img,
.imglink,
.imglink:hover {
  text-decoration: none;
}
a img:hover,
.imglink:hover,
.imglink:hover:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  color: var(--heading-color);
  padding: 0;
  margin: var(--section-spacing) 0 var(--heading-spacing-below) 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-underline-offset: 0.12em;
}
h1 a:link, h1 a:link .caption, h1 a:visited, h1 a:visited .caption, h2 a:link, h2 a:link .caption, h2 a:visited, h2 a:visited .caption, h3 a:link, h3 a:link .caption, h3 a:visited, h3 a:visited .caption, h4 a:link, h4 a:link .caption, h4 a:visited, h4 a:visited .caption, h5 a:link, h5 a:link .caption, h5 a:visited, h5 a:visited .caption, h6 a:link, h6 a:link .caption, h6 a:visited, h6 a:visited .caption {
  text-decoration: none;
}
h1 a:hover:not(:has(> .caption)), h1 a:hover .caption, h2 a:hover:not(:has(> .caption)), h2 a:hover .caption, h3 a:hover:not(:has(> .caption)), h3 a:hover .caption, h4 a:hover:not(:has(> .caption)), h4 a:hover .caption, h5 a:hover:not(:has(> .caption)), h5 a:hover .caption, h6 a:hover:not(:has(> .caption)), h6 a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
h1 a:hover:not(:has(> .caption)):link, h1 a:hover:not(:has(> .caption)):visited, h1 a:hover .caption:link, h1 a:hover .caption:visited, h2 a:hover:not(:has(> .caption)):link, h2 a:hover:not(:has(> .caption)):visited, h2 a:hover .caption:link, h2 a:hover .caption:visited, h3 a:hover:not(:has(> .caption)):link, h3 a:hover:not(:has(> .caption)):visited, h3 a:hover .caption:link, h3 a:hover .caption:visited, h4 a:hover:not(:has(> .caption)):link, h4 a:hover:not(:has(> .caption)):visited, h4 a:hover .caption:link, h4 a:hover .caption:visited, h5 a:hover:not(:has(> .caption)):link, h5 a:hover:not(:has(> .caption)):visited, h5 a:hover .caption:link, h5 a:hover .caption:visited, h6 a:hover:not(:has(> .caption)):link, h6 a:hover:not(:has(> .caption)):visited, h6 a:hover .caption:link, h6 a:hover .caption:visited {
  color: var(--link-color);
}
h1 a:hover:not(:has(> .caption)):active, h1 a:hover .caption:active, h2 a:hover:not(:has(> .caption)):active, h2 a:hover .caption:active, h3 a:hover:not(:has(> .caption)):active, h3 a:hover .caption:active, h4 a:hover:not(:has(> .caption)):active, h4 a:hover .caption:active, h5 a:hover:not(:has(> .caption)):active, h5 a:hover .caption:active, h6 a:hover:not(:has(> .caption)):active, h6 a:hover .caption:active {
  color: var(--link-highlight-color);
}
h1 a:hover:not(:has(> .caption)):hover, h1 a:hover .caption:hover, h2 a:hover:not(:has(> .caption)):hover, h2 a:hover .caption:hover, h3 a:hover:not(:has(> .caption)):hover, h3 a:hover .caption:hover, h4 a:hover:not(:has(> .caption)):hover, h4 a:hover .caption:hover, h5 a:hover:not(:has(> .caption)):hover, h5 a:hover .caption:hover, h6 a:hover:not(:has(> .caption)):hover, h6 a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
h1 .aside, h2 .aside, h3 .aside, h4 .aside, h5 .aside, h6 .aside {
  display: inline;
  white-space: nowrap;
  margin-left: var(--grid);
  font-weight: 500;
  font-size: 1rem;
}

article > :first-child h1, article > :first-child h2, article > :first-child h3, article > :first-child h4, .column > :first-child h1, .column > :first-child h2, .column > :first-child h3, .column > :first-child h4 {
  margin-top: 0;
}
article > :first-child h1:before, article > :first-child h2:before, article > :first-child h3:before, article > :first-child h4:before, .column > :first-child h1:before, .column > :first-child h2:before, .column > :first-child h3:before, .column > :first-child h4:before {
  display: none;
}

h1 {
  font-size: var(--h1-font-size);
  line-height: var(--grid2);
}
h1 .subtitle {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 300;
  letter-spacing: 0.04ex;
  margin-top: var(--grid1⁄4);
  line-height: var(--grid3⁄2);
  font-size: calc(var(--h1-font-size) * 2 / 3);
}
h1 .subtitle a {
  text-underline-offset: 0.12em;
}

h2 {
  font-size: var(--h2-font-size);
  line-height: var(--grid3⁄2);
}

h3 {
  font-size: var(--h3-font-size);
  line-height: var(--grid5⁄4);
}

p {
  padding: 0;
  margin: var(--paragraph-spacing) 0;
}

.prose {
  max-width: var(--prose-max-width);
  --section-spacing: var(--grid3⁄2);
}
.prose p, .prose ul, .prose ol {
  text-align: justify;
}
@media all and (max-width: 36em) {
  .prose p, .prose ul, .prose ol {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;
  }
}
.prose p:first-child, .prose ul:first-child, .prose ol:first-child, .prose h1:first-child, .prose h2:first-child, .prose h3:first-child {
  margin-top: 0;
}
.prose ul, .prose ol {
  margin: 0;
  padding-left: var(--grid2);
}
.prose li {
  margin: var(--paragraph-spacing) 0;
}

strong {
  color: var(--text-strong-color);
}

hr {
  width: 67%;
  height: 1px;
  background-image: linear-gradient(to left, transparent 0%, var(--text-ghost-color) 50%, transparent 100%);
  border: none;
  margin: var(--section-spacing) auto;
}

.hero-subheadings h2:before {
  display: block;
  content: "";
  width: 67%;
  height: 1px;
  background-image: linear-gradient(to left, transparent 0%, var(--text-ghost-color) 50%, transparent 100%);
  margin: 0 auto var(--section-spacing);
}

dl, dt, dd {
  margin: 0;
  padding: 0;
  font: inherit;
}

.inline-icon {
  display: inline-block;
  position: relative;
  --icon-descender: 0;
  --icon-grow: 2.5px;
  top: calc(var(--cap-height) * var(--icon-descender) + var(--icon-grow) / 2);
  vertical-align: baseline;
}
.inline-icon .svg-icon {
  --icon-height: calc((var(--cap-height) + var(--icon-grow)) * (1 + var(--icon-descender)));
}
.inline-icon.fixed-width-icon .svg-icon {
  width: var(--icon-height);
}
.inline-icon.fixed-width-icon svg {
  margin: 0 auto;
}

html {
  --theme-hue: 276;
  --gamma: 1;
  --page-background-color: oklch(99.97% 0.001 calc(var(--theme-hue) - 180));
  --text-color: oklch(calc(pow(0.321, var(--gamma))) 0 0);
  --text-semifade-color: oklch(calc(pow(0.51, var(--gamma))) 0 0);
  --text-fade-color: oklch(calc(pow(0.683, var(--gamma))) 0 0);
  --text-ghost-color: oklch(calc(pow(0.892, var(--gamma))) 0 0);
  --text-strong-color: oklch(calc(pow(0, var(--gamma))) 0 0);
  --heading-color: oklch(calc(pow(0.504, var(--gamma))) 0.006 var(--theme-hue));
  --link-color: oklch(0.492 0.160 var(--theme-hue));
  --link-uline-color: oklch(0.940 0.029 var(--theme-hue));
  --link-hover-color: oklch(0.513 0.300 var(--theme-hue));
  --link-hover-uline-color: oklch(0.862 0.080 var(--theme-hue));
  --divider-background-color: oklch(calc(pow(0.947, 1 / var(--gamma))) 0 0);
  --divider-split-color: oklch(calc(pow(0.898, 1 / var(--gamma))) 0.003 var(--theme-hue));
  --divider-grad-split-color: var(--divider-split-color);
  --divider-emph-text-color: oklch(calc(pow(0.399, var(--gamma))) 0.056 var(--theme-hue));
  --breakout-background-color: oklch(calc(pow(0.966, 1 / var(--gamma))) 0 0) /* must match player images */;
  --breakout-border-color: oklch(calc(pow(0.842, 1 / var(--gamma))) 0 0);
  --breakout-link-color: oklch(calc(pow(0.401, var(--gamma))) 0.099 var(--theme-hue));
  --highlight-color: oklch(56.5% 0.217 calc(var(--theme-hue) - 180));
  --theme-bleed-color-light: var(--page-background-color);
  --theme-bleed-color: var(--theme-bleed-color-light);
}
@media (prefers-contrast: more) {
  html {
    --gamma: 1.8;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  html {
    --gamma: 0.6;
  }
}
@media (prefers-contrast: more) {
  html {
    --text-ghost-color: oklch(calc(pow(0.7, var(--gamma))) 0 0);
  }
}
html .light-mode {
  display: block;
}
html .dark-mode {
  display: none;
}
@media (prefers-color-scheme: dark) {
  html {
    --dark-mode-black-point: 8%;
    --page-background-color: hsl(0, 0%, var(--dark-mode-black-point));
    --text-color: oklch(calc(pow(0.757, var(--gamma))) 0 0);
    --text-semifade-color: oklch(calc(pow(0.598, var(--gamma))) 0 0);
    --text-fade-color: oklch(calc(pow(0.51, var(--gamma))) 0 0);
    --text-ghost-color: oklch(calc(pow(0.371, var(--gamma))) 0 0);
    --text-strong-color: oklch(calc(pow(0.923, var(--gamma))) 0 0);
    --heading-color: oklch(calc(pow(0.711, var(--gamma))) 0.005 var(--theme-hue));
    --link-color: oklch(0.682 0.190 var(--theme-hue));
    --link-uline-color: oklch(0.350 0.028 var(--theme-hue));
    --link-hover-color: oklch(0.640 0.238 var(--theme-hue));
    --link-hover-uline-color: oklch(0.434 0.194 var(--theme-hue));
    --divider-background-color: hsl(0, 0%, calc(var(--dark-mode-black-point) * 2.5));
    --divider-split-color: hsl(0, 0%, calc(var(--dark-mode-black-point) * 0.5));
    --divider-emph-text-color: oklch(calc(pow(0.755, var(--gamma))) 0.039 var(--theme-hue));
    --divider-grad-split-color: oklch(calc(pow(0.316, 1 / var(--gamma))) 0.005 var(--theme-hue));
    --breakout-background-color: oklch(calc(pow(0.24, 1 / var(--gamma))) 0.0 0);
    --breakout-border-color: var(--divider-background-color);
    --breakout-text-color: oklch(calc(pow(0.892, var(--gamma))) 0 0);
    --breakout-link-color: oklch(calc(pow(0.735, var(--gamma))) 0.127 var(--theme-hue));
    --theme-bleed-color-dark: var(--page-background-color);
    --theme-bleed-color: var(--theme-bleed-color-dark);
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  html {
    --dark-mode-black-point: 0%;
  }
}
@media (prefers-color-scheme: dark) {
  html .dark-mode-invert {
    filter: invert(calc(100% - var(--dark-mode-black-point))) hue-rotate(180deg);
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  html {
    --divider-background-color: black;
  }
}
@media (prefers-color-scheme: dark) {
  html .light-mode {
    display: none;
  }
  html .dark-mode {
    display: block;
  }
}

.content-nav {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  display: flex;
  align-items: center;
  margin: var(--grid2) auto;
  max-width: calc(var(--grid) * 60);
  height: var(--grid3⁄2);
  --gradient-end: 25%;
}
.content-nav a {
  font-weight: bold;
}
.content-nav a {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-size: 0.9rem;
}
.content-nav a a {
  text-underline-offset: 0.12em;
}
.content-nav a {
  text-decoration: none;
}
.content-nav a:hover {
  text-decoration: none;
}
.content-nav .prev {
  box-sizing: border-box;
  height: var(--grid3⁄2);
  line-height: var(--grid3⁄2);
  position: relative;
  overflow: hidden;
  flex: 1;
  text-align: left;
  padding: 0 var(--grid3⁄2);
  mask-composite: subtract;
  mask-image: linear-gradient(black, black), url("/live/oe_/https://innig.net/images/directional-left.svg");
  mask-size: auto, 66px 220px;
  mask-repeat: no-repeat;
  mask-position: center, left;
  background-image: radial-gradient(100% var(--grid4) at right, transparent var(--gradient-end), var(--gradient-color));
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left center;
  --gradient-color: var(--breakout-background-color);
}
.content-nav .prev:hover {
  --gradient-color: color-mix(in srgb, var(--link-hover-color) var(--hover-brightness), var(--breakout-background-color));
  --hover-brightness: 6%;
}
.content-nav .prev:hover.bright-highlight {
  --hover-brightness: 25%;
}
.content-nav .next {
  box-sizing: border-box;
  height: var(--grid3⁄2);
  line-height: var(--grid3⁄2);
  position: relative;
  overflow: hidden;
  flex: 1;
  text-align: right;
  padding: 0 var(--grid3⁄2);
  mask-composite: subtract;
  mask-image: linear-gradient(black, black), url("/live/oe_/https://innig.net/images/directional-right.svg");
  mask-size: auto, 66px 220px;
  mask-repeat: no-repeat;
  mask-position: center, right;
  background-image: radial-gradient(100% var(--grid4) at left, transparent var(--gradient-end), var(--gradient-color));
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right center;
  --gradient-color: var(--breakout-background-color);
}
.content-nav .next:hover {
  --gradient-color: color-mix(in srgb, var(--link-hover-color) var(--hover-brightness), var(--breakout-background-color));
  --hover-brightness: 6%;
}
.content-nav .next:hover.bright-highlight {
  --hover-brightness: 25%;
}
.content-nav .prev, .content-nav .next {
  overflow: hidden;
}
.content-nav .prev.placeholder, .content-nav .next.placeholder {
  visibility: hidden;
}
.content-nav.compact {
  margin: 0 auto;
  --gradient-end: 12%;
}
.content-nav.compact .prev, .content-nav.compact .next {
  padding: 0 var(--grid);
}
.content-nav.short .prev, .content-nav.short .next {
  height: var(--grid);
  padding: 0 var(--grid1⁄2);
}
.content-nav.right-justify {
  max-width: 100%;
}
.content-nav.right-justify .prev, .content-nav.right-justify .next {
  max-width: var(--grid12);
  margin-left: auto;
}
.content-nav .more {
  box-sizing: border-box;
  height: var(--grid3⁄2);
  line-height: var(--grid3⁄2);
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 var(--grid3⁄2);
}
.content-nav .choices {
  flex: 1;
  display: flex;
  size: auto;
  repeat: no-repeat;
  position: center;
  white-space: nowrap;
}
.content-nav .choices > .choice {
  box-sizing: border-box;
  height: var(--grid3⁄2);
  line-height: var(--grid3⁄2);
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0 var(--grid1⁄2);
}
.content-nav .choices > .choice:not(:last-child) {
  border-right: 1px solid var(--divider-grad-split-color);
}
.content-nav .more.choices {
  justify-content: center;
  background-image: radial-gradient(50% var(--grid4), var(--divider-background-color), transparent);
}
.content-nav .next.choices {
  justify-content: end;
}
@media all and (max-width: 46em) {
  .content-nav .prev, .content-nav .next {
    margin-top: var(--grid1⁄2);
    margin-bottom: var(--grid1⁄2);
  }
  .content-nav:not(.compact) {
    flex-direction: column;
    height: unset;
  }
  .content-nav:not(.compact) > * {
    width: 100%;
  }
  .content-nav:not(.compact) .more {
    margin-top: var(--grid2);
    text-align: center;
    order: 100;
  }
}

html {
  --unresponsive-grid: 1.2rem;
  --grid: var(--unresponsive-grid);
  --grid1⁄4: calc(var(--grid) * 1/4);
  --grid1⁄3: calc(var(--grid) * 1/3);
  --grid1⁄2: calc(var(--grid) * 1/2);
  --grid3⁄4: calc(var(--grid) * 3/4);
  --grid5⁄4: calc(var(--grid) * 5/4);
  --grid3⁄2: calc(var(--grid) * 3/2);
  --grid2: calc(var(--grid) * 2);
  --grid3: calc(var(--grid) * 3);
  --grid4: calc(var(--grid) * 4);
  --grid5: calc(var(--grid) * 5);
  --grid6: calc(var(--grid) * 6);
  --grid7: calc(var(--grid) * 7);
  --grid8: calc(var(--grid) * 8);
  --grid9: calc(var(--grid) * 9);
  --grid10: calc(var(--grid) * 10);
  --grid11: calc(var(--grid) * 11);
  --grid12: calc(var(--grid) * 12);
  --grid13: calc(var(--grid) * 13);
  --grid14: calc(var(--grid) * 14);
  --grid15: calc(var(--grid) * 15);
  --grid16: calc(var(--grid) * 16);
  --grid17: calc(var(--grid) * 17);
  --grid18: calc(var(--grid) * 18);
  --grid19: calc(var(--grid) * 19);
  --grid20: calc(var(--grid) * 20);
  --prose-max-width: calc(var(--grid) * 36);
}
@media all and (max-width: 42em) {
  html {
    --grid: 1.0rem;
  }
}

.layout.hero-heading {
  --h1-font-size: var(--grid3⁄2);
}
.layout.hero-heading h1 {
  line-height: var(--grid2);
  text-align: center;
  margin: var(--grid6) 0;
}
@media all and (max-width: 36rem) {
  .layout.hero-heading h1 {
    margin: var(--grid4) 0;
  }
}
@media all and (max-width: 28rem) {
  .layout.hero-heading h1 {
    margin: var(--grid3) 0;
  }
}

.layout.compact-heading h1 {
  line-height: var(--grid2);
  margin: var(--grid3) 0;
}
@media all and (max-width: 32rem) {
  .layout.compact-heading h1 {
    margin: var(--grid2) 0;
  }
}

.layout.heading-with-logo h1 {
  margin: var(--grid3) 0;
  display: flex;
  align-items: center;
}
.layout.heading-with-logo h1 > * {
  margin: 0 var(--grid);
}

.layout.heading-below-hero h1 {
  margin-bottom: 0;
}

.layout.centered-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.layout.centered-content h1 {
  text-align: center;
}

.layout.content-with-sidebar {
  display: flex;
}
.layout.content-with-sidebar .content {
  flex-grow: 1;
  margin: var(--grid) 0;
}
@media all and (max-width: 40em) {
  .layout.content-with-sidebar {
    display: block;
  }
}

.layout.informational {
  max-width: var(--prose-max-width);
  margin: var(--grid3) auto;
}
.layout.informational h1 {
  line-height: var(--grid2);
}
@media all and (max-width: 36rem) {
  .layout.informational {
    margin: var(--grid2) 0;
  }
}
@media all and (max-width: 28rem) {
  .layout.informational {
    margin: var(--grid) 0;
  }
}

.hero-subheadings h2 {
  --section-spacing: var(--grid2);
  --heading-spacing-below: var(--grid2);
  line-height: var(--grid);
}

.smaller-subheadings {
  --h2-font-size: calc(var(--grid) * 13/12);
}

.nav-and-about .content {
  display: flex;
  justify-content: center;
  gap: var(--grid2);
}
@media all and (max-width: 60em) {
  .nav-and-about .content {
    gap: var(--grid);
  }
}
.nav-and-about .content .about, .nav-and-about .content nav {
  flex-basis: 0;
}
.nav-and-about .content .about {
  flex-grow: 1;
  max-width: calc(var(--prose-max-width) * 2 / 3);
}
.nav-and-about .content .about.narrower {
  max-width: calc(var(--prose-max-width) * 3 / 5);
}
.nav-and-about .content nav {
  flex-grow: 1;
}
.nav-and-about .content nav h2:first-child {
  margin-top: 0;
}
@media all and (max-width: 48em) {
  .nav-and-about .content {
    flex-direction: column;
    align-items: center;
  }
  .nav-and-about .content .about {
    max-width: var(--prose-max-width) !important;
  }
}

.page-settings {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page-settings a {
  font-weight: bold;
}
.page-settings a:link, .page-settings a:link .caption, .page-settings a:visited, .page-settings a:visited .caption {
  text-decoration: none;
}
.page-settings a:hover:not(:has(> .caption)), .page-settings a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.page-settings a:hover:not(:has(> .caption)):link, .page-settings a:hover:not(:has(> .caption)):visited, .page-settings a:hover .caption:link, .page-settings a:hover .caption:visited {
  color: var(--link-color);
}
.page-settings a:hover:not(:has(> .caption)):active, .page-settings a:hover .caption:active {
  color: var(--link-highlight-color);
}
.page-settings a:hover:not(:has(> .caption)):hover, .page-settings a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.page-settings a {
  font-weight: inherit;
  color: inherit;
}
.page-settings a:hover {
  color: var(--link-hover-color);
}
.page-settings input, .page-settings button {
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
  width: 0;
  height: 0;
}
.page-settings label {
  margin: 0;
  padding: 0;
}
.page-settings form {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.page-settings form label {
  text-select: none;
  display: flex;
}
.page-settings form label[for] {
  margin-right: 1ex;
}
.page-settings form .options-chiclet {
  display: flex;
}
.page-settings form .options-chiclet input[type=radio] + * {
  color: var(--link-color);
  padding: var(--grid1⁄4) var(--grid1⁄2);
  border-radius: var(--grid);
  border: 0.5px solid transparent;
}
.page-settings form .options-chiclet input[type=radio]:checked + * {
  border-color: var(--text-fade-color);
}

.debug-outline {
  outline: 0.5px solid blue;
}

.debug-outlines-deep * {
  outline: 0.5px solid rgba(255, 96, 0, 0.9);
}

.clear {
  clear: both;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* copyright.html */

.sfEk4J_ojg {
  display: contents;
}
.sfEk4J_ojg .license-logos {
  display: block;
  text-align: center;
  --logo-size: var(--grid2);
}

/* music/recordings/method/{section.id}.html */

@charset "UTF-8";
.sftX06AT8Z {
  display: contents;
  @charset "UTF-8";
}
.sftX06AT8Z h1 + * .content-nav {
  margin-top: 0;
}
.sftX06AT8Z .callout {
  text-align: center;
  font-weight: bold;
}
.sftX06AT8Z img {
  max-width: calc(100vw - var(--grid2));
  --max-hang: -1 * var(--grid6);
  --hang-to-edge: -0.5 * (100vw - var(--prose-max-width) - var(--grid2));
  --hang-amount: calc(min(0em, max(var(--max-hang), var(--hang-to-edge))));
}
.sftX06AT8Z img.center {
  float: none;
  display: block;
  margin: var(--grid) auto;
}
.sftX06AT8Z img.hang-left {
  float: left;
  clear: left;
  margin: var(--grid1⁄2);
  margin-left: var(--hang-amount);
  margin-right: var(--grid);
}
@media all and (max-width: 800px) {
  .sftX06AT8Z img.hang-left {
    clear: both;
  }
}
@media all and (max-width: 600px) {
  .sftX06AT8Z img.hang-left {
    float: none;
    display: block;
    margin: var(--grid) auto;
  }
}
.sftX06AT8Z img.hang-right {
  float: right;
  clear: right;
  margin: var(--grid1⁄2);
  margin-right: var(--hang-amount);
  margin-left: var(--grid);
}
@media all and (max-width: 800px) {
  .sftX06AT8Z img.hang-right {
    clear: both;
  }
}
@media all and (max-width: 600px) {
  .sftX06AT8Z img.hang-right {
    float: none;
    display: block;
    margin: var(--grid) auto;
  }
}

/* music/recordings/method/_nav */

.sfxwk2pOpo {
  display: contents;
}
.sfxwk2pOpo .content-nav {
  width: calc(50vw + var(--grid) * 20);
  max-width: 100%;
}

/* music/recordings/method/index.html */

@charset "UTF-8";
.sfhvL-hIvx {
  display: contents;
  @charset "UTF-8";
}
.sfhvL-hIvx .toc {
  margin: var(--grid) var(--grid2);
}
.sfhvL-hIvx .toc ul {
  list-style: none;
  padding: 0;
  margin: var(--grid1⁄4) 0;
}
.sfhvL-hIvx .toc ul li {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin-bottom: var(--grid1⁄4);
  break-inside: avoid;
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.sfhvL-hIvx .toc ul li a {
  text-underline-offset: 0.12em;
}
.sfhvL-hIvx .toc ul:has(> :last-child:nth-child(n+6)) {
  columns: 1;
}

/* music/recordings/method/_comparison_audio_info */

@charset "UTF-8";
.sfjUpcmI7p {
  display: contents;
  @charset "UTF-8";
}
.sfjUpcmI7p .recording .info {
  max-width: 60vw;
  overflow-x: scroll;
}
.sfjUpcmI7p .recording-contents {
  margin: var(--grid) 0;
}
.sfjUpcmI7p .recording-contents .piece {
  margin: var(--grid1⁄2) 0;
}
.sfjUpcmI7p .recording-contents td {
  height: var(--grid);
  line-height: var(--grid) !important;
  padding-right: var(--grid1⁄4);
  white-space: nowrap;
}
.sfjUpcmI7p .recording-contents .version {
  margin-left: var(--grid);
  display: flex;
  align-items: baseline;
}
@media all and (max-width: 32em) {
  .sfjUpcmI7p .recording-contents .version {
    margin-left: 0;
  }
}
.sfjUpcmI7p .recording-contents .version .time {
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  width: 4em;
  flex-shrink: 0;
}
.sfjUpcmI7p .recording-contents .version .time a {
  font-weight: bold;
}
.sfjUpcmI7p .recording-contents .version .time:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfjUpcmI7p .recording-contents .version .time:hover:link, .sfjUpcmI7p .recording-contents .version .time:hover:visited {
  color: var(--link-color);
}
.sfjUpcmI7p .recording-contents .version .time:hover:active {
  color: var(--link-highlight-color);
}
.sfjUpcmI7p .recording-contents .version .time:hover:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfjUpcmI7p .recording-contents .version .source {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  font-size: 86%;
  flex-shrink: 1;
}
.sfjUpcmI7p .recording-contents .version .source a {
  text-underline-offset: 0.12em;
}
.sfjUpcmI7p .recording-contents .version .source > * {
  display: inline;
}
.sfjUpcmI7p .recording-contents .version .source .player:after {
  content: ",";
}
.sfjUpcmI7p .recording-contents .version .source .catalog_no {
  font-weight: 300;
}
.sfjUpcmI7p .recording-contents .version .source .catalog_no:before {
  content: "(";
}
.sfjUpcmI7p .recording-contents .version .source .catalog_no:after {
  content: ")";
}

/* music/keysplease/index.html */

.sfXqxxg9iA {
  display: contents;
}
.sfXqxxg9iA .prose {
  max-width: calc(33 * var(--grid));
}
.sfXqxxg9iA .layout {
  --column-size: calc(var(--grid) * 16);
  --column-gap: var(--grid);
  --cover-grid-col-size: var(--column-size);
  --cover-grid-col-gap: var(--column-gap);
}
.sfXqxxg9iA h2 {
  width: 100%;
  text-align: center;
}
.sfXqxxg9iA .events {
  column-count: 3;
  column-width: var(--column-width);
  column-gap: var(--column-gap);
}
.sfXqxxg9iA .events ul, .sfXqxxg9iA .events ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfXqxxg9iA .events ul li, .sfXqxxg9iA .events ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
@media all and (max-width: 65.208rem) {
  .sfXqxxg9iA .events {
    columns: 2;
  }
}
@media all and (max-width: 43.89rem) {
  .sfXqxxg9iA .events {
    columns: 1;
    --column-size: 100vw;
  }
}
.sfXqxxg9iA .events .event {
  padding-bottom: var(--grid);
  break-inside: avoid;
  max-width: var(--column-size);
}
.sfXqxxg9iA .events .event:first-child {
  margin-top: 0;
}
.sfXqxxg9iA .events .event > * {
  line-height: calc(var(--unresponsive-grid) * 5 / 4) !important;
}
.sfXqxxg9iA .events .event .year {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  width: 0;
  height: 0;
}
.sfXqxxg9iA .events .event .year a {
  font-weight: bold;
}
.sfXqxxg9iA .events .event .year a:link, .sfXqxxg9iA .events .event .year a:link .caption, .sfXqxxg9iA .events .event .year a:visited, .sfXqxxg9iA .events .event .year a:visited .caption {
  text-decoration: none;
}
.sfXqxxg9iA .events .event .year a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .year a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfXqxxg9iA .events .event .year a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .year a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .year a:hover .caption:link, .sfXqxxg9iA .events .event .year a:hover .caption:visited {
  color: var(--link-color);
}
.sfXqxxg9iA .events .event .year a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .year a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfXqxxg9iA .events .event .year a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .year a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfXqxxg9iA .events .event .year a {
  font-weight: inherit;
  color: inherit;
}
.sfXqxxg9iA .events .event .year a:hover {
  color: var(--link-hover-color);
}
.sfXqxxg9iA .events .event .name {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
}
.sfXqxxg9iA .events .event .name a {
  text-underline-offset: 0.12em;
}
.sfXqxxg9iA .events .event .name, .sfXqxxg9iA .events .event .guest, .sfXqxxg9iA .events .event .materials, .sfXqxxg9iA .events .event .note {
  margin-left: calc(var(--grid) * 5 / 2);
}
.sfXqxxg9iA .events .event .name a:link, .sfXqxxg9iA .events .event .name a:link .caption, .sfXqxxg9iA .events .event .name a:visited, .sfXqxxg9iA .events .event .name a:visited .caption, .sfXqxxg9iA .events .event .guest a:link, .sfXqxxg9iA .events .event .guest a:link .caption, .sfXqxxg9iA .events .event .guest a:visited, .sfXqxxg9iA .events .event .guest a:visited .caption, .sfXqxxg9iA .events .event .materials a:link, .sfXqxxg9iA .events .event .materials a:link .caption, .sfXqxxg9iA .events .event .materials a:visited, .sfXqxxg9iA .events .event .materials a:visited .caption, .sfXqxxg9iA .events .event .note a:link, .sfXqxxg9iA .events .event .note a:link .caption, .sfXqxxg9iA .events .event .note a:visited, .sfXqxxg9iA .events .event .note a:visited .caption {
  text-decoration: none;
}
.sfXqxxg9iA .events .event .name a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .name a:hover .caption, .sfXqxxg9iA .events .event .guest a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .guest a:hover .caption, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .materials a:hover .caption, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .note a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfXqxxg9iA .events .event .name a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .name a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .name a:hover .caption:link, .sfXqxxg9iA .events .event .name a:hover .caption:visited, .sfXqxxg9iA .events .event .guest a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .guest a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .guest a:hover .caption:link, .sfXqxxg9iA .events .event .guest a:hover .caption:visited, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .materials a:hover .caption:link, .sfXqxxg9iA .events .event .materials a:hover .caption:visited, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .note a:hover .caption:link, .sfXqxxg9iA .events .event .note a:hover .caption:visited {
  color: var(--link-color);
}
.sfXqxxg9iA .events .event .name a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .name a:hover .caption:active, .sfXqxxg9iA .events .event .guest a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .guest a:hover .caption:active, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .materials a:hover .caption:active, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .note a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfXqxxg9iA .events .event .name a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .name a:hover .caption:hover, .sfXqxxg9iA .events .event .guest a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .guest a:hover .caption:hover, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .materials a:hover .caption:hover, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .note a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfXqxxg9iA .events .event .guest {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
}
.sfXqxxg9iA .events .event .guest a {
  text-underline-offset: 0.12em;
}
.sfXqxxg9iA .events .event .guest .label, .sfXqxxg9iA .events .event .guest .guest-name {
  display: inline;
}
.sfXqxxg9iA .events .event .guest .guest-name {
  font-weight: normal;
}
.sfXqxxg9iA .events .event .guest .label {
  font-weight: 300;
  color: var(--text-fade-color);
}
.sfXqxxg9iA .events .event .materials, .sfXqxxg9iA .events .event .note {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: var(--text-semifade-color);
  display: flex;
  flex-flow: row wrap;
}
.sfXqxxg9iA .events .event .materials a, .sfXqxxg9iA .events .event .note a {
  font-weight: bold;
}
.sfXqxxg9iA .events .event .materials a:link, .sfXqxxg9iA .events .event .materials a:link .caption, .sfXqxxg9iA .events .event .materials a:visited, .sfXqxxg9iA .events .event .materials a:visited .caption, .sfXqxxg9iA .events .event .note a:link, .sfXqxxg9iA .events .event .note a:link .caption, .sfXqxxg9iA .events .event .note a:visited, .sfXqxxg9iA .events .event .note a:visited .caption {
  text-decoration: none;
}
.sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .materials a:hover .caption, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)), .sfXqxxg9iA .events .event .note a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .materials a:hover .caption:link, .sfXqxxg9iA .events .event .materials a:hover .caption:visited, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):link, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):visited, .sfXqxxg9iA .events .event .note a:hover .caption:link, .sfXqxxg9iA .events .event .note a:hover .caption:visited {
  color: var(--link-color);
}
.sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .materials a:hover .caption:active, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):active, .sfXqxxg9iA .events .event .note a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfXqxxg9iA .events .event .materials a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .materials a:hover .caption:hover, .sfXqxxg9iA .events .event .note a:hover:not(:has(> .caption)):hover, .sfXqxxg9iA .events .event .note a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfXqxxg9iA .events .event .materials a, .sfXqxxg9iA .events .event .note a {
  font-weight: inherit;
  color: inherit;
}
.sfXqxxg9iA .events .event .materials a:hover, .sfXqxxg9iA .events .event .note a:hover {
  color: var(--link-hover-color);
}
.sfXqxxg9iA .events .event .materials .material, .sfXqxxg9iA .events .event .note .material {
  display: inline-block;
  margin-right: 2ex;
}
.sfXqxxg9iA .albums {
  margin-bottom: calc(-1 * var(--grid));
}
.sfXqxxg9iA .videos {
  columns: 2;
  column-gap: var(--column-gap);
}
@media all and (max-width: 43.89rem) {
  .sfXqxxg9iA .videos {
    columns: 1;
    --column-size: 100vw;
  }
}
.sfXqxxg9iA .videos .event {
  max-width: var(--column-size);
  break-inside: avoid-column;
}

/* music/scores/{score.id}/index.html */

@charset "UTF-8";
.sfJ21I8GPv {
  display: contents;
  @charset "UTF-8";
}
.sfJ21I8GPv .movements {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  font-weight: 200;
  margin: 0;
  margin-bottom: var(--grid1⁄2);
  padding: 0;
  padding-left: var(--grid2);
}
.sfJ21I8GPv .movements a {
  text-underline-offset: 0.12em;
}
.sfJ21I8GPv .movements li {
  margin: 0;
  padding: 0;
  min-height: var(--grid3⁄2);
  line-height: var(--grid3⁄2);
}
.sfJ21I8GPv .movements li .title {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
}
.sfJ21I8GPv .movements li .title a {
  text-underline-offset: 0.12em;
}
.sfJ21I8GPv .info-and-download {
  display: flex;
  align-items: top;
  margin-bottom: var(--grid);
}
.sfJ21I8GPv .info-and-download .info {
  flex-grow: 2;
}
.sfJ21I8GPv .info-and-download .download {
  flex-grow: 0;
}
@media all and (max-width: 32em) {
  .sfJ21I8GPv .info-and-download {
    flex-direction: column;
  }
  .sfJ21I8GPv .info-and-download .metadata, .sfJ21I8GPv .info-and-download .download {
    margin: var(--grid) 0;
  }
  .sfJ21I8GPv .info-and-download .download {
    align-self: center;
  }
}
.sfJ21I8GPv .metadata {
  margin-left: var(--grid);
}
@media all and (max-width: 32em) {
  .sfJ21I8GPv .metadata {
    margin-left: 0;
  }
}
@media all and (max-width: 32em) {
  .sfJ21I8GPv .metadata {
    width: 100%;
  }
  .sfJ21I8GPv .metadata dt, .sfJ21I8GPv .metadata dd {
    width: 50%;
  }
}
.sfJ21I8GPv .download .preview {
  overflow: hidden;
  height: var(--grid8);
  mask-composite: subtract;
  mask-image: linear-gradient(to top, transparent, black var(--grid1⁄2) 100%);
  mask-size: 100% var(--grid8);
  mask-repeat: no-repeat;
  mask-position: top;
}
.sfJ21I8GPv .download .preview img {
  width: var(--grid12);
}
.sfJ21I8GPv .download .links {
  text-align: center;
  line-height: var(--grid);
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin: var(--grid1⁄2);
}
.sfJ21I8GPv .download .links a:link, .sfJ21I8GPv .download .links a:link .caption, .sfJ21I8GPv .download .links a:visited, .sfJ21I8GPv .download .links a:visited .caption {
  text-decoration: none;
}
.sfJ21I8GPv .download .links a:hover:not(:has(> .caption)), .sfJ21I8GPv .download .links a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfJ21I8GPv .download .links a:hover:not(:has(> .caption)):link, .sfJ21I8GPv .download .links a:hover:not(:has(> .caption)):visited, .sfJ21I8GPv .download .links a:hover .caption:link, .sfJ21I8GPv .download .links a:hover .caption:visited {
  color: var(--link-color);
}
.sfJ21I8GPv .download .links a:hover:not(:has(> .caption)):active, .sfJ21I8GPv .download .links a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfJ21I8GPv .download .links a:hover:not(:has(> .caption)):hover, .sfJ21I8GPv .download .links a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfJ21I8GPv .download .links a {
  text-underline-offset: 0.12em;
}
.sfJ21I8GPv .download .links .caption {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
}
.sfJ21I8GPv .download .links .caption a {
  font-weight: bold;
}
.sfJ21I8GPv .download .links .caption a:link, .sfJ21I8GPv .download .links .caption a:link .caption, .sfJ21I8GPv .download .links .caption a:visited, .sfJ21I8GPv .download .links .caption a:visited .caption {
  text-decoration: none;
}
.sfJ21I8GPv .download .links .caption a:hover:not(:has(> .caption)), .sfJ21I8GPv .download .links .caption a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfJ21I8GPv .download .links .caption a:hover:not(:has(> .caption)):link, .sfJ21I8GPv .download .links .caption a:hover:not(:has(> .caption)):visited, .sfJ21I8GPv .download .links .caption a:hover .caption:link, .sfJ21I8GPv .download .links .caption a:hover .caption:visited {
  color: var(--link-color);
}
.sfJ21I8GPv .download .links .caption a:hover:not(:has(> .caption)):active, .sfJ21I8GPv .download .links .caption a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfJ21I8GPv .download .links .caption a:hover:not(:has(> .caption)):hover, .sfJ21I8GPv .download .links .caption a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfJ21I8GPv .download .links .caption a {
  font-weight: inherit;
  color: inherit;
}
.sfJ21I8GPv .download .links .caption a:hover {
  color: var(--link-hover-color);
}
.sfJ21I8GPv .featured-recording-group {
  margin: var(--grid3⁄2) 0;
}
.sfJ21I8GPv .featured-recording-group ul, .sfJ21I8GPv .featured-recording-group ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfJ21I8GPv .featured-recording-group ul li, .sfJ21I8GPv .featured-recording-group ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.sfJ21I8GPv .featured-recording-group li {
  height: var(--grid2);
  display: flex;
  align-items: center;
}
.sfJ21I8GPv .featured-recording-group li {
  font-size: 86%;
}
.sfJ21I8GPv .featured-recording-group li .recording {
  width: 100%;
}
.sfJ21I8GPv .recording .info {
  color: var(--text-color) !important;
}
.sfJ21I8GPv .recording.mini .info .credit.musician, .sfJ21I8GPv .recording.mini .info .extra_info {
  display: inline-block !important;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
}
.sfJ21I8GPv .recording.mini .info .credit.musician a, .sfJ21I8GPv .recording.mini .info .extra_info a {
  font-weight: bold;
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:link, .sfJ21I8GPv .recording.mini .info .credit.musician a:link .caption, .sfJ21I8GPv .recording.mini .info .credit.musician a:visited, .sfJ21I8GPv .recording.mini .info .credit.musician a:visited .caption, .sfJ21I8GPv .recording.mini .info .extra_info a:link, .sfJ21I8GPv .recording.mini .info .extra_info a:link .caption, .sfJ21I8GPv .recording.mini .info .extra_info a:visited, .sfJ21I8GPv .recording.mini .info .extra_info a:visited .caption {
  text-decoration: none;
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:hover:not(:has(> .caption)), .sfJ21I8GPv .recording.mini .info .credit.musician a:hover .caption, .sfJ21I8GPv .recording.mini .info .extra_info a:hover:not(:has(> .caption)), .sfJ21I8GPv .recording.mini .info .extra_info a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:hover:not(:has(> .caption)):link, .sfJ21I8GPv .recording.mini .info .credit.musician a:hover:not(:has(> .caption)):visited, .sfJ21I8GPv .recording.mini .info .credit.musician a:hover .caption:link, .sfJ21I8GPv .recording.mini .info .credit.musician a:hover .caption:visited, .sfJ21I8GPv .recording.mini .info .extra_info a:hover:not(:has(> .caption)):link, .sfJ21I8GPv .recording.mini .info .extra_info a:hover:not(:has(> .caption)):visited, .sfJ21I8GPv .recording.mini .info .extra_info a:hover .caption:link, .sfJ21I8GPv .recording.mini .info .extra_info a:hover .caption:visited {
  color: var(--link-color);
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:hover:not(:has(> .caption)):active, .sfJ21I8GPv .recording.mini .info .credit.musician a:hover .caption:active, .sfJ21I8GPv .recording.mini .info .extra_info a:hover:not(:has(> .caption)):active, .sfJ21I8GPv .recording.mini .info .extra_info a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:hover:not(:has(> .caption)):hover, .sfJ21I8GPv .recording.mini .info .credit.musician a:hover .caption:hover, .sfJ21I8GPv .recording.mini .info .extra_info a:hover:not(:has(> .caption)):hover, .sfJ21I8GPv .recording.mini .info .extra_info a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfJ21I8GPv .recording.mini .info .credit.musician a, .sfJ21I8GPv .recording.mini .info .extra_info a {
  font-weight: inherit;
  color: inherit;
}
.sfJ21I8GPv .recording.mini .info .credit.musician a:hover, .sfJ21I8GPv .recording.mini .info .extra_info a:hover {
  color: var(--link-hover-color);
}
.sfJ21I8GPv .recording .extra_info {
  visibility: hidden;
}
.sfJ21I8GPv .recording:hover .extra_info {
  visibility: visible;
}
.sfJ21I8GPv .epigraph, .sfJ21I8GPv .quote {
  margin: var(--grid3⁄2) var(--grid2);
}
@media all and (max-width: 32em) {
  .sfJ21I8GPv .epigraph, .sfJ21I8GPv .quote {
    margin: var(--grid3⁄2) var(--grid);
  }
}
.sfJ21I8GPv .epigraph {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
  font-size: var(--unresponsive-grid);
  text-align: justify;
  line-height: var(--grid5⁄4);
}
.sfJ21I8GPv .epigraph .attribution {
  text-align: right;
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
}
.sfJ21I8GPv .epigraph .attribution:before {
  content: "— ";
  opacity: 0.4;
}
.sfJ21I8GPv .epigraph .poem {
  display: inline-block;
}
.sfJ21I8GPv .epigraph .poem .line {
  line-height: var(--grid5⁄4);
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.sfJ21I8GPv .epigraph .poem .attribution {
  margin-top: var(--grid1⁄2);
  margin-left: var(--grid2);
}
.sfJ21I8GPv .about {
  text-align: justify;
}
.sfJ21I8GPv .quotes {
  margin: var(--grid2) 0;
}
.sfJ21I8GPv .quotes .quote .attribution {
  text-align: right;
}
.sfJ21I8GPv .quotes .quote .attribution:before {
  content: "— ";
  opacity: 0.4;
}
.sfJ21I8GPv .unavailable {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
}
.sfJ21I8GPv .unavailable a {
  font-weight: bold;
}
.sfJ21I8GPv .unavailable a:link, .sfJ21I8GPv .unavailable a:link .caption, .sfJ21I8GPv .unavailable a:visited, .sfJ21I8GPv .unavailable a:visited .caption {
  text-decoration: none;
}
.sfJ21I8GPv .unavailable a:hover:not(:has(> .caption)), .sfJ21I8GPv .unavailable a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfJ21I8GPv .unavailable a:hover:not(:has(> .caption)):link, .sfJ21I8GPv .unavailable a:hover:not(:has(> .caption)):visited, .sfJ21I8GPv .unavailable a:hover .caption:link, .sfJ21I8GPv .unavailable a:hover .caption:visited {
  color: var(--link-color);
}
.sfJ21I8GPv .unavailable a:hover:not(:has(> .caption)):active, .sfJ21I8GPv .unavailable a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfJ21I8GPv .unavailable a:hover:not(:has(> .caption)):hover, .sfJ21I8GPv .unavailable a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfJ21I8GPv .unavailable a {
  font-weight: inherit;
  color: inherit;
}
.sfJ21I8GPv .unavailable a:hover {
  color: var(--link-hover-color);
}
.sfJ21I8GPv .unavailable:before {
  content: "(";
}
.sfJ21I8GPv .unavailable:after {
  content: ")";
}

/* music/scores/index.html */

.sf3ezV-Oqh {
  display: contents;
}
.sf3ezV-Oqh .category ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  line-height: var(--unresponsive-grid);
}
.sf3ezV-Oqh .category ul a {
  text-underline-offset: 0.12em;
}
@media all and (max-width: 28em) {
  .sf3ezV-Oqh .category ul {
    margin-bottom: var(--grid2);
  }
}
.sf3ezV-Oqh .category ul li {
  margin: var(--grid);
}
@media all and (max-width: 28em) {
  .sf3ezV-Oqh .category ul li {
    margin: var(--grid) 0;
  }
}
.sf3ezV-Oqh .category ul li .title, .sf3ezV-Oqh .category ul li .year {
  display: inline-block;
  margin-right: 1ex;
}
.sf3ezV-Oqh .category ul li .title a:link, .sf3ezV-Oqh .category ul li .title a:link .caption, .sf3ezV-Oqh .category ul li .title a:visited, .sf3ezV-Oqh .category ul li .title a:visited .caption, .sf3ezV-Oqh .category ul li .year a:link, .sf3ezV-Oqh .category ul li .year a:link .caption, .sf3ezV-Oqh .category ul li .year a:visited, .sf3ezV-Oqh .category ul li .year a:visited .caption {
  text-decoration: none;
}
.sf3ezV-Oqh .category ul li .title a:hover:not(:has(> .caption)), .sf3ezV-Oqh .category ul li .title a:hover .caption, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)), .sf3ezV-Oqh .category ul li .year a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sf3ezV-Oqh .category ul li .title a:hover:not(:has(> .caption)):link, .sf3ezV-Oqh .category ul li .title a:hover:not(:has(> .caption)):visited, .sf3ezV-Oqh .category ul li .title a:hover .caption:link, .sf3ezV-Oqh .category ul li .title a:hover .caption:visited, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):link, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):visited, .sf3ezV-Oqh .category ul li .year a:hover .caption:link, .sf3ezV-Oqh .category ul li .year a:hover .caption:visited {
  color: var(--link-color);
}
.sf3ezV-Oqh .category ul li .title a:hover:not(:has(> .caption)):active, .sf3ezV-Oqh .category ul li .title a:hover .caption:active, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):active, .sf3ezV-Oqh .category ul li .year a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sf3ezV-Oqh .category ul li .title a:hover:not(:has(> .caption)):hover, .sf3ezV-Oqh .category ul li .title a:hover .caption:hover, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):hover, .sf3ezV-Oqh .category ul li .year a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sf3ezV-Oqh .category ul li .year {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
}
.sf3ezV-Oqh .category ul li .year a {
  font-weight: bold;
}
.sf3ezV-Oqh .category ul li .year a:link, .sf3ezV-Oqh .category ul li .year a:link .caption, .sf3ezV-Oqh .category ul li .year a:visited, .sf3ezV-Oqh .category ul li .year a:visited .caption {
  text-decoration: none;
}
.sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)), .sf3ezV-Oqh .category ul li .year a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):link, .sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):visited, .sf3ezV-Oqh .category ul li .year a:hover .caption:link, .sf3ezV-Oqh .category ul li .year a:hover .caption:visited {
  color: var(--link-color);
}
.sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):active, .sf3ezV-Oqh .category ul li .year a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sf3ezV-Oqh .category ul li .year a:hover:not(:has(> .caption)):hover, .sf3ezV-Oqh .category ul li .year a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sf3ezV-Oqh .category ul li .year a {
  font-weight: inherit;
  color: inherit;
}
.sf3ezV-Oqh .category ul li .year a:hover {
  color: var(--link-hover-color);
}
.sf3ezV-Oqh .category ul li .teaser {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
}
.sf3ezV-Oqh .category ul li .teaser a {
  font-weight: bold;
}
.sf3ezV-Oqh .category ul li .teaser a:link, .sf3ezV-Oqh .category ul li .teaser a:link .caption, .sf3ezV-Oqh .category ul li .teaser a:visited, .sf3ezV-Oqh .category ul li .teaser a:visited .caption {
  text-decoration: none;
}
.sf3ezV-Oqh .category ul li .teaser a:hover:not(:has(> .caption)), .sf3ezV-Oqh .category ul li .teaser a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sf3ezV-Oqh .category ul li .teaser a:hover:not(:has(> .caption)):link, .sf3ezV-Oqh .category ul li .teaser a:hover:not(:has(> .caption)):visited, .sf3ezV-Oqh .category ul li .teaser a:hover .caption:link, .sf3ezV-Oqh .category ul li .teaser a:hover .caption:visited {
  color: var(--link-color);
}
.sf3ezV-Oqh .category ul li .teaser a:hover:not(:has(> .caption)):active, .sf3ezV-Oqh .category ul li .teaser a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sf3ezV-Oqh .category ul li .teaser a:hover:not(:has(> .caption)):hover, .sf3ezV-Oqh .category ul li .teaser a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sf3ezV-Oqh .category ul li .teaser a {
  font-weight: inherit;
  color: inherit;
}
.sf3ezV-Oqh .category ul li .teaser a:hover {
  color: var(--link-hover-color);
}

/* music/index.html */

@charset "UTF-8";
.sfKlYvjYc1 {
  display: contents;
  @charset "UTF-8";
}
.sfKlYvjYc1 .alternating-columns {
  width: 100%;
  --max-columns: 2;
  --min-column-width: 12em;
  --max-column-width: 32em;
  --max-player-width: calc(var(--computed-column-width) - var(--grid2));
  --column-gap: var(--grid2) !important;
  margin: 0 var(--grid);
}
@media all and (max-width: 36em) {
  .sfKlYvjYc1 .alternating-columns {
    margin: 0;
  }
}
.sfKlYvjYc1 p {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -ms-hyphens: auto;
}
.sfKlYvjYc1 .albums {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--grid2));
}
.sfKlYvjYc1 .albums .album {
  margin-bottom: var(--grid);
}
.sfKlYvjYc1 .albums .album .cover {
  margin-bottom: 1ex;
  overflow: hidden;
  width: 100%;
  height: var(--grid8);
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media all and (max-width: 60em) {
  .sfKlYvjYc1 .albums .album .cover {
    height: var(--grid4);
  }
}
.sfKlYvjYc1 .albums .album .cover > * {
  width: 100%;
}
.sfKlYvjYc1 .albums .album .cover img {
  width: 100%;
  height: auto;
}
.sfKlYvjYc1 .albums .album .lead {
  font-style: italic;
  font-size: 80%;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}
.sfKlYvjYc1 .albums .album h3 {
  font-size: 1rem;
}
@media all and (min-width: calc(60em + 0.001px)) {
  .sfKlYvjYc1 .albums {
    margin-right: calc(-1 * var(--grid));
  }
  .sfKlYvjYc1 .albums .album {
    width: calc(50% - var(--grid));
    margin-right: var(--grid);
  }
}
.sfKlYvjYc1 .alternating-columns-1 .album {
  display: flex;
  flex-direction: row;
}
.sfKlYvjYc1 .alternating-columns-1 .album .cover {
  flex-shrink: 0;
  width: var(--grid6);
  height: var(--grid6);
  margin-right: var(--grid);
}
@media all and (max-width: 32em) {
  .sfKlYvjYc1 .alternating-columns-1 .album .cover {
    width: var(--grid4);
    height: var(--grid4);
  }
}
.sfKlYvjYc1 .alternating-columns-1 .album .info h3 {
  margin-top: 0;
}
.sfKlYvjYc1 h2 {
  text-align: center;
}
.sfKlYvjYc1 ul, .sfKlYvjYc1 ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfKlYvjYc1 ul li, .sfKlYvjYc1 ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.sfKlYvjYc1 ul li {
  margin: var(--grid1⁄2) 0;
}
.sfKlYvjYc1 .featured-recordings ul li {
  margin: var(--grid1⁄4);
  margin-left: 0;
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  font-size: 86%;
}
.sfKlYvjYc1 .featured-recordings ul li a {
  text-underline-offset: 0.12em;
}
.sfKlYvjYc1 .about {
  max-width: 28em;
  margin-top: var(--grid2);
  padding: 0 var(--grid);
  background: var(--divider-background-color);
}
.sfKlYvjYc1 .flavor-image {
  float: left;
  height: var(--height);
  shape-margin: var(--grid1⁄2);
  --min-x-hang: 0em;
  --max-x-hang: 0em;
  --y-hang: 0em;
  --hang-to-edge: calc((100vw - var(--computed-columns-total-width)) / 2 - var(--grid));
  --x-hang: calc(min(var(--max-x-hang), var(--hang-to-edge) + var(--min-x-hang)));
}
.sfKlYvjYc1 .flavor-image img {
  height: var(--height);
  width: auto;
  margin-left: calc(-1 * var(--x-hang));
  margin-top: calc(-1 * var(--y-hang));
}
.sfKlYvjYc1 .flavor-image.inthehands {
  --height: var(--grid8);
  --min-x-hang: var(--grid3⁄4);
  --max-x-hang: var(--grid3);
  --y-hang: var(--grid);
  --shape-inset: var(--grid1⁄2);
  --shape-radius: calc(var(--height) / 2 - var(--shape-inset));
  shape-outside: circle(var(--shape-radius) at calc(var(--shape-radius) - var(--x-hang) + var(--shape-inset)) calc(var(--shape-radius) - var(--y-hang) + var(--shape-inset)));
}
@media all and (max-width: 68em) {
  .sfKlYvjYc1 .flavor-image.inthehands {
    --height: var(--grid7);
    --y-hang: var(--grid1⁄2);
  }
}
@media all and (max-width: 60em) {
  .sfKlYvjYc1 .flavor-image.inthehands {
    --height: var(--grid6);
    --y-hang: var(--grid1⁄2);
  }
}
.sfKlYvjYc1 .flavor-image.compositions {
  --height: var(--grid6);
  --max-x-hang: var(--grid);
  shape-outside: ellipse(calc(var(--height) * 0.25) calc(var(--height) * 0.5) at calc(var(--height) * 0.5 / 2 - var(--x-hang)));
  width: calc(var(--height) * 0.4 + var(--height) * 0.25 / 2 + var(--grid1⁄2));
}
.sfKlYvjYc1 .featured-recordings {
  clear: left;
}

/* music/zo/quotes.html */

@charset "UTF-8";
.sfvGgt64VC {
  display: contents;
  @charset "UTF-8";
}
.sfvGgt64VC .quote {
  max-width: calc(var(--prose-max-width) * 2 / 3);
  margin: var(--grid2);
}
.sfvGgt64VC .quote .quote-attribution {
  text-align: right;
}
.sfvGgt64VC .quote .quote-attribution:before {
  content: "— ";
  opacity: 0.4;
}
.sfvGgt64VC .quote .quote-context {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  text-align: right;
}
.sfvGgt64VC .quote .quote-context a {
  font-weight: bold;
}
.sfvGgt64VC .quote .quote-context a:link, .sfvGgt64VC .quote .quote-context a:link .caption, .sfvGgt64VC .quote .quote-context a:visited, .sfvGgt64VC .quote .quote-context a:visited .caption {
  text-decoration: none;
}
.sfvGgt64VC .quote .quote-context a:hover:not(:has(> .caption)), .sfvGgt64VC .quote .quote-context a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfvGgt64VC .quote .quote-context a:hover:not(:has(> .caption)):link, .sfvGgt64VC .quote .quote-context a:hover:not(:has(> .caption)):visited, .sfvGgt64VC .quote .quote-context a:hover .caption:link, .sfvGgt64VC .quote .quote-context a:hover .caption:visited {
  color: var(--link-color);
}
.sfvGgt64VC .quote .quote-context a:hover:not(:has(> .caption)):active, .sfvGgt64VC .quote .quote-context a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfvGgt64VC .quote .quote-context a:hover:not(:has(> .caption)):hover, .sfvGgt64VC .quote .quote-context a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfvGgt64VC .quote .quote-context a {
  font-weight: inherit;
  color: inherit;
}
.sfvGgt64VC .quote .quote-context a:hover {
  color: var(--link-hover-color);
}

/* music/zo/faq.html */

.sf2HXmqCAk {
  display: contents;
}
.sf2HXmqCAk .question {
  font-size: var(--grid);
}
.sf2HXmqCAk .answer {
  margin-left: var(--grid);
  margin-bottom: var(--grid2);
}

/* music/musicians/{musician.id}.html */

@charset "UTF-8";
.sfZwtfzhze {
  display: contents;
  @charset "UTF-8";
}
.sfZwtfzhze .musician_detail .contributions .group {
  display: flex;
}
.sfZwtfzhze .musician_detail .contributions .group ul {
  flex-grow: 1;
  list-style: none;
  padding: 0;
  margin: var(--grid1⁄4) 0;
}
.sfZwtfzhze .musician_detail .contributions .group ul li {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin-bottom: var(--grid1⁄4);
  break-inside: avoid;
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.sfZwtfzhze .musician_detail .contributions .group ul li a {
  text-underline-offset: 0.12em;
}
.sfZwtfzhze .musician_detail .contributions .group ul:has(> :last-child:nth-child(n+6)) {
  columns: 2;
}
@media all and (max-width: 42em) {
  .sfZwtfzhze .musician_detail .contributions .group ul {
    columns: 1 !important;
  }
}
.sfZwtfzhze .musician_detail .contributions .group ul li {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
  font-size: var(--unresponsive-grid);
  --meta-font-size: calc(var(--unresponsive-grid) * 2 / 3);
}
.sfZwtfzhze .musician_detail .contributions .group ul li a:link, .sfZwtfzhze .musician_detail .contributions .group ul li a:link .caption, .sfZwtfzhze .musician_detail .contributions .group ul li a:visited, .sfZwtfzhze .musician_detail .contributions .group ul li a:visited .caption {
  text-decoration: none;
}
.sfZwtfzhze .musician_detail .contributions .group ul li a:hover:not(:has(> .caption)), .sfZwtfzhze .musician_detail .contributions .group ul li a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfZwtfzhze .musician_detail .contributions .group ul li a:hover:not(:has(> .caption)):link, .sfZwtfzhze .musician_detail .contributions .group ul li a:hover:not(:has(> .caption)):visited, .sfZwtfzhze .musician_detail .contributions .group ul li a:hover .caption:link, .sfZwtfzhze .musician_detail .contributions .group ul li a:hover .caption:visited {
  color: var(--link-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li a:hover:not(:has(> .caption)):active, .sfZwtfzhze .musician_detail .contributions .group ul li a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li a:hover:not(:has(> .caption)):hover, .sfZwtfzhze .musician_detail .contributions .group ul li a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta {
  display: inline;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  font-size: var(--meta-font-size);
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a {
  font-weight: bold;
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:link, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:link .caption, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:visited, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:visited .caption {
  text-decoration: none;
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover:not(:has(> .caption)), .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover:not(:has(> .caption)):link, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover:not(:has(> .caption)):visited, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover .caption:link, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover .caption:visited {
  color: var(--link-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover:not(:has(> .caption)):active, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover:not(:has(> .caption)):hover, .sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a {
  font-weight: inherit;
  color: inherit;
}
.sfZwtfzhze .musician_detail .contributions .group ul li .meta a:hover {
  color: var(--link-hover-color);
}
.sfZwtfzhze .musician_detail .contributions .group ul li ul.variants {
  list-style: disc;
}
.sfZwtfzhze .musician_detail .contributions .group ul li ul.variants li.variant {
  padding-left: var(--grid);
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  font-size: var(--meta-font-size);
}
.sfZwtfzhze .musician_detail .contributions .group ul li ul.variants li.variant a {
  font-weight: bold;
}
.sfZwtfzhze .musician_detail .contributions .group ul li ul.variants li.variant a {
  font-weight: normal;
}
.sfZwtfzhze .musician_detail .contributions .group:before, .sfZwtfzhze .musician_detail .contributions .group:after {
  content: "…";
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-size: var(--h2-font-size);
  visibility: hidden;
}
.sfZwtfzhze .musician_detail .contributions .group:before a, .sfZwtfzhze .musician_detail .contributions .group:after a {
  text-underline-offset: 0.12em;
}

/* music/musicians/index.html */

@charset "UTF-8";
.sfMi4lo0wY {
  display: contents;
  @charset "UTF-8";
}
.sfMi4lo0wY .musicians {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfMi4lo0wY .musicians .musician {
  margin: var(--grid1⁄2);
  padding: 0;
}
.sfMi4lo0wY .musicians .musician:first-child {
  margin-top: 0;
}
.sfMi4lo0wY .musicians .musician .name {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  display: inline;
}
.sfMi4lo0wY .musicians .musician .name a {
  text-underline-offset: 0.12em;
}
.sfMi4lo0wY .musicians .musician .roles {
  color: var(--text-fade-color);
  display: inline;
}
.sfMi4lo0wY .musicians .musician .roles:before {
  content: "– ";
  color: var(--text-ghost-color);
  padding: 0 0.33ex;
}
.sfMi4lo0wY .musicians .musician .contrib-count {
  display: inline-block;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
  margin-left: 0.33ex;
}
.sfMi4lo0wY .musicians .musician .contrib-count a {
  font-weight: bold;
}
.sfMi4lo0wY .musicians .musician .contrib-count a:link, .sfMi4lo0wY .musicians .musician .contrib-count a:link .caption, .sfMi4lo0wY .musicians .musician .contrib-count a:visited, .sfMi4lo0wY .musicians .musician .contrib-count a:visited .caption {
  text-decoration: none;
}
.sfMi4lo0wY .musicians .musician .contrib-count a:hover:not(:has(> .caption)), .sfMi4lo0wY .musicians .musician .contrib-count a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfMi4lo0wY .musicians .musician .contrib-count a:hover:not(:has(> .caption)):link, .sfMi4lo0wY .musicians .musician .contrib-count a:hover:not(:has(> .caption)):visited, .sfMi4lo0wY .musicians .musician .contrib-count a:hover .caption:link, .sfMi4lo0wY .musicians .musician .contrib-count a:hover .caption:visited {
  color: var(--link-color);
}
.sfMi4lo0wY .musicians .musician .contrib-count a:hover:not(:has(> .caption)):active, .sfMi4lo0wY .musicians .musician .contrib-count a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfMi4lo0wY .musicians .musician .contrib-count a:hover:not(:has(> .caption)):hover, .sfMi4lo0wY .musicians .musician .contrib-count a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfMi4lo0wY .musicians .musician .contrib-count a {
  font-weight: inherit;
  color: inherit;
}
.sfMi4lo0wY .musicians .musician .contrib-count a:hover {
  color: var(--link-hover-color);
}

/* music/inthehands/_forche */

@charset "UTF-8";
.sfxUP2PfuR {
  display: contents;
  @charset "UTF-8";
}
.sfxUP2PfuR .quote {
  text-align: left;
  margin-top: 0.3em;
  font-family: OptimaNova, Optima, Candara, Verdana, Palatino, Serif;
  font-size: 1.045rem;
  line-height: 1.4em;
  --cap-height: 0.69em;
  color: var(--text-fade-color);
  font-size: 0.8em;
  line-height: var(--unresponsive-grid);
}
.sfxUP2PfuR .quote a:link, .sfxUP2PfuR .quote a:link .caption, .sfxUP2PfuR .quote a:visited, .sfxUP2PfuR .quote a:visited .caption {
  text-decoration: none;
}
.sfxUP2PfuR .quote a:hover:not(:has(> .caption)), .sfxUP2PfuR .quote a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfxUP2PfuR .quote a:hover:not(:has(> .caption)):link, .sfxUP2PfuR .quote a:hover:not(:has(> .caption)):visited, .sfxUP2PfuR .quote a:hover .caption:link, .sfxUP2PfuR .quote a:hover .caption:visited {
  color: var(--link-color);
}
.sfxUP2PfuR .quote a:hover:not(:has(> .caption)):active, .sfxUP2PfuR .quote a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfxUP2PfuR .quote a:hover:not(:has(> .caption)):hover, .sfxUP2PfuR .quote a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfxUP2PfuR .quote a {
  font-weight: inherit;
  color: inherit;
}
.sfxUP2PfuR .quote a:hover {
  color: var(--link-hover-color);
}
.sfxUP2PfuR .quote .attribution {
  text-align: right;
}
.sfxUP2PfuR .quote .attribution:before {
  content: "— ";
  opacity: 0.4;
}

/* music/inthehands/_sidebar */

@charset "UTF-8";
.sfS2R1P40j {
  display: contents;
  @charset "UTF-8";
}
.sfS2R1P40j .featured-recordings ul {
  padding: 0;
}
.sfS2R1P40j .featured-recordings ul li {
  height: var(--grid2);
  display: flex;
  align-items: center;
}
.sfS2R1P40j .featured-recordings ul .recording {
  margin-left: calc(-1 * var(--grid1⁄4));
}
.sfS2R1P40j .albums .album {
  margin: var(--grid) 0;
}
.sfS2R1P40j .albums .album .cover {
  margin: var(--grid1⁄4) 0;
  height: var(--grid2);
  overflow: hidden;
}
.sfS2R1P40j .albums .album .cover img {
  width: 100%;
}
.sfS2R1P40j .albums .album .title {
  height: var(--grid);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* music/inthehands/tags/{tag.id}.html */

.sf6DafNoVU {
  display: contents;
}
.sf6DafNoVU .tag-posts {
  margin: 0 auto;
  max-width: var(--prose-max-width);
}
@media all and (min-width: calc(40em + 0.001px)) {
  .sf6DafNoVU .tag-posts {
    --max-player-width: calc(100vw - var(--grid18));
  }
}

/* music/inthehands/tags/index.html */

.sfoJfsP0lT {
  display: contents;
}
.sfoJfsP0lT .tags {
  margin: 0 auto;
  max-width: var(--prose-max-width);
}

/* music/inthehands/index.html */

@charset "UTF-8";
.sf0KUQ0x_T {
  display: contents;
  @charset "UTF-8";
}
.sf0KUQ0x_T .alternating-columns {
  --max-columns: 5;
  --min-column-width: calc(var(--prose-max-width) / 3);
  --max-column-width: var(--prose-max-width);
  --max-player-width: calc(var(--computed-column-width));
}
@media all and (min-width: calc(72em + 0.001px)) {
  .sf0KUQ0x_T .alternating-columns {
    --column-gap: var(--grid2) !important;
  }
}
@media all and (min-width: calc(80em + 0.001px)) {
  .sf0KUQ0x_T .alternating-columns {
    margin-left: var(--grid2);
    margin-right: var(--grid2);
  }
}
.sf0KUQ0x_T .group .post {
  margin: 0 0 var(--grid2) 0;
}
.sf0KUQ0x_T .group .post .prose p:first-child {
  margin-top: var(--grid1⁄2);
}
.sf0KUQ0x_T h1 {
  display: none;
  margin: 0 var(--grid);
  padding: 0 var(--grid);
  height: var(--grid3);
  line-height: var(--grid3);
}
.sf0KUQ0x_T h1 a {
  text-decoration: none;
}
.sf0KUQ0x_T h1 a:hover {
  text-decoration: none;
}

/* music/inthehands/_posts_toc */

@charset "UTF-8";
.sfMyYOcpQP {
  display: contents;
  @charset "UTF-8";
}
.sfMyYOcpQP .posts-toc {
  list-style: none;
  padding: 0;
  margin: var(--grid1⁄4) 0;
}
.sfMyYOcpQP .posts-toc li {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin-bottom: var(--grid1⁄4);
  break-inside: avoid;
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.sfMyYOcpQP .posts-toc li a {
  text-underline-offset: 0.12em;
}
.sfMyYOcpQP .posts-toc:has(> :last-child:nth-child(n+6)) {
  columns: 24em;
}
.sfMyYOcpQP .posts-toc .categories {
  display: inline;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
}
.sfMyYOcpQP .posts-toc .categories a {
  font-weight: bold;
}
.sfMyYOcpQP .posts-toc .categories a:link, .sfMyYOcpQP .posts-toc .categories a:link .caption, .sfMyYOcpQP .posts-toc .categories a:visited, .sfMyYOcpQP .posts-toc .categories a:visited .caption {
  text-decoration: none;
}
.sfMyYOcpQP .posts-toc .categories a:hover:not(:has(> .caption)), .sfMyYOcpQP .posts-toc .categories a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfMyYOcpQP .posts-toc .categories a:hover:not(:has(> .caption)):link, .sfMyYOcpQP .posts-toc .categories a:hover:not(:has(> .caption)):visited, .sfMyYOcpQP .posts-toc .categories a:hover .caption:link, .sfMyYOcpQP .posts-toc .categories a:hover .caption:visited {
  color: var(--link-color);
}
.sfMyYOcpQP .posts-toc .categories a:hover:not(:has(> .caption)):active, .sfMyYOcpQP .posts-toc .categories a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfMyYOcpQP .posts-toc .categories a:hover:not(:has(> .caption)):hover, .sfMyYOcpQP .posts-toc .categories a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfMyYOcpQP .posts-toc .categories a {
  font-weight: inherit;
  color: inherit;
}
.sfMyYOcpQP .posts-toc .categories a:hover {
  color: var(--link-hover-color);
}
.sfMyYOcpQP .posts-toc .categories .category {
  display: inline;
  margin-left: 0.5ex;
}

/* music/inthehands/_ith_hero */

.sfVATo1pju {
  display: contents;
}
.sfVATo1pju .page-title-container {
  --hero-scale: 1.0;
  margin-left: calc(7% * var(--hero-scale));
  margin-right: calc(27px * var(--hero-scale));
  margin-top: calc(24px * var(--hero-scale));
  margin-bottom: calc(24px * var(--hero-scale));
}
@media all and (max-width: 640px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.9090909091;
  }
}
@media all and (max-width: 600px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.8484848485;
  }
}
@media all and (max-width: 560px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.7878787879;
  }
}
@media all and (max-width: 520px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.7272727273;
  }
}
@media all and (max-width: 480px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.6666666667;
  }
}
@media all and (max-width: 440px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.6060606061;
  }
}
@media all and (max-width: 400px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.5454545455;
  }
}
@media all and (max-width: 360px) {
  .sfVATo1pju .page-title-container {
    --hero-scale: 0.4848484848;
  }
}
.sfVATo1pju .page-title {
  --logo-height: calc(360px * var(--hero-scale));
  --tagline-top: calc(110px * var(--hero-scale) + 150px);
  --tagline-height: calc(15px * 2 + var(--grid));
  position: relative;
  left: 50%;
  margin: 0 calc(-328px * var(--hero-scale));
  width: calc(650px * var(--hero-scale));
  height: max(var(--logo-height), var(--tagline-top) + var(--tagline-height));
  background: url("/live/oe_/https://innig.net/music/inthehands/images/logo-main.webp") no-repeat top left;
  background-size: calc(482px * var(--hero-scale)) var(--logo-height);
}
@media all and (max-width: 500px) {
  .sfVATo1pju .page-title {
    margin: 0 calc(-278px * var(--hero-scale));
    width: calc(540px * var(--hero-scale));
  }
}
@media (prefers-color-scheme: dark) {
  .sfVATo1pju .page-title {
    background-image: url("/live/oe_/https://innig.net/music/inthehands/images/logo-main-dark.webp");
  }
}
.sfVATo1pju .page-title .logo-link {
  display: block;
  width: 100%;
  height: 80%;
  z-index: -1;
  text-decoration: none;
  margin-bottom: calc(-300px * var(--hero-scale));
}
.sfVATo1pju .page-title .logo-link:hover {
  text-decoration: none;
}
.sfVATo1pju .page-title .subtitle {
  left: calc(311px * var(--hero-scale));
  top: calc(204px * var(--hero-scale));
  width: calc(306px * var(--hero-scale));
  color: hsl(229, 23%, 47%);
  font-size: 14px;
  font-family: OptimaNova, Optima, Candara, Verdana, Palatino, Serif;
  font-size: 1.045rem;
  line-height: 1.4em;
  --cap-height: 0.69em;
  position: absolute;
}
.sfVATo1pju .page-title .subtitle .line {
  display: inline;
  white-space: nowrap;
}
@media all and (max-width: 500px) {
  .sfVATo1pju .page-title .subtitle .line {
    display: block;
  }
}
@media (prefers-color-scheme: dark) {
  .sfVATo1pju .page-title .subtitle {
    color: hsl(229, 75%, 64%);
  }
}
@media all and (max-width: 400px) {
  .sfVATo1pju .page-title .subtitle {
    font-size: 12px;
  }
}
.sfVATo1pju .page-title .tagline {
  position: absolute;
  top: var(--tagline-top);
  left: calc(650px * var(--hero-scale) - 353px);
  width: 353px;
  white-space: nowrap;
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  color: var(--text-semifade-color);
  text-align: center;
}
@media all and (max-width: 500px) {
  .sfVATo1pju .page-title .tagline {
    left: 0;
    width: 100%;
    text-align: center;
  }
}
.sfVATo1pju .page-title .tagline a {
  text-underline-offset: 0.12em;
}

/* music/albums/{album.id}/_track */

@charset "UTF-8";
.sfCq-myTwg {
  display: contents;
  @charset "UTF-8";
}
.sfCq-myTwg .album-track .track {
  margin: var(--grid1⁄2) 0;
  display: grid;
  grid-template-columns: calc(var(--grid) * 5 / 2) 1fr;
}
.sfCq-myTwg .album-track .track:not(.grouped) {
  min-height: var(--grid3⁄2);
}
.sfCq-myTwg .album-track .track .track-player {
  grid-column: 1;
}
.sfCq-myTwg .album-track .track .track-info {
  grid-column: 2;
  margin-right: var(--grid1⁄2);
}
.sfCq-myTwg .album-track .track .recording.mini {
  background: none;
  height: 0;
}
.sfCq-myTwg .album-track .track .recording.mini .audio-player {
  margin: 0;
  left: 0;
}
.sfCq-myTwg .album-track .track .recording.mini .info {
  display: none;
}
.sfCq-myTwg .album-track .track .title {
  font-family: "CormorantUpright", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 500;
  font-size: var(--unresponsive-grid);
  color: var(--text-strong-color);
}
.sfCq-myTwg .album-track .track .title .movement-number {
  display: inline;
  color: var(--text-semifade-color);
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
}
.sfCq-myTwg .album-track .track .title .movement-number:after {
  content: " ";
}
.sfCq-myTwg .album-track .track.grouped .title {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
  color: var(--text-color);
}
.sfCq-myTwg .album-track .track .credit-after {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
  color: var(--text-fade-color);
  font-size: calc(0.8 * var(--unresponsive-grid));
}
.sfCq-myTwg .album-track .track .credit-after a:link, .sfCq-myTwg .album-track .track .credit-after a:link .caption, .sfCq-myTwg .album-track .track .credit-after a:visited, .sfCq-myTwg .album-track .track .credit-after a:visited .caption {
  text-decoration: none;
}
.sfCq-myTwg .album-track .track .credit-after a:hover:not(:has(> .caption)), .sfCq-myTwg .album-track .track .credit-after a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfCq-myTwg .album-track .track .credit-after a:hover:not(:has(> .caption)):link, .sfCq-myTwg .album-track .track .credit-after a:hover:not(:has(> .caption)):visited, .sfCq-myTwg .album-track .track .credit-after a:hover .caption:link, .sfCq-myTwg .album-track .track .credit-after a:hover .caption:visited {
  color: var(--link-color);
}
.sfCq-myTwg .album-track .track .credit-after a:hover:not(:has(> .caption)):active, .sfCq-myTwg .album-track .track .credit-after a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfCq-myTwg .album-track .track .credit-after a:hover:not(:has(> .caption)):hover, .sfCq-myTwg .album-track .track .credit-after a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfCq-myTwg .album-track .track .credit-after a {
  font-weight: inherit;
  color: inherit;
}
.sfCq-myTwg .album-track .track .credit-after a:hover {
  color: var(--link-hover-color);
}
.sfCq-myTwg .album-track .track .title, .sfCq-myTwg .album-track .track .credit-after {
  line-height: var(--unresponsive-grid);
}
.sfCq-myTwg .album-track .track.deemphasized .title {
  color: var(--text-semifade-color);
}
.sfCq-myTwg .album-track .track.highlighted {
  border-radius: var(--grid1⁄4);
  box-shadow: 0 0 0 calc(var(--grid) * 1 / 8) var(--highlight-color);
  padding: var(--grid1⁄2) 0;
  animation: 0.3s ease-out 0.3s boing;
}
.sfCq-myTwg .album-track .track.highlighted:not(.grouped):not(:has(.credit-after)) {
  padding-bottom: 0;
}
.sfCq-myTwg .album-track .track.grouped .track-info {
  margin-left: var(--grid);
}
.sfCq-myTwg .album-track .track.grouped .track-info .title {
  font-weight: 400;
}
.sfCq-myTwg .album-track .track.grouped.last-in-group {
  margin-bottom: var(--grid);
}
@keyframes boing {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

/* music/albums/{album.id}/index.html */

@charset "UTF-8";
.sfHfiDpltO {
  display: contents;
  @charset "UTF-8";
}
.sfHfiDpltO .album {
  width: 100vw;
  min-width: var(--body-min-width);
  --extra-top-bg-height: 0;
  overflow: hidden;
}
.sfHfiDpltO .album .background {
  height: 0;
  position: relative;
  z-index: 0;
}
.sfHfiDpltO .album .background img {
  width: 100vw;
  height: auto;
  z-index: 0;
}
.sfHfiDpltO .album .foreground {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-image: linear-gradient(to bottom, transparent calc(var(--grid) * (9 + var(--extra-top-bg-height))), var(--page-background-color) calc(var(--grid) * (36 + var(--extra-top-bg-height))));
  padding-bottom: var(--grid2);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sfHfiDpltO .album h1 {
  width: calc(100% - var(--grid2));
}
.sfHfiDpltO .album h1 img {
  height: 100%;
  --extra-height: 1;
  max-height: calc(var(--grid4) * var(--extra-height));
  --bleed: 0;
  --max-width: calc((var(--bleed) + 1) * 100% / var(--scale));
  --width: calc(max(100%, min(var(--image-width), var(--max-width))));
  width: var(--width);
  margin: 0 calc((100% - var(--width)) / 2);
  display: block;
}
.sfHfiDpltO .tracks {
  border-radius: var(--grid1⁄2);
  padding: var(--grid) var(--grid1⁄2);
  box-sizing: border-box;
}
.sfHfiDpltO .tracks ul, .sfHfiDpltO .tracks ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfHfiDpltO .tracks ul li, .sfHfiDpltO .tracks ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
@media all and (max-width: 46em) {
  .sfHfiDpltO .tracks {
    padding: 0;
  }
}
.sfHfiDpltO .links {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  margin-top: var(--grid2);
  margin-bottom: var(--grid);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--grid1⁄2);
}
.sfHfiDpltO .links a {
  font-weight: bold;
}
.sfHfiDpltO .links a:link, .sfHfiDpltO .links a:link .caption, .sfHfiDpltO .links a:visited, .sfHfiDpltO .links a:visited .caption {
  text-decoration: none;
}
.sfHfiDpltO .links a:hover:not(:has(> .caption)), .sfHfiDpltO .links a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfHfiDpltO .links a:hover:not(:has(> .caption)):link, .sfHfiDpltO .links a:hover:not(:has(> .caption)):visited, .sfHfiDpltO .links a:hover .caption:link, .sfHfiDpltO .links a:hover .caption:visited {
  color: var(--link-color);
}
.sfHfiDpltO .links a:hover:not(:has(> .caption)):active, .sfHfiDpltO .links a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfHfiDpltO .links a:hover:not(:has(> .caption)):hover, .sfHfiDpltO .links a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfHfiDpltO .links .link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sfHfiDpltO .links .link .icon {
  --icon-height: var(--grid3⁄4);
  margin-right: 1ex;
}
.sfHfiDpltO .top-info {
  display: flex;
  flex-direction: row;
  align-items: top;
  gap: var(--grid);
  padding: 0 var(--grid);
  box-sizing: border-box;
}
@media all and (min-width: calc(72em + 0.001px)) {
  .sfHfiDpltO .top-info {
    gap: var(--grid2);
  }
}
@media all and (max-width: 46em) {
  .sfHfiDpltO .top-info {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: var(--grid2);
  }
}
.sfHfiDpltO .top-info .tracks {
  flex-grow: 1;
  flex-shrink: 1;
}
.sfHfiDpltO .top-info .info {
  max-width: calc(var(--prose-max-width) * 2 / 3);
  flex-shrink: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: initial;
  gap: var(--grid);
  margin-bottom: var(--grid);
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .sfHfiDpltO .top-info .info {
    flex-shrink: 2;
  }
}
.sfHfiDpltO .top-info .info .about, .sfHfiDpltO .top-info .info .copyright {
  text-align: center;
}
.sfHfiDpltO .top-info .info .about {
  margin-top: var(--grid3⁄2);
}
.sfHfiDpltO .top-info .info .about p:first-child {
  margin-top: 0;
}
.sfHfiDpltO .top-info .info .about p:last-child {
  margin-bottom: 0;
}
.sfHfiDpltO .top-info .info .metadata a:link, .sfHfiDpltO .top-info .info .metadata a:link .caption, .sfHfiDpltO .top-info .info .metadata a:visited, .sfHfiDpltO .top-info .info .metadata a:visited .caption {
  text-decoration: none;
}
.sfHfiDpltO .top-info .info .metadata a:hover:not(:has(> .caption)), .sfHfiDpltO .top-info .info .metadata a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfHfiDpltO .top-info .info .metadata a:hover:not(:has(> .caption)):link, .sfHfiDpltO .top-info .info .metadata a:hover:not(:has(> .caption)):visited, .sfHfiDpltO .top-info .info .metadata a:hover .caption:link, .sfHfiDpltO .top-info .info .metadata a:hover .caption:visited {
  color: var(--link-color);
}
.sfHfiDpltO .top-info .info .metadata a:hover:not(:has(> .caption)):active, .sfHfiDpltO .top-info .info .metadata a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfHfiDpltO .top-info .info .metadata a:hover:not(:has(> .caption)):hover, .sfHfiDpltO .top-info .info .metadata a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfHfiDpltO .top-info .info .metadata a {
  font-weight: inherit;
  color: inherit;
}
.sfHfiDpltO .top-info .info .metadata a:hover {
  color: var(--link-hover-color);
}
.sfHfiDpltO .top-info .info .copyright {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
}
.sfHfiDpltO .top-info .info .copyright a {
  font-weight: bold;
}
.sfHfiDpltO .top-info .info .copyright a:link, .sfHfiDpltO .top-info .info .copyright a:link .caption, .sfHfiDpltO .top-info .info .copyright a:visited, .sfHfiDpltO .top-info .info .copyright a:visited .caption {
  text-decoration: none;
}
.sfHfiDpltO .top-info .info .copyright a:hover:not(:has(> .caption)), .sfHfiDpltO .top-info .info .copyright a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfHfiDpltO .top-info .info .copyright a:hover:not(:has(> .caption)):link, .sfHfiDpltO .top-info .info .copyright a:hover:not(:has(> .caption)):visited, .sfHfiDpltO .top-info .info .copyright a:hover .caption:link, .sfHfiDpltO .top-info .info .copyright a:hover .caption:visited {
  color: var(--link-color);
}
.sfHfiDpltO .top-info .info .copyright a:hover:not(:has(> .caption)):active, .sfHfiDpltO .top-info .info .copyright a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfHfiDpltO .top-info .info .copyright a:hover:not(:has(> .caption)):hover, .sfHfiDpltO .top-info .info .copyright a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfHfiDpltO .top-info .info .copyright a {
  font-weight: inherit;
  color: inherit;
}
.sfHfiDpltO .top-info .info .copyright a:hover {
  color: var(--link-hover-color);
}
.sfHfiDpltO .top-info .hero img {
  width: 100%;
  height: auto;
}
.sfHfiDpltO .top-info > .hero {
  display: none;
  max-width: calc(var(--grid) * 24);
}
@media all and (max-width: 46em) {
  .sfHfiDpltO .top-info > .hero {
    display: block;
  }
  .sfHfiDpltO .top-info .info .hero {
    display: none;
  }
}
.sfHfiDpltO .quotes {
  margin-bottom: var(--grid2);
  background: var(--breakout-background-color);
  width: 100vw;
  padding: var(--grid) var(--grid2);
  box-sizing: border-box;
}
.sfHfiDpltO .quotes ul, .sfHfiDpltO .quotes ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfHfiDpltO .quotes ul li, .sfHfiDpltO .quotes ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.sfHfiDpltO .quotes ul {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  gap: var(--grid);
}
@media all and (max-width: 46em) {
  .sfHfiDpltO .quotes ul {
    flex-direction: column;
    align-items: center;
  }
}
.sfHfiDpltO .quotes ul .quote {
  font-family: "CormorantUpright", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 500;
  text-align: center;
}
.sfHfiDpltO .quotes ul .quote .attribution {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
  margin-top: var(--grid1⁄2);
}
@media all and (max-width: 46em) {
  .sfHfiDpltO .quotes ul .quote .attribution {
    margin-top: 0;
  }
}
.sfHfiDpltO .liner-notes .subtitle {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 300;
  letter-spacing: 0.04ex;
  margin-top: var(--grid1⁄4);
  line-height: var(--grid3⁄2);
  font-size: calc(var(--h2-font-size) * 3 / 4);
  line-height: var(--grid);
}
.sfHfiDpltO .liner-notes .subtitle a {
  text-underline-offset: 0.12em;
}
.sfHfiDpltO .liner-notes h2:has(+ .subtitle) {
  margin-bottom: 0;
}
@media all and (min-width: calc(48em + 0.001px)) {
  .sfHfiDpltO .liner-notes {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: var(--grid);
  }
  .sfHfiDpltO .liner-notes .column {
    max-width: calc(var(--prose-max-width) * 2 / 3);
  }
}
.sfHfiDpltO .liner-notes .attribution {
  text-align: right;
}
.sfHfiDpltO .liner-notes .attribution:before {
  content: "— ";
  opacity: 0.4;
}

/* music/albums/_cover_grid */

@charset "UTF-8";
.sfyV65qcHP {
  display: contents;
  @charset "UTF-8";
}
.sfyV65qcHP .albums {
  display: flex;
  flex-flow: row wrap;
  gap: var(--cover-grid-col-gap);
  align-items: end;
  justify-content: center;
}
.sfyV65qcHP .albums a:link, .sfyV65qcHP .albums a:link .caption, .sfyV65qcHP .albums a:visited, .sfyV65qcHP .albums a:visited .caption {
  text-decoration: none;
}
.sfyV65qcHP .albums a:hover:not(:has(> .caption)), .sfyV65qcHP .albums a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfyV65qcHP .albums a:hover:not(:has(> .caption)):link, .sfyV65qcHP .albums a:hover:not(:has(> .caption)):visited, .sfyV65qcHP .albums a:hover .caption:link, .sfyV65qcHP .albums a:hover .caption:visited {
  color: var(--link-color);
}
.sfyV65qcHP .albums a:hover:not(:has(> .caption)):active, .sfyV65qcHP .albums a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfyV65qcHP .albums a:hover:not(:has(> .caption)):hover, .sfyV65qcHP .albums a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfyV65qcHP .albums .album {
  margin-bottom: var(--grid2);
  display: flex;
  align-items: center;
  flex-direction: column;
  width: var(--cover-grid-col-size);
}
.sfyV65qcHP .albums .album .art {
  width: var(--grid10);
  height: var(--grid10);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sfyV65qcHP .albums .album .art a, .sfyV65qcHP .albums .album .art img {
  display: block;
  width: calc(var(--grid10) * var(--aspect-ratio-sqrt));
  height: calc(var(--grid10) / var(--aspect-ratio-sqrt));
}
.sfyV65qcHP .albums .album .title, .sfyV65qcHP .albums .album .subtitle {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  text-align: center;
}
.sfyV65qcHP .albums .album .title a, .sfyV65qcHP .albums .album .subtitle a {
  text-underline-offset: 0.12em;
}
.sfyV65qcHP .albums .album .title {
  margin-top: var(--grid1⁄2);
}
.sfyV65qcHP .albums .album .subtitle {
  font-weight: 400;
}

/* music/albums/index.html */

.sfcft4WT5G {
  display: contents;
}
.sfcft4WT5G .layout {
  --cover-grid-col-size: var(--grid16);
  --cover-grid-col-gap: var(--grid);
}

/* music/_recording */

@charset "UTF-8";
.sftHoSVpso {
  display: contents;
  @charset "UTF-8";
}
.sftHoSVpso .recording .info {
  line-height: calc(var(--unresponsive-grid) * 1.25);
  color: var(--breakout-text-color);
}
.sftHoSVpso .recording .info a:link, .sftHoSVpso .recording .info a:visited {
  color: var(--breakout-link-color);
}
.sftHoSVpso .recording .info a:link, .sftHoSVpso .recording .info a:link .caption, .sftHoSVpso .recording .info a:visited, .sftHoSVpso .recording .info a:visited .caption {
  text-decoration: none;
}
.sftHoSVpso .recording .info a:hover:not(:has(> .caption)), .sftHoSVpso .recording .info a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sftHoSVpso .recording .info a:hover:not(:has(> .caption)):link, .sftHoSVpso .recording .info a:hover:not(:has(> .caption)):visited, .sftHoSVpso .recording .info a:hover .caption:link, .sftHoSVpso .recording .info a:hover .caption:visited {
  color: var(--link-color);
}
.sftHoSVpso .recording .info a:hover:not(:has(> .caption)):active, .sftHoSVpso .recording .info a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sftHoSVpso .recording .info a:hover:not(:has(> .caption)):hover, .sftHoSVpso .recording .info a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sftHoSVpso .recording .info .credit {
  font-family: "CormorantGaramond", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 400;
}
.sftHoSVpso .recording .info .credit a {
  font-weight: 500;
}
.sftHoSVpso .recording .info .title {
  font-family: "CormorantUpright", Cochin, Georgia, Palatino, "Times New Roman", serif;
  font-weight: 500;
}
.sftHoSVpso .recording .info .title .movement-number {
  display: inline-block;
  font-weight: 300;
  width: var(--grid);
}
.sftHoSVpso .recording .info .title .movement-number:after {
  content: ". ";
}
.sftHoSVpso .recording.mini .info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sftHoSVpso .recording.mini .info .credit {
  font-size: var(--grid);
  display: inline;
}
.sftHoSVpso .recording.mini .info .musician:before, .sftHoSVpso .recording.mini .info .musician:after {
  display: inline;
  color: var(--text-fade-color);
}
.sftHoSVpso .recording.mini .info .title + .musician, .sftHoSVpso .recording.mini .info .musician + .extra_info {
  margin-left: 1ex;
}
.sftHoSVpso .recording.mini .info .musician:has(+ .musician):after {
  content: " / ";
}
.sftHoSVpso .recording.full .info .credit {
  font-size: var(--unresponsive-grid);
}
.sftHoSVpso .recording.full .info .detail {
  display: inline-block;
  white-space: nowrap;
  padding-left: 0.5ex;
  font-size: 75%;
}
.sftHoSVpso .recording.full .info .links {
  margin-top: var(--grid1⁄2);
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  display: flex;
  flex-wrap: wrap;
}
.sftHoSVpso .recording.full .info .links a {
  font-weight: bold;
}
.sftHoSVpso .recording.full .info .links a:link, .sftHoSVpso .recording.full .info .links a:link .caption, .sftHoSVpso .recording.full .info .links a:visited, .sftHoSVpso .recording.full .info .links a:visited .caption {
  text-decoration: none;
}
.sftHoSVpso .recording.full .info .links a:hover:not(:has(> .caption)), .sftHoSVpso .recording.full .info .links a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sftHoSVpso .recording.full .info .links a:hover:not(:has(> .caption)):link, .sftHoSVpso .recording.full .info .links a:hover:not(:has(> .caption)):visited, .sftHoSVpso .recording.full .info .links a:hover .caption:link, .sftHoSVpso .recording.full .info .links a:hover .caption:visited {
  color: var(--link-color);
}
.sftHoSVpso .recording.full .info .links a:hover:not(:has(> .caption)):active, .sftHoSVpso .recording.full .info .links a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sftHoSVpso .recording.full .info .links a:hover:not(:has(> .caption)):hover, .sftHoSVpso .recording.full .info .links a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sftHoSVpso .recording.full .info .links .link > * {
  line-height: var(--grid) !important;
}
.sftHoSVpso .recording.full .info .links .link + .link {
  border-left: 1px solid var(--breakout-border-color);
  padding-left: var(--grid1⁄2);
  margin-left: var(--grid1⁄2);
}
.sftHoSVpso .recording.toc {
  margin: 0;
}
.sftHoSVpso .recording.toc .info {
  line-height: var(--grid);
}
.sftHoSVpso .recording.toc .info .title {
  font-size: inherit;
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  line-height: calc(var(--unresponsive-grid) * 1.25);
}
.sftHoSVpso .recording.toc .info .title a {
  text-underline-offset: 0.12em;
}
.sftHoSVpso .recording.toc .info .musician {
  display: none;
}
.sftHoSVpso .audio-player {
  position: relative;
  top: calc(var(--grid) * 0.02);
  left: calc(var(--grid) * -0.015);
  --player-w: calc( var(--grid5) * var(--player-scale) * 1.015 );
  --player-h: calc( var(--player-w) * 6 / 7 );
  --sprites-count: 8;
  --sprite-trim: 1px;
  --sprite-w: calc( var(--player-w) + var(--sprite-trim) * 2 );
  --sprite-h: calc( var(--player-h) + var(--sprite-trim) * 2 );
  --swirl-w: calc( var(--player-w) * 256 / 70 );
  --swirl-h: var(--swirl-w);
  width: calc((var(--player-w) + 0) * 1);
}
.sftHoSVpso .audio-player:not(.ready) {
  visibility: hidden;
}
.sftHoSVpso .audio-player * {
  user-select: none;
}
.sftHoSVpso .audio-player a {
  display: block;
}
.sftHoSVpso .audio-player.full {
  --player-scale: 1.0;
}
@media all and (max-width: 24em) {
  .sftHoSVpso .audio-player.full {
    --player-scale: 0.8;
  }
}
.sftHoSVpso .audio-player.mini {
  --player-scale: 0.4;
}
.sftHoSVpso .audio-player button {
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
}
.sftHoSVpso .audio-player .button-pushed {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.sftHoSVpso .audio-player button:active .button-pushed {
  opacity: 0.4;
  transition: opacity 0.1s;
}
.sftHoSVpso .audio-player .play-pause-button {
  width: var(--player-w);
  height: var(--player-h);
  display: block;
  position: relative;
  mask: url("/live/oe_/https://innig.net/music/images/player/mask.svg");
}
.sftHoSVpso .audio-player .cropped-layers {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  position: absolute;
  top: 0;
  overflow: hidden;
}
.sftHoSVpso .audio-player .cropped-layers .background {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 0;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .background {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .cropped-layers .play {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 3;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .play {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .cropped-layers .playing-bg, .sftHoSVpso .audio-player .cropped-layers .loading-pulse {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 6;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .playing-bg, .sftHoSVpso .audio-player .cropped-layers .loading-pulse {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .cropped-layers .button-pushed {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 1;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .button-pushed {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .cropped-layers .swirls {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
}
.sftHoSVpso .audio-player .cropped-layers .swirl {
  width: var(--swirl-w);
  height: var(--swirl-h);
  left: calc((var(--player-w) - var(--swirl-w) * (1 + cos(var(--theta)) * var(--radius))) / 2);
  top: calc((var(--player-h) - var(--swirl-h) * (1 + sin(var(--theta)) * var(--radius))) / 2);
  margin-bottom: calc(-1 * var(--swirl-h));
  position: relative;
  --theta: var(--child-index) * 2.4;
  --radius: 0.2;
  animation: calc(12s + 7.22534s * var(--child-index)) linear infinite rotate-cw;
  background: url("/live/oe_/https://innig.net/music/images/player/swirl.webp") no-repeat;
  background-size: calc(30% + 14% * var(--child-index)) auto !important;
  background-position: center center !important;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(1) {
  --child-index: 0;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(2) {
  --child-index: 1;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(3) {
  --child-index: 2;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(4) {
  --child-index: 3;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(5) {
  --child-index: 4;
}
.sftHoSVpso .audio-player .cropped-layers .swirl:nth-child(6) {
  --child-index: 5;
}
.sftHoSVpso .audio-player .cropped-layers .playing-overlay {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 5;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .playing-overlay {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .cropped-layers .playing-center {
  width: var(--player-w);
  height: var(--player-h);
  margin-bottom: calc(-1 * var(--player-h));
  --sprite-index: 4;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .cropped-layers .playing-center {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .overlay {
  width: var(--player-w);
  height: var(--player-h);
  --sprite-index: 2;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  position: relative;
  filter: hue-rotate(calc((var(--theme-hue) - 276) * 1deg));
  outline: 2px solid var(--breakout-background-color);
  position: relative;
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .overlay {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player.mini .timeline, .sftHoSVpso .audio-player.mini .clock, .sftHoSVpso .audio-player.mini .error {
  display: none;
}
.sftHoSVpso .audio-player .timeline {
  --sprite-index: 7;
  --sprite-y-offset: 0px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  --thumb-width: calc(10px * var(--player-scale));
  --thumb-height: calc(16px * var(--player-scale));
  --timeline-height: calc( 6px * var(--player-scale));
  height: var(--timeline-height);
  margin-top: calc(3px * var(--player-scale));
  margin-bottom: calc(var(--thumb-height) - var(--timeline-height));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .timeline {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .timeline .thumb-track {
  width: calc(var(--player-w) - var(--thumb-width));
  position: relative;
  left: calc(var(--thumb-width) / 2);
  height: calc(var(--timeline-height) + var(--thumb-height));
  cursor: pointer;
}
.sftHoSVpso .audio-player .timeline .thumb-track .thumb {
  --sprite-index: 7;
  --sprite-y-offset: 10px;
  --sprite-bg-x: calc( -1 * var(--sprite-index) * var(--sprite-w) - var(--sprite-trim) );
  --sprite-bg-y: calc( -1 * var(--sprite-y-offset) * var(--player-scale) - var(--sprite-trim) );
  --sprite-bg-w: calc( var(--sprite-w) * var(--sprites-count) );
  --sprite-bg-h: calc( var(--sprite-h) );
  background: url("/live/oe_/https://innig.net/music/images/player/player-light.webp") no-repeat;
  background-size: var(--sprite-bg-w) var(--sprite-bg-h);
  background-position: var(--sprite-bg-x) var(--sprite-bg-y);
  width: var(--thumb-width);
  height: var(--thumb-height);
  margin-left: calc(var(--thumb-width) / -2);
  position: absolute;
  top: calc(4px * var(--player-scale));
}
@media (prefers-color-scheme: dark) {
  .sftHoSVpso .audio-player .timeline .thumb-track .thumb {
    background-image: url("/live/oe_/https://innig.net/music/images/player/player-dark.webp");
  }
}
.sftHoSVpso .audio-player .clock {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: #888;
  display: flex;
  width: 100%;
}
.sftHoSVpso .audio-player .clock a {
  font-weight: bold;
}
.sftHoSVpso .audio-player .clock .current-time, .sftHoSVpso .audio-player .clock .duration {
  flex-grow: 1;
  height: 1.2em;
}
.sftHoSVpso .audio-player .clock .duration {
  text-align: right;
}
.sftHoSVpso .audio-player .error {
  font-size: 75%;
  line-height: 1.2em;
  clear: left;
  max-width: 12em;
}
.sftHoSVpso .audio-player .error p {
  text-align: left;
}
.sftHoSVpso .audio-player .current-time, .sftHoSVpso .audio-player .duration {
  font-size: calc(8px * var(--player-scale));
  margin: 0 calc(1px * var(--player-scale));
}
.sftHoSVpso .audio-player .while-paused, .sftHoSVpso .audio-player .while-loading, .sftHoSVpso .audio-player .while-playing, .sftHoSVpso .audio-player .when-loaded {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.sftHoSVpso .audio-player[data-state~=paused] .while-paused {
  opacity: 1;
}
.sftHoSVpso .audio-player[data-state~=loading] .while-loading {
  opacity: 1;
}
.sftHoSVpso .audio-player[data-state~=loaded] .when-loaded {
  opacity: 1;
}
.sftHoSVpso .audio-player[data-state~=playing] .while-playing {
  opacity: 1;
}
.sftHoSVpso .audio-player .play {
  transition: opacity 496ms ease-out, transform 496ms ease-in;
  transform: scale(0);
}
.sftHoSVpso .audio-player[data-state~=paused] .play {
  transform: scale(1);
}
.sftHoSVpso .audio-player .playing-center, .sftHoSVpso .audio-player .playing-bg, .sftHoSVpso .audio-player .loading-bg {
  transition: opacity 496ms ease-in, transform 496ms ease-out;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.sftHoSVpso .audio-player[data-state~=paused] .playing-center, .sftHoSVpso .audio-player[data-state~=paused] .playing-bg, .sftHoSVpso .audio-player[data-state~=paused] .loading-bg {
  transform: translate(-1px, -0.6px) rotate(-30deg) scale(1.15, 2.45) rotate(30deg);
}
.sftHoSVpso .audio-player .loading-pulse {
  animation: 2.41s ease-in-out infinite loading-pulse;
}
.sftHoSVpso .audio-player .swirl {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.sftHoSVpso .audio-player[data-state~=playing] .swirl {
  opacity: calc(0.1 + 0.1 * var(--child-index));
  transition: opacity calc(0.7s * var(--child-index)) ease-in-out 0.3s;
}
.sftHoSVpso .audio-player .swirls {
  animation: 36s linear infinite rotate-ccw;
}
.sftHoSVpso .audio-player:not([data-state~=loaded]) .thumb-track {
  pointer-events: none;
}
@keyframes rotate-ccw {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-cw {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loading-pulse {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 0.1;
  }
}
.sftHoSVpso .recording.bare-play-button .audio-player .background {
  visibility: hidden;
}
.sftHoSVpso .recording.bare-play-button .audio-player .play {
  transform: scale(1.2);
}
.sftHoSVpso .recording.bare-play-button .audio-player[data-state~=paused] .overlay {
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.sftHoSVpso .recording {
  max-width: var(--max-player-width);
  --recording-border-radius: var(--grid1⁄3);
  border-left: var(--recording-border-width) solid var(--breakout-border-color);
  border-radius: var(--recording-border-radius);
  background-color: var(--breakout-background-color);
  display: flex;
}
.sftHoSVpso .recording.full {
  --recording-border-width: var(--grid1⁄3);
}
.sftHoSVpso .recording.mini {
  --recording-border-width: 0;
}
.sftHoSVpso .recording.full {
  background-image: linear-gradient(to right, var(--breakout-background-color) var(--grid7), var(--page-background-color) 90%);
}
.sftHoSVpso .recording.mini {
  background-image: linear-gradient(to right, var(--breakout-background-color) var(--grid3), var(--page-background-color) 100%);
}
.sftHoSVpso .recording.full {
  margin: var(--grid) calc(var(--grid2) - var(--recording-border-width));
}
@media all and (max-width: 48em) {
  .sftHoSVpso .recording.full {
    margin-left: var(--grid) !important;
  }
}
@media all and (max-width: 28em) {
  .sftHoSVpso .recording.full {
    margin-left: 0 !important;
  }
}
.sftHoSVpso .recording.mini {
  margin: var(--grid1⁄2) 0;
}
.sftHoSVpso .recording.mini {
  align-items: center;
}
.sftHoSVpso .recording.full {
  --recording-section-spacing: var(--grid);
}
.sftHoSVpso .recording.mini {
  --recording-section-spacing: var(--grid1⁄4);
}
.sftHoSVpso .recording .audio-player {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  margin-left: var(--recording-section-spacing);
  margin-right: 0;
}
.sftHoSVpso .recording .audio-player a {
  font-weight: bold;
}
.sftHoSVpso .recording .audio-player.full {
  margin: var(--grid3⁄4);
  margin-right: 0;
}
.sftHoSVpso .recording .audio-player.mini {
  margin: var(--grid1⁄2);
  margin-left: var(--grid3⁄4);
  margin-right: var(--grid1⁄4);
}
.sftHoSVpso .recording.bare-play-button .audio-player.mini {
  margin-left: 0;
  left: var(--grid1⁄4);
  width: var(--grid2);
}
.sftHoSVpso .recording .info {
  flex-grow: 1;
  margin: var(--recording-section-spacing);
}
@media all and (max-width: 24em) {
  .sftHoSVpso .recording .info {
    margin-left: calc(var(--recording-section-spacing) / 2);
  }
}

/* _widgets/mastodon_link */

.sffbaIn90o {
  display: contents;
}
.sffbaIn90o .inline-icon {
  --icon-descender: 0.29;
}

/* _widgets/sidebar */

@charset "UTF-8";
.sfL5UPIQlS {
  display: contents;
  @charset "UTF-8";
}
.sfL5UPIQlS .sidebar {
  position: sticky;
  margin: 0 calc(-1 * var(--main-margin)) 0 var(--grid);
  border: 0.5px solid var(--divider-background-color);
  border-radius: var(--grid1⁄4);
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  font-size: 86%;
  background: var(--breakout-background-color);
  --page-background-color: var(--breakout-background-color);
}
@media all and (min-width: calc(40em + 0.001px)) {
  .sfL5UPIQlS .sidebar {
    border-right: none;
  }
}
.sfL5UPIQlS .sidebar a {
  text-underline-offset: 0.12em;
}
.sfL5UPIQlS .sidebar a:link, .sfL5UPIQlS .sidebar a:link .caption, .sfL5UPIQlS .sidebar a:visited, .sfL5UPIQlS .sidebar a:visited .caption {
  text-decoration: none;
}
.sfL5UPIQlS .sidebar a:hover:not(:has(> .caption)), .sfL5UPIQlS .sidebar a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfL5UPIQlS .sidebar a:hover:not(:has(> .caption)):link, .sfL5UPIQlS .sidebar a:hover:not(:has(> .caption)):visited, .sfL5UPIQlS .sidebar a:hover .caption:link, .sfL5UPIQlS .sidebar a:hover .caption:visited {
  color: var(--link-color);
}
.sfL5UPIQlS .sidebar a:hover:not(:has(> .caption)):active, .sfL5UPIQlS .sidebar a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfL5UPIQlS .sidebar a:hover:not(:has(> .caption)):hover, .sfL5UPIQlS .sidebar a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfL5UPIQlS .sidebar .content-nav {
  --breakout-background-color: color-mix(in hsl, var(--page-background-color) 67%, var(--breakout-border-color));
  margin-top: var(--grid1⁄2);
}
@media all and (max-width: 40em) {
  .sfL5UPIQlS .sidebar {
    position: static;
    width: 100%;
    margin: 0;
    margin-top: var(--grid2);
    display: flex;
  }
  .sfL5UPIQlS .sidebar .col {
    width: 50%;
  }
}
@media all and (max-width: 26em) {
  .sfL5UPIQlS .sidebar {
    display: block;
  }
  .sfL5UPIQlS .sidebar .col {
    width: 100%;
  }
}
.sfL5UPIQlS .group {
  margin: var(--grid);
}
@media all and (min-width: calc(40em + 0.001px)) {
  .sfL5UPIQlS .group {
    max-width: calc(var(--unresponsive-grid) * 10);
  }
}
@media all and (min-width: calc(54em + 0.001px)) {
  .sfL5UPIQlS .group {
    max-width: var(--grid12);
  }
}
.sfL5UPIQlS .group h2 {
  font-size: 1rem;
  height: var(--grid);
  line-height: var(--grid);
  margin-bottom: var(--grid1⁄2);
}
.sfL5UPIQlS .group h3 {
  font-size: inherit;
  height: var(--grid);
  line-height: var(--grid);
  margin: var(--grid1⁄2) 0;
}
.sfL5UPIQlS .group h2 a:link, .sfL5UPIQlS .group h2 a:link .caption, .sfL5UPIQlS .group h2 a:visited, .sfL5UPIQlS .group h2 a:visited .caption, .sfL5UPIQlS .group h3 a:link, .sfL5UPIQlS .group h3 a:link .caption, .sfL5UPIQlS .group h3 a:visited, .sfL5UPIQlS .group h3 a:visited .caption {
  text-decoration: none;
}
.sfL5UPIQlS .group h2 a:hover:not(:has(> .caption)), .sfL5UPIQlS .group h2 a:hover .caption, .sfL5UPIQlS .group h3 a:hover:not(:has(> .caption)), .sfL5UPIQlS .group h3 a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfL5UPIQlS .group h2 a:hover:not(:has(> .caption)):link, .sfL5UPIQlS .group h2 a:hover:not(:has(> .caption)):visited, .sfL5UPIQlS .group h2 a:hover .caption:link, .sfL5UPIQlS .group h2 a:hover .caption:visited, .sfL5UPIQlS .group h3 a:hover:not(:has(> .caption)):link, .sfL5UPIQlS .group h3 a:hover:not(:has(> .caption)):visited, .sfL5UPIQlS .group h3 a:hover .caption:link, .sfL5UPIQlS .group h3 a:hover .caption:visited {
  color: var(--link-color);
}
.sfL5UPIQlS .group h2 a:hover:not(:has(> .caption)):active, .sfL5UPIQlS .group h2 a:hover .caption:active, .sfL5UPIQlS .group h3 a:hover:not(:has(> .caption)):active, .sfL5UPIQlS .group h3 a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfL5UPIQlS .group h2 a:hover:not(:has(> .caption)):hover, .sfL5UPIQlS .group h2 a:hover .caption:hover, .sfL5UPIQlS .group h3 a:hover:not(:has(> .caption)):hover, .sfL5UPIQlS .group h3 a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfL5UPIQlS .group h2 a, .sfL5UPIQlS .group h3 a {
  font-weight: inherit;
  color: inherit;
}
.sfL5UPIQlS .group h2 a:hover, .sfL5UPIQlS .group h3 a:hover {
  color: var(--link-hover-color);
}
.sfL5UPIQlS .group .content-nav {
  height: var(--grid2);
}
.sfL5UPIQlS ul, .sfL5UPIQlS ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sfL5UPIQlS ul li, .sfL5UPIQlS ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.sfL5UPIQlS li {
  height: var(--grid);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
}
.sfL5UPIQlS li.link {
  overflow: visible;
}
.sfL5UPIQlS li .category {
  display: inline;
  font-weight: 500;
}
.sfL5UPIQlS li .count {
  display: inline;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
  margin-left: 0.25ex;
}
.sfL5UPIQlS li .count a {
  font-weight: bold;
}
.sfL5UPIQlS li .count a:link, .sfL5UPIQlS li .count a:link .caption, .sfL5UPIQlS li .count a:visited, .sfL5UPIQlS li .count a:visited .caption {
  text-decoration: none;
}
.sfL5UPIQlS li .count a:hover:not(:has(> .caption)), .sfL5UPIQlS li .count a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfL5UPIQlS li .count a:hover:not(:has(> .caption)):link, .sfL5UPIQlS li .count a:hover:not(:has(> .caption)):visited, .sfL5UPIQlS li .count a:hover .caption:link, .sfL5UPIQlS li .count a:hover .caption:visited {
  color: var(--link-color);
}
.sfL5UPIQlS li .count a:hover:not(:has(> .caption)):active, .sfL5UPIQlS li .count a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfL5UPIQlS li .count a:hover:not(:has(> .caption)):hover, .sfL5UPIQlS li .count a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfL5UPIQlS li .count a {
  font-weight: inherit;
  color: inherit;
}
.sfL5UPIQlS li .count a:hover {
  color: var(--link-hover-color);
}
.sfL5UPIQlS ul.two-column {
  columns: 2;
  column-gap: 0.5ex;
}
.sfL5UPIQlS ul.two-column li {
  break-inside: avoid-column;
  page-break-inside: avoid;
}
.sfL5UPIQlS .inline-icon {
  --icon-height: calc(var(--grid) * 0.9);
}

/* _widgets/cc_by_nc_logos */

@charset "UTF-8";
.sfVnl0Uo16 {
  display: contents;
  @charset "UTF-8";
}
.sfVnl0Uo16 .license-logo {
  width: var(--logo-size);
  height: var(--logo-size);
  margin-left: var(--grid1⁄4);
  opacity: 0.67;
}
.sfVnl0Uo16 .license-logo:first-child {
  margin-left: 0;
}

/* _widgets/svg_icon */

.sfpADGMsz9 {
  display: contents;
}
.sfpADGMsz9 .svg-icon {
  --icon-bg: var(--page-background-color);
  --icon-fg: var(--text-fade-color);
}
.sfpADGMsz9 .svg-icon svg {
  height: var(--icon-height);
  display: block;
}
.sfpADGMsz9 .svg-icon line, .sfpADGMsz9 .svg-icon path {
  fill: none;
  stroke: none;
}
.sfpADGMsz9 .svg-icon .stroke-fg {
  stroke: var(--icon-fg);
}
.sfpADGMsz9 .svg-icon .stroke-bg {
  stroke: var(--icon-bg);
}
.sfpADGMsz9 .svg-icon .fill-fg {
  fill: var(--icon-fg);
}
.sfpADGMsz9 .svg-icon .fill-bg {
  fill: var(--icon-bg);
}
.sfpADGMsz9 .svg-icon .stroke-thick, .sfpADGMsz9 .svg-icon .stroke-thin {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.sfpADGMsz9 .svg-icon .stroke-thick {
  stroke-width: 4.2;
}
.sfpADGMsz9 .svg-icon .stroke-thin {
  stroke-width: 2.1;
}

/* _widgets/metadata_table */

@charset "UTF-8";
.sftoV5-tTz {
  display: contents;
  @charset "UTF-8";
}
.sftoV5-tTz .metadata {
  display: table;
}
.sftoV5-tTz .metadata .item {
  display: table-row;
  align-items: baseline;
  line-height: var(--grid);
}
.sftoV5-tTz .metadata .item dt {
  display: table-cell;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  text-align: right;
  padding-right: var(--grid1⁄2);
}
.sftoV5-tTz .metadata .item dt a {
  font-weight: bold;
}
.sftoV5-tTz .metadata .item dt a:link, .sftoV5-tTz .metadata .item dt a:link .caption, .sftoV5-tTz .metadata .item dt a:visited, .sftoV5-tTz .metadata .item dt a:visited .caption {
  text-decoration: none;
}
.sftoV5-tTz .metadata .item dt a:hover:not(:has(> .caption)), .sftoV5-tTz .metadata .item dt a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sftoV5-tTz .metadata .item dt a:hover:not(:has(> .caption)):link, .sftoV5-tTz .metadata .item dt a:hover:not(:has(> .caption)):visited, .sftoV5-tTz .metadata .item dt a:hover .caption:link, .sftoV5-tTz .metadata .item dt a:hover .caption:visited {
  color: var(--link-color);
}
.sftoV5-tTz .metadata .item dt a:hover:not(:has(> .caption)):active, .sftoV5-tTz .metadata .item dt a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sftoV5-tTz .metadata .item dt a:hover:not(:has(> .caption)):hover, .sftoV5-tTz .metadata .item dt a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sftoV5-tTz .metadata .item dt a {
  font-weight: inherit;
  color: inherit;
}
.sftoV5-tTz .metadata .item dt a:hover {
  color: var(--link-hover-color);
}
.sftoV5-tTz .metadata .item dd {
  display: table-cell;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  font-weight: 500;
}
.sftoV5-tTz .metadata .item dd a {
  font-weight: bold;
}
.sftoV5-tTz .metadata .item.major dt, .sftoV5-tTz .metadata .item.major dd {
  font-family: OptimaNova, Optima, Candara, Verdana, Palatino, Serif;
  font-size: 1.045rem;
  line-height: 1.4em;
  --cap-height: 0.69em;
}
.sftoV5-tTz .metadata .item.major dt {
  color: var(--text-fade-color);
}
.sftoV5-tTz .metadata .item.major dd {
  color: var(--text-strong-color);
}
.sftoV5-tTz .metadata .item.major + :not(.major) dt, .sftoV5-tTz .metadata .item.major + :not(.major) dd {
  padding-top: var(--grid1⁄2);
}

/* _widgets/opsipod */

.sf8HS0nQUC {
  display: contents;
}
.sf8HS0nQUC .opsipod {
  content: "";
  display: inline-block;
  background-image: url("/live/oe_/https://innig.net/images/opsipod-light.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 51.2px;
  height: 59.9px;
}
@media (prefers-color-scheme: dark) {
  .sf8HS0nQUC .opsipod {
    content: "";
    display: inline-block;
    background-image: url("/live/oe_/https://innig.net/images/opsipod-dark.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 51.2px;
    height: 59.9px;
  }
}

/* 50x.html */

.sfVbE7Fu-s {
  display: contents;
}
.sfVbE7Fu-s p {
  text-align: center;
  max-width: 24em;
}

/* 404.html */

.sfauhMfEFH {
  display: contents;
}
.sfauhMfEFH h1 img {
  image-rendering: pixelated;
}
.sfauhMfEFH p {
  text-align: center;
}

/* donate/index.html */

.sfmUgILkwW {
  display: contents;
}
.sfmUgILkwW h1 img {
  max-width: 100%;
  width: 16em;
}

/* icon-test.html */

.sfbyH3Bfmb {
  display: contents;
}
.sfbyH3Bfmb .test {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  margin-left: 16px;
  font-size: 128px;
  line-height: 240px;
  height: 30vh;
  white-space: nowrap;
}
.sfbyH3Bfmb .test a {
  font-weight: bold;
}
.sfbyH3Bfmb .test .inline-icon {
  --icon-grow: 10px;
}
.sfbyH3Bfmb a {
  outline: 0.2px solid blue;
}
.sfbyH3Bfmb .inline-icon {
  outline: 0.2px solid magenta;
}
.sfbyH3Bfmb .svg-icon {
  outline: 5px solid rgba(255, 255, 0, 0.0666666667);
}
.sfbyH3Bfmb svg {
  outline: 0.5px solid rgba(255, 0, 0, 0.4);
  --icon-bg: #009;
}
.sfbyH3Bfmb .test.block {
  display: flex;
  --icon-height: 1cap;
}
.sfbyH3Bfmb .test.block .svg-icon {
  margin: 0 16px;
}
.sfbyH3Bfmb .exembox {
  display: inline-block;
  width: 1ex;
  height: var(--cap-height);
  outline: 0.1px solid green;
}
.sfbyH3Bfmb .excapbox {
  display: inline-block;
  width: 1ex;
  height: 1cap;
  outline: 0.1px solid green;
}

/* _blog/comment */

@charset "UTF-8";
.sfi2B2iY68 {
  display: contents;
  @charset "UTF-8";
}
.sfi2B2iY68 .comment {
  display: flex;
  align-items: baseline;
  margin: var(--grid2) 0;
}
.sfi2B2iY68 .comment .avatar {
  align-self: start;
  width: var(--grid2);
  height: var(--grid2);
}
.sfi2B2iY68 .comment .body {
  flex-grow: 1;
  margin: 0 var(--grid);
  text-align: justify;
}
.sfi2B2iY68 .comment .body p:first-child {
  margin-top: 0;
}
.sfi2B2iY68 .comment .body .author {
  margin-left: var(--grid);
}
.sfi2B2iY68 .comment .body .author:before {
  content: "— ";
  opacity: 0.4;
}
.sfi2B2iY68 .comment .body a {
  word-break: break-all;
}
.sfi2B2iY68 .comment .date {
  order: 2;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: var(--text-fade-color);
  white-space: nowrap;
  min-width: 10ch;
}
.sfi2B2iY68 .comment .date a {
  font-weight: bold;
}
.sfi2B2iY68 .comment .date a:link, .sfi2B2iY68 .comment .date a:link .caption, .sfi2B2iY68 .comment .date a:visited, .sfi2B2iY68 .comment .date a:visited .caption {
  text-decoration: none;
}
.sfi2B2iY68 .comment .date a:hover:not(:has(> .caption)), .sfi2B2iY68 .comment .date a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfi2B2iY68 .comment .date a:hover:not(:has(> .caption)):link, .sfi2B2iY68 .comment .date a:hover:not(:has(> .caption)):visited, .sfi2B2iY68 .comment .date a:hover .caption:link, .sfi2B2iY68 .comment .date a:hover .caption:visited {
  color: var(--link-color);
}
.sfi2B2iY68 .comment .date a:hover:not(:has(> .caption)):active, .sfi2B2iY68 .comment .date a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfi2B2iY68 .comment .date a:hover:not(:has(> .caption)):hover, .sfi2B2iY68 .comment .date a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfi2B2iY68 .comment .date a {
  font-weight: inherit;
  color: inherit;
}
.sfi2B2iY68 .comment .date a:hover {
  color: var(--link-hover-color);
}
@media all and (max-width: 48em) {
  .sfi2B2iY68 .comment {
    margin: var(--grid) 0;
    display: block;
  }
  .sfi2B2iY68 .comment .avatar {
    float: left;
    margin: 0 var(--grid3⁄4) var(--grid1⁄4) 0;
  }
  .sfi2B2iY68 .comment .date {
    display: block;
    text-align: right;
    margin: var(--grid1⁄2);
  }
  .sfi2B2iY68 .comment .body {
    margin: 0;
  }
}
.sfi2B2iY68 .replies {
  margin-left: var(--grid3);
}
.sfi2B2iY68 .replies .replies {
  margin-left: 0;
}

/* _blog/post_content */

@charset "UTF-8";
.sfUSI8rYIY {
  display: contents;
  @charset "UTF-8";
}
.sfUSI8rYIY .post {
  margin: 0 auto;
  max-width: var(--prose-max-width);
}
.sfUSI8rYIY .post header .meta {
  height: var(--grid3⁄2);
  margin-bottom: var(--grid1⁄2);
  display: flex;
  align-items: center;
}
.sfUSI8rYIY .post header .meta .author {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  margin-right: var(--grid);
}
.sfUSI8rYIY .post header .meta .author a {
  font-weight: bold;
}
.sfUSI8rYIY .post header .meta .tags {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  flex-grow: 1;
}
.sfUSI8rYIY .post header .meta .tags a {
  font-weight: bold;
}
.sfUSI8rYIY .post header .meta .tags a:link, .sfUSI8rYIY .post header .meta .tags a:link .caption, .sfUSI8rYIY .post header .meta .tags a:visited, .sfUSI8rYIY .post header .meta .tags a:visited .caption {
  text-decoration: none;
}
.sfUSI8rYIY .post header .meta .tags a:hover:not(:has(> .caption)), .sfUSI8rYIY .post header .meta .tags a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfUSI8rYIY .post header .meta .tags a:hover:not(:has(> .caption)):link, .sfUSI8rYIY .post header .meta .tags a:hover:not(:has(> .caption)):visited, .sfUSI8rYIY .post header .meta .tags a:hover .caption:link, .sfUSI8rYIY .post header .meta .tags a:hover .caption:visited {
  color: var(--link-color);
}
.sfUSI8rYIY .post header .meta .tags a:hover:not(:has(> .caption)):active, .sfUSI8rYIY .post header .meta .tags a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfUSI8rYIY .post header .meta .tags a:hover:not(:has(> .caption)):hover, .sfUSI8rYIY .post header .meta .tags a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfUSI8rYIY .post header .meta .tags a {
  font-weight: inherit;
  color: inherit;
}
.sfUSI8rYIY .post header .meta .tags a:hover {
  color: var(--link-hover-color);
}
.sfUSI8rYIY .post header .meta .tags .tag {
  display: inline-block;
  margin-right: 1ex;
}
.sfUSI8rYIY .post header .meta time {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
  color: var(--text-fade-color);
  white-space: nowrap;
}
.sfUSI8rYIY .post header .meta time a {
  font-weight: bold;
}
.sfUSI8rYIY .post header .meta time a:link, .sfUSI8rYIY .post header .meta time a:link .caption, .sfUSI8rYIY .post header .meta time a:visited, .sfUSI8rYIY .post header .meta time a:visited .caption {
  text-decoration: none;
}
.sfUSI8rYIY .post header .meta time a:hover:not(:has(> .caption)), .sfUSI8rYIY .post header .meta time a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfUSI8rYIY .post header .meta time a:hover:not(:has(> .caption)):link, .sfUSI8rYIY .post header .meta time a:hover:not(:has(> .caption)):visited, .sfUSI8rYIY .post header .meta time a:hover .caption:link, .sfUSI8rYIY .post header .meta time a:hover .caption:visited {
  color: var(--link-color);
}
.sfUSI8rYIY .post header .meta time a:hover:not(:has(> .caption)):active, .sfUSI8rYIY .post header .meta time a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfUSI8rYIY .post header .meta time a:hover:not(:has(> .caption)):hover, .sfUSI8rYIY .post header .meta time a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfUSI8rYIY .post header .meta time a {
  font-weight: inherit;
  color: inherit;
}
.sfUSI8rYIY .post header .meta time a:hover {
  color: var(--link-hover-color);
}
.sfUSI8rYIY .post .prose blockquote:not(.recording) {
  margin: 0 var(--grid2);
}

/* _blog/sidebar_cc_license */

@charset "UTF-8";
.sfpWfvsrB_ {
  display: contents;
  @charset "UTF-8";
}
.sfpWfvsrB_ .license {
  text-align: center;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  --logo-size: var(--grid3⁄2);
}
.sfpWfvsrB_ .license a {
  font-weight: bold;
}

/* style/_layout_grid */

@charset "UTF-8";
.sfB7RWaBDP {
  display: contents;
  @charset "UTF-8";
}
.sfB7RWaBDP .layout-grid-container {
  position: relative;
}
.sfB7RWaBDP .layout-grid-container .layout-grid {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background-size: var(--grid2) var(--grid2);
  background-image: linear-gradient(to right, rgba(0, 0, 255, 0.2) 0.5px, transparent 0), linear-gradient(to right, rgba(255, 0, 0, 0.0666666667) 0.5px, transparent 0), linear-gradient(to right, rgba(0, 153, 0, 0.2) 0.5px, transparent 0), linear-gradient(to right, rgba(255, 0, 0, 0.0666666667) 0.5px, transparent 0), linear-gradient(to bottom, rgba(0, 0, 255, 0.1333333333) 0.5px, transparent 0), linear-gradient(to bottom, rgba(255, 0, 0, 0.0666666667) 0.5px, transparent 0), linear-gradient(to bottom, rgba(0, 153, 0, 0.1333333333) 0.5px, transparent 0), linear-gradient(to bottom, rgba(255, 0, 0, 0.0666666667) 0.5px, transparent 0);
  background-position: 0 0, var(--grid1⁄2) 0, var(--grid) 0, var(--grid3⁄2) 0, 0 0, 0 var(--grid1⁄2), 0 var(--grid), 0 var(--grid3⁄2);
}

/* software/index.html */

.sfuYldIV_v {
  display: contents;
}

/* _layout/alternating_columns */

.sfiJKqfwjU {
  display: contents;
}
.sfiJKqfwjU .alternating-columns {
  --column-gap: var(--grid);
  visibility: hidden;
  display: flex;
  justify-content: center;
}
.sfiJKqfwjU .alternating-columns .column {
  flex-grow: 1;
  flex-basis: 0;
  max-width: var(--max-column-width);
  margin-right: var(--column-gap);
}
.sfiJKqfwjU .alternating-columns .column:last-child {
  margin-right: 0;
}

/* _layout/nav */

@charset "UTF-8";
.nav-top {
  position: fixed;
  top: calc(-1 * var(--grid2));
  left: 0;
  z-index: 1000;
  --nav-border-color: color-mix(in srgb, var(--theme-bleed-color), var(--page-background-color) var(--nav-border-fade));
  --nav-border-fade: 100%;
  border-width: 0;
  border-top-width: calc(var(--grid1⁄2) + var(--grid2));
  border-style: solid;
  border-color: var(--nav-border-color);
  box-shadow: 0em 0em calc(var(--grid1⁄2) * 2 * 2) calc(var(--grid1⁄2) * 2 * 1.5) color-mix(in srgb, var(--page-background-color) var(--nav-border-fade), transparent);
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
}
.nav-top .nav-bar {
  width: 100vw;
  height: var(--grid3⁄2);
  display: flex;
  justify-content: space-between;
  z-index: 1000;
  white-space: nowrap;
  background: var(--divider-background-color);
  box-sizing: border-box;
  border: 0.5px solid var(--divider-split-color);
  margin: 0 -0.5px;
}
.nav-top + main {
  margin-top: 0;
  padding-top: calc(var(--grid3⁄2) + var(--grid1⁄2));
}
.nav-top a {
  font-weight: bold;
}
.nav-top .nav-items {
  display: flex;
  align-items: center;
  margin: 0;
}
.nav-top .nav-items.breadcrumbs {
  margin-left: var(--grid1⁄2);
}
.nav-top .nav-items.meta {
  margin-right: var(--grid1⁄2);
}
.nav-top .nav-items a:link, .nav-top .nav-items a:link .caption, .nav-top .nav-items a:visited, .nav-top .nav-items a:visited .caption {
  text-decoration: none;
}
.nav-top .nav-items a:hover:not(:has(> .caption)), .nav-top .nav-items a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.nav-top .nav-items a:hover:not(:has(> .caption)):link, .nav-top .nav-items a:hover:not(:has(> .caption)):visited, .nav-top .nav-items a:hover .caption:link, .nav-top .nav-items a:hover .caption:visited {
  color: var(--link-color);
}
.nav-top .nav-items a:hover:not(:has(> .caption)):active, .nav-top .nav-items a:hover .caption:active {
  color: var(--link-highlight-color);
}
.nav-top .nav-items a:hover:not(:has(> .caption)):hover, .nav-top .nav-items a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.nav-top .nav-items.breadcrumbs .nav-item {
  padding: 0 1em;
  text-overflow: ellipsis;
}
.nav-top .breadcrumbs {
  flex-wrap: wrap;
  overflow: hidden;
}
.nav-top .breadcrumbs .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-top .breadcrumbs .nav-item + .nav-item {
  border-left: 1px solid var(--divider-split-color);
}
.nav-top .breadcrumbs .nav-item:last-child a {
  color: var(--divider-emph-text-color);
}
.nav-top .dropdown-control {
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
  display: block;
  padding: var(--grid1⁄4) var(--grid1⁄2);
  border-top-left-radius: var(--grid1⁄4);
  border-top-right-radius: var(--grid1⁄4);
}
.nav-top .dropdown-control.active {
  background: var(--divider-split-color);
}
.nav-top .dropdown-control .svg-icon {
  --icon-height: var(--grid3⁄4);
  --icon-fg: var(--link-color);
  --icon-bg: color-mix(in hsl, var(--page-background-color) 50%, var(--divider-background-color));
}
.nav-top .dropdown-control .svg-icon:hover {
  --icon-fg: var(--link-hover-color);
  --icon-bg: var(--page-background-color);
}
.nav-top .dropdown {
  position: absolute;
  visibility: hidden;
}
.nav-top .dropdown-content {
  position: absolute;
  right: calc(-1 * var(--dropdown-control-width));
  padding: var(--grid1⁄2) var(--grid);
  background: var(--breakout-background-color);
  border: 0.5px solid var(--breakout-border-color);
  border-radius: var(--grid1⁄4);
  border-top-right-radius: 0;
}
.nav-top .dropdown-content ul, .nav-top .dropdown-content ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.nav-top .dropdown-content ul li, .nav-top .dropdown-content ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.nav-top .dropdown-content label {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  color: var(--text-semifade-color);
}
.nav-top .dropdown-content label a {
  text-underline-offset: 0.12em;
}
.nav-top .dropdown-content li {
  list-style: none;
  padding: 0;
  margin: var(--grid1⁄4) 0;
}
.nav-top .dropdown-content li li {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin-bottom: var(--grid1⁄4);
  break-inside: avoid;
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.nav-top .dropdown-content li li a {
  text-underline-offset: 0.12em;
}
.nav-top .dropdown-content li:has(> :last-child:nth-child(n+6)) {
  columns: 1;
}
.nav-top .dropdown-content li a {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
}
.nav-top .dropdown-content li a a {
  text-underline-offset: 0.12em;
}
.nav-top .dropdown-content li.fine-print {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  font-size: calc(var(--body-font-size) * 0.6);
  line-height: calc(var(--unresponsive-grid) * 3 / 4);
  margin-top: var(--grid1⁄4);
  max-width: 24em;
  white-space: normal;
}
.nav-top .dropdown-content li.fine-print a {
  font-weight: bold;
}
.nav-top .dropdown-content li.fine-print a:link, .nav-top .dropdown-content li.fine-print a:link .caption, .nav-top .dropdown-content li.fine-print a:visited, .nav-top .dropdown-content li.fine-print a:visited .caption {
  text-decoration: none;
}
.nav-top .dropdown-content li.fine-print a:hover:not(:has(> .caption)), .nav-top .dropdown-content li.fine-print a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.nav-top .dropdown-content li.fine-print a:hover:not(:has(> .caption)):link, .nav-top .dropdown-content li.fine-print a:hover:not(:has(> .caption)):visited, .nav-top .dropdown-content li.fine-print a:hover .caption:link, .nav-top .dropdown-content li.fine-print a:hover .caption:visited {
  color: var(--link-color);
}
.nav-top .dropdown-content li.fine-print a:hover:not(:has(> .caption)):active, .nav-top .dropdown-content li.fine-print a:hover .caption:active {
  color: var(--link-highlight-color);
}
.nav-top .dropdown-content li.fine-print a:hover:not(:has(> .caption)):hover, .nav-top .dropdown-content li.fine-print a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.nav-top .dropdown-content li.fine-print a {
  font-weight: inherit;
  color: inherit;
}
.nav-top .dropdown-content li.fine-print a:hover {
  color: var(--link-hover-color);
}
.nav-top .narrow-only {
  display: none;
}
@media all and (max-width: 36em) {
  .nav-top .wide-only {
    display: none;
  }
  .nav-top .narrow-only {
    display: block;
  }
}

/* _layout/footer */

@charset "UTF-8";
.sf7gqyDS5t {
  display: contents;
  @charset "UTF-8";
}
.sf7gqyDS5t .nav-bottom {
  padding-top: var(--grid6);
  margin: var(--grid);
  display: flex;
  align-items: center;
}
.sf7gqyDS5t .nav-bottom .copyright {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  font-size: calc(var(--body-font-size) * 0.6);
  line-height: calc(var(--unresponsive-grid) * 3 / 4);
}
.sf7gqyDS5t .nav-bottom .copyright a {
  font-weight: bold;
}
.sf7gqyDS5t .nav-bottom .copyright a:link, .sf7gqyDS5t .nav-bottom .copyright a:link .caption, .sf7gqyDS5t .nav-bottom .copyright a:visited, .sf7gqyDS5t .nav-bottom .copyright a:visited .caption {
  text-decoration: none;
}
.sf7gqyDS5t .nav-bottom .copyright a:hover:not(:has(> .caption)), .sf7gqyDS5t .nav-bottom .copyright a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sf7gqyDS5t .nav-bottom .copyright a:hover:not(:has(> .caption)):link, .sf7gqyDS5t .nav-bottom .copyright a:hover:not(:has(> .caption)):visited, .sf7gqyDS5t .nav-bottom .copyright a:hover .caption:link, .sf7gqyDS5t .nav-bottom .copyright a:hover .caption:visited {
  color: var(--link-color);
}
.sf7gqyDS5t .nav-bottom .copyright a:hover:not(:has(> .caption)):active, .sf7gqyDS5t .nav-bottom .copyright a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sf7gqyDS5t .nav-bottom .copyright a:hover:not(:has(> .caption)):hover, .sf7gqyDS5t .nav-bottom .copyright a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sf7gqyDS5t .nav-bottom .copyright a {
  font-weight: inherit;
  color: inherit;
}
.sf7gqyDS5t .nav-bottom .copyright a:hover {
  color: var(--link-hover-color);
}
@media all and (max-width: 36em) {
  .sf7gqyDS5t .nav-bottom {
    flex-direction: column;
    gap: var(--grid2);
  }
  .sf7gqyDS5t .nav-bottom .center {
    order: 2;
  }
  .sf7gqyDS5t .nav-bottom .copyright {
    text-align: center;
  }
}
.sf7gqyDS5t .nav-bottom .left, .sf7gqyDS5t .nav-bottom .right {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  gap: var(--grid);
}
@media all and (max-width: 36em) {
  .sf7gqyDS5t .nav-bottom .left, .sf7gqyDS5t .nav-bottom .right {
    flex-direction: column;
  }
}
.sf7gqyDS5t .nav-bottom .left {
  justify-content: left;
  text-align: left;
}
.sf7gqyDS5t .nav-bottom .right {
  justify-content: space-between;
  text-align: right;
  align-items: center;
}
.sf7gqyDS5t .nav-bottom .copyright {
  flex-shrink: 0;
}
.sf7gqyDS5t .nav-bottom .center {
  margin: 0 var(--grid1⁄2);
}
.sf7gqyDS5t .nav-bottom .innig-logo-mini {
  content: "";
  display: inline-block;
  background-image: url("/live/oe_/https://innig.net/images/innig-logo-light.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 29px;
  height: 54px;
}
@media (prefers-color-scheme: dark) {
  .sf7gqyDS5t .nav-bottom .innig-logo-mini {
    content: "";
    display: inline-block;
    background-image: url("/live/oe_/https://innig.net/images/innig-logo-dark.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 29px;
    height: 54px;
  }
}
.sf7gqyDS5t .nav-bottom .innig-logo-mini {
  display: block;
}
.sf7gqyDS5t .nav-bottom .license-logos {
  opacity: 0.5;
  display: block;
  margin-top: var(--grid1⁄4);
  --logo-size: var(--grid);
}
.sf7gqyDS5t .feeds {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
}
.sf7gqyDS5t .feeds a {
  font-weight: bold;
}
.sf7gqyDS5t .feeds a:link, .sf7gqyDS5t .feeds a:link .caption, .sf7gqyDS5t .feeds a:visited, .sf7gqyDS5t .feeds a:visited .caption {
  text-decoration: none;
}
.sf7gqyDS5t .feeds a:hover:not(:has(> .caption)), .sf7gqyDS5t .feeds a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sf7gqyDS5t .feeds a:hover:not(:has(> .caption)):link, .sf7gqyDS5t .feeds a:hover:not(:has(> .caption)):visited, .sf7gqyDS5t .feeds a:hover .caption:link, .sf7gqyDS5t .feeds a:hover .caption:visited {
  color: var(--link-color);
}
.sf7gqyDS5t .feeds a:hover:not(:has(> .caption)):active, .sf7gqyDS5t .feeds a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sf7gqyDS5t .feeds a:hover:not(:has(> .caption)):hover, .sf7gqyDS5t .feeds a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sf7gqyDS5t .feeds a {
  font-weight: inherit;
  color: inherit;
}
.sf7gqyDS5t .feeds a:hover {
  color: var(--link-hover-color);
}
.sf7gqyDS5t .feeds ul, .sf7gqyDS5t .feeds ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.sf7gqyDS5t .feeds ul li, .sf7gqyDS5t .feeds ol li {
  border: 0;
  margin: 0;
  padding: 0;
}
.sf7gqyDS5t .feeds label {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
}
.sf7gqyDS5t .feeds label a {
  text-underline-offset: 0.12em;
}

/* _layout/page */

main {
  --main-margin: var(--grid);
  margin: var(--main-margin);
  clear: both;
}

/* index.html */

@charset "UTF-8";
.innig-home {
  padding: var(--grid4) var(--grid);
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 32em) {
  .innig-home {
    padding: var(--grid3) var(--grid);
  }
}
.innig-home .poem {
  display: block;
  width: 100%;
  margin: 0 var(--grid);
  max-width: var(--grid20);
}
.innig-home .links .group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
}
.innig-home .links.major {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  margin: var(--grid3) 0;
}
.innig-home .links.major a {
  text-underline-offset: 0.12em;
}
.innig-home .links.major .item {
  padding: var(--grid1⁄4) var(--grid);
  width: calc(4 * var(--unresponsive-grid));
  text-align: center;
}
.innig-home .links.major .group + .group {
  margin-top: var(--grid);
}
@media all and (max-width: 32em) {
  .innig-home .links.major {
    margin: var(--grid2) 0;
  }
}
@media all and (max-width: 24em) {
  .innig-home .links.major .group {
    flex-direction: column;
    margin: 0 !important;
  }
  .innig-home .links.major .item {
    margin-top: var(--grid);
  }
  .innig-home .links.major .group:first-child .item:first-child {
    margin-top: 0;
  }
}
.innig-home .links.minor {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
  margin: var(--grid1⁄4) 0;
}
.innig-home .links.minor a {
  font-weight: bold;
}
.innig-home .links.minor a:link, .innig-home .links.minor a:link .caption, .innig-home .links.minor a:visited, .innig-home .links.minor a:visited .caption {
  text-decoration: none;
}
.innig-home .links.minor a:hover:not(:has(> .caption)), .innig-home .links.minor a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.innig-home .links.minor a:hover:not(:has(> .caption)):link, .innig-home .links.minor a:hover:not(:has(> .caption)):visited, .innig-home .links.minor a:hover .caption:link, .innig-home .links.minor a:hover .caption:visited {
  color: var(--link-color);
}
.innig-home .links.minor a:hover:not(:has(> .caption)):active, .innig-home .links.minor a:hover .caption:active {
  color: var(--link-highlight-color);
}
.innig-home .links.minor a:hover:not(:has(> .caption)):hover, .innig-home .links.minor a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.innig-home .links.minor a {
  font-weight: inherit;
  color: inherit;
}
.innig-home .links.minor a:hover {
  color: var(--link-hover-color);
}
.innig-home .links.minor .item {
  padding: var(--grid1⁄4) var(--grid1⁄2);
}
.innig-home .links.minor .group + .group {
  margin-top: var(--grid1⁄2);
}
.innig-home .links:last-child {
  margin-bottom: 0;
}

/* subscribe/index.html */

.sf6vEg4snY {
  display: contents;
}
.sf6vEg4snY h1 img {
  max-width: 100%;
  width: 16em;
}

/* teaching/_sidebar */

.sfzgPzcAeQ {
  display: contents;
}

/* teaching/index.html */

@charset "UTF-8";
.sfm6OSHzoe {
  display: contents;
  @charset "UTF-8";
}
.sfm6OSHzoe .content nav {
  max-width: var(--grid16);
}
.sfm6OSHzoe .toc {
  list-style: none;
  padding: 0;
  margin: var(--grid1⁄4) 0;
}
.sfm6OSHzoe .toc li {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  margin-bottom: var(--grid1⁄4);
  break-inside: avoid;
  margin-left: var(--grid);
  text-indent: calc(-1 * var(--grid));
}
.sfm6OSHzoe .toc li a {
  text-underline-offset: 0.12em;
}
.sfm6OSHzoe .toc:has(> :last-child:nth-child(n+6)) {
  columns: 1;
}
.sfm6OSHzoe .stay-tuned {
  margin-top: var(--grid);
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: calc(var(--body-font-size) * 0.8);
  --cap-height: 0.69em;
  line-height: var(--unresponsive-grid);
  color: var(--text-fade-color);
  color: color-mix(in hsl, var(--text-fade-color), var(--text-ghost-color));
}
.sfm6OSHzoe .stay-tuned a {
  font-weight: bold;
}
.sfm6OSHzoe .stay-tuned a:link, .sfm6OSHzoe .stay-tuned a:link .caption, .sfm6OSHzoe .stay-tuned a:visited, .sfm6OSHzoe .stay-tuned a:visited .caption {
  text-decoration: none;
}
.sfm6OSHzoe .stay-tuned a:hover:not(:has(> .caption)), .sfm6OSHzoe .stay-tuned a:hover .caption {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--link-uline-color);
  text-underline-offset: 0.167em;
}
.sfm6OSHzoe .stay-tuned a:hover:not(:has(> .caption)):link, .sfm6OSHzoe .stay-tuned a:hover:not(:has(> .caption)):visited, .sfm6OSHzoe .stay-tuned a:hover .caption:link, .sfm6OSHzoe .stay-tuned a:hover .caption:visited {
  color: var(--link-color);
}
.sfm6OSHzoe .stay-tuned a:hover:not(:has(> .caption)):active, .sfm6OSHzoe .stay-tuned a:hover .caption:active {
  color: var(--link-highlight-color);
}
.sfm6OSHzoe .stay-tuned a:hover:not(:has(> .caption)):hover, .sfm6OSHzoe .stay-tuned a:hover .caption:hover {
  color: var(--link-hover-color);
  text-decoration-color: var(--link-hover-uline-color);
}
.sfm6OSHzoe .stay-tuned a {
  font-weight: inherit;
  color: inherit;
}
.sfm6OSHzoe .stay-tuned a:hover {
  color: var(--link-hover-color);
}

/* poems/{poem.id}.html */

.sfwn77uh3w {
  display: contents;
}
.sfwn77uh3w .poem .breathing-room {
  min-height: 60vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sfwn77uh3w .poem .poem-text {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: var(--grid2) var(--grid);
}
.sfwn77uh3w .poem .poem-text img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.sfwn77uh3w .poem .poem-text .plain-text {
  font-size: 125%;
}
@media all and (max-width: 36em) {
  .sfwn77uh3w .poem .poem-text .plain-text {
    font-size: 100%;
  }
}
.sfwn77uh3w .poem .poem-text .plain-text h1 {
  white-space: pre-line;
}
.sfwn77uh3w .poem .poem-text .plain-text .subtitle {
  font-size: 0.82em;
}
.sfwn77uh3w .poem .poem-text .plain-text .stanza {
  margin: 2ex 0;
}
.sfwn77uh3w .poem .poem-text .plain-text .line {
  padding-top: 1ex;
  margin-left: var(--grid2);
  text-indent: calc(-1 * var(--grid2));
}
.sfwn77uh3w .poem .page-settings {
  margin-bottom: var(--grid3);
}
.sfwn77uh3w .poem .content-nav {
  max-width: calc(50vw + var(--grid) * 20);
}

/* poems/index.html */

@charset "UTF-8";
.sf5S9fQMvR {
  display: contents;
  @charset "UTF-8";
}
.sf5S9fQMvR .poem-list .row {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  margin-bottom: var(--grid);
}
.sf5S9fQMvR .poem-list .row .poem {
  flex-grow: 1;
  margin: 0 var(--grid3⁄2);
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
}
.sf5S9fQMvR .poem-list .row .poem a {
  text-underline-offset: 0.12em;
}
.sf5S9fQMvR .poem-list .row .poem.right_col {
  text-align: right;
}
@media all and (max-width: 28em) {
  .sf5S9fQMvR .poem-list .row {
    display: block;
    margin: 0;
  }
  .sf5S9fQMvR .poem-list .row .poem {
    margin-bottom: var(--grid);
  }
  .sf5S9fQMvR .poem-list .row .poem.left_col, .sf5S9fQMvR .poem-list .row .poem.right_col {
    text-align: center;
  }
}

/* opsipod.html */

@charset "UTF-8";
.sfWisnOOfD {
  display: contents;
  @charset "UTF-8";
}
.sfWisnOOfD .faq {
  max-width: 36em;
  --qa-letter-width: var(--grid2);
}
.sfWisnOOfD .question, .sfWisnOOfD .answer {
  margin: var(--grid1⁄2) 0;
  padding-left: var(--qa-letter-width);
  text-indent: calc(-1 * var(--qa-letter-width));
}
.sfWisnOOfD .question {
  margin-top: var(--grid);
}
.sfWisnOOfD .question:before, .sfWisnOOfD .answer:before {
  text-indent: 0;
  text-align: center;
  color: var(--text-ghost-color);
  display: inline-block;
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  --cap-height: 0.71em;
  font-weight: 500;
  font-size: var(--h2-font-size);
  width: var(--qa-letter-width);
  height: var(--grid3⁄2);
}
.sfWisnOOfD .question:before a, .sfWisnOOfD .answer:before a {
  text-underline-offset: 0.12em;
}
.sfWisnOOfD .question:before {
  content: "Q.";
}
.sfWisnOOfD .answer:before {
  content: "A.";
}