nav {
  display: flex;
  flex-direction: column;
}

.figcaption {
  font-size: 14px;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  line-height: 0;
}

.footnote-ref a {
  font-size: 12px;
  text-decoration: none;
}

.footnotes-list,
#changelog + ol {
  padding-inline-start: 30px;
}

.footnote-item p {
  margin-top: unset;
}

.footnote-item p a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H8.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C5 6.52 5 7.08 5 8.2v7.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h7.606c1.118 0 1.677 0 2.104-.218c.377-.192.683-.498.875-.874c.218-.428.218-.987.218-2.105V14m1-5V4m0 0h-5m5 0l-7 7'/%3E%3C/svg%3E");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-right: 1em;
}

.footnote-backref {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, 'dejavu_sansbold', Tahoma, sans-serif;
  vertical-align: text-top;
  background: unset !important;
}

.footnotes-list,
.footnotes-list p,
#changelog,
#changelog + ol {
  font-size: 16px;
}

.footnotes {
  margin-top: 2em;
}

#changelog {
  margin-top: 1em;
}

table {
  display: block;
  width: 100%;
  overflow: auto;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1.4;
  font-size: 15px;
}

p+table {
  margin-top: 1em;
}

th,
td {
  border: 1px solid #52667A;
  padding: 4px 8px;
  text-align: start;
}

td img,
th img {
  display: block;
  margin: 0 auto;
  min-width: max-content;
  max-width: unset;
}

table .figcaption {
  text-align: center;
}

th {
  background-color: #e1eaf0;
  position: relative;
  /* Allows z-index and smooth translation */
  background-clip: padding-box;
  /* Prevents background leaking under borders */
  font-family: Verdana, 'dejavu_sansbold', Tahoma, sans-serif;
}

tr:hover {
  background-color: #e6eef3;
}

/* Add solid backgrounds for table headers in dark mode */
:root:not([data-theme="light"]) th {
  background-color: #1e293b;
}

:root:not([data-theme="light"]) th,
:root:not([data-theme="light"]) td {
  border-color: #94a3b8;
}

:root:not([data-theme="light"]) tr:hover {
  background-color: #233043
}

[data-theme="dark"] th {
  background-color: #1e293b;
}

[data-theme="dark"] th,
[data-theme="dark"] td {
  border-color: #94a3b8;
}

[data-theme="dark"] tr:hover {
  background-color: #233043
}

main {
  /* Replaces overflow: hidden from all-share.css. 
     'clip' hides the falling leaves overflow without trapping position: sticky! */
  overflow: clip !important;
}