@media (max-resolution: 1.49dppx) {
  :root {
    --pen: 1.3px;
  }
}
@view-transition {
  navigation: auto;
}
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}
html[data-turn] body,
html[data-turn] body * {
  view-transition-name: none !important;
}
html:active-view-transition-type(sheet-turn)::view-transition {
  background: color-mix(in srgb, var(--ink) 16%, var(--paper));
}
html:active-view-transition-type(sheet-turn)::view-transition-group(root) {
  animation: none;
}
html:active-view-transition-type(sheet-turn)::view-transition-image-pair(root) {
  isolation: auto;
}
html:active-view-transition-type(sheet-turn)::view-transition-old(root),
html:active-view-transition-type(sheet-turn)::view-transition-new(root) {
  mix-blend-mode: normal;
  backface-visibility: hidden;
}
html:active-view-transition-type(sheet-back)::view-transition-old(root) {
  animation: 0.24s cubic-bezier(0.5, 0, 0.8, 0.4) both sheet-away-l;
}
html:active-view-transition-type(sheet-back)::view-transition-new(root) {
  animation: 0.3s cubic-bezier(0.15, 0.6, 0.3, 1) 0.24s both sheet-from-r;
}
html:active-view-transition-type(sheet-front)::view-transition-old(root) {
  animation: 0.24s cubic-bezier(0.5, 0, 0.8, 0.4) both sheet-away-r;
}
html:active-view-transition-type(sheet-front)::view-transition-new(root) {
  animation: 0.3s cubic-bezier(0.15, 0.6, 0.3, 1) 0.24s both sheet-from-l;
}
@keyframes sheet-away-l {
  to {
    transform: perspective(2400px) rotateY(-90deg) scale(0.94);
    filter: brightness(0.82);
  }
}
@keyframes sheet-away-r {
  to {
    transform: perspective(2400px) rotateY(90deg) scale(0.94);
    filter: brightness(0.82);
  }
}
@keyframes sheet-from-r {
  from {
    transform: perspective(2400px) rotateY(90deg) scale(0.94);
    filter: brightness(0.82);
  }
}
@keyframes sheet-from-l {
  from {
    transform: perspective(2400px) rotateY(-90deg) scale(0.94);
    filter: brightness(0.82);
  }
}
.title-block {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  border: 1px solid color-mix(in srgb, var(--ink-2) 70%, var(--paper));
  color: var(--ink);
  text-decoration: none;
  background: var(--paper);
  transition: border-color 0.15s;
}
.title-block .tb-cell {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: 6px 9px 7px;
}
.title-block .tb-cell + .tb-cell {
  border-left: 1px solid var(--rule);
}
.title-block .tb-k {
  font: 8px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.title-block .lettering {
  display: block;
  margin: 0 -1px;
}
.title-block:hover,
.title-block:focus-visible {
  border-color: var(--ink);
}
.title-block:hover .tb-k,
.title-block:focus-visible .tb-k {
  color: var(--ink-2);
}
.title-block:focus-visible {
  outline: 2px solid var(--link);
  outline-offset: 3px;
}
a.ref {
  color: inherit;
  text-decoration: underline 1px color-mix(in srgb, var(--link) 55%, transparent);
  text-underline-offset: 0.22em;
  transition: text-decoration-color 0.15s;
}
a.ref:hover,
a.ref:focus-visible {
  text-decoration-color: var(--link);
}
.margin-note {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  pointer-events: none;
  z-index: 20;
  color: var(--ink-2);
}
.margin-note .leader {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.margin-note .leader path {
  fill: none;
  stroke: var(--muted);
  stroke-width: calc(var(--pen, 1px) * 0.75);
}
.margin-note .leader circle {
  fill: var(--muted);
}
.margin-note .lettering {
  position: absolute;
}
.margin-note .mn-fig {
  color: var(--muted);
}
.margin-note.under {
  height: auto;
}
.margin-note.under::before {
  content: "";
  position: absolute;
  inset: 0 -8px -8px;
  background: var(--paper);
  border: 1px solid var(--rule);
}
.margin-note.foot {
  position: static;
  height: auto;
  display: grid;
  justify-items: start;
  gap: 7px;
}
.margin-note.foot .leader {
  position: static;
  margin-bottom: 3px;
}
.margin-note.foot .lettering {
  position: static;
}
:where(svg.dim) {
  color: var(--muted);
}
