html {
  font-size: clamp(100%, 75% + 0.5vw, 112.5%);
  line-height: 1.5;
}
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: hsl(50, 100%, 99%);
  background: url(/bin/background.2cc33e7c.svg), hsl(50, 100%, 99%) center;
  color: #181410;
  transition: background ease 0.2s, color ease 0.2s;
}
body.dark {
  background: hsl(36, 80%, 7%);
  background: url(/bin/background-dark.1b6eb7cf.svg), hsl(36, 80%, 7%) center;
  color: #fefbfa;
}
/* Image alt text */
img { color: #181410; }
body.dark img { color: #fefbfa; }

body {
  display: flex;
  flex-direction: column;
}
footer {
  flex: 1;
}

#main-grid {
  width: 100%;
  display: inline-block;
}
nav { width: 20%; }
main { width: 60%; }
aside { width: 20%; }
#main-grid, nav, main, aside {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
nav, main, aside, footer { padding: 1rem; }

nav > header {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
nav > header > a {
  text-decoration: none;
  color: inherit;
}

nav > ul {
  display: flex;
  flex-direction: column;
  padding: 0;
}
nav > ul > li {
  flex: 1 0 2.25em;
}
nav > ul > li::before {
  display: none;
}
nav > ul > li span.little-icons {
  margin-right: 0.125em;
}

#lang-container {
  position: relative;
  display: inline-block;
  margin-right: 0.33em;
}
#lang-list {
  white-space: nowrap;
  text-align: center;
  background: rgba(248, 246, 240, 0.97);
  position: absolute;
  border-radius: 0.25em;
  width: 8.5em;
  top: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#lang-list p {
  margin-top: 0.1em;
  margin-bottom: 0.3em;
}
body.dark #lang-list {
  background: rgba(48, 40, 32, 0.97);
}

summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

aside {
  font-size: 0.9rem;
  position: relative;
  padding-top: 4rem;
}
#curcat-icon {
  position: absolute;
  font-size: 3.5rem;
  transform: rotate(-9deg);
  user-select: none;
  top: 0.2rem;
  right: 0.5rem;
}
aside div[role='separator'] {
  opacity: 60%;
  margin-top: 1em;
  margin-bottom: 1em;
}
#aside-date {
  margin-top: 1.5em;
  margin-bottom: 0.25em;
}
.table-of-contents { color: hsl(50, 5%, 30%); }
body.dark .table-of-contents { color: hsl(36, 5%, 70%); }
.table-of-contents p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.table-of-contents p.toc-level1 { margin-left: 0; }
.table-of-contents p.toc-level2 { margin-left: 1em; }
.table-of-contents p.toc-level3 { margin-left: 2em; }
.table-of-contents a.hidden-pastel::after { background: hsl(50, 15%, 80%); }
body.dark .table-of-contents a.hidden-pastel::after { background: hsl(36, 9%, 50%); }
#related-links ul {
  padding-right: 0;
  padding-left: 0;
}
#related-links ul li::before {
  display: none;
}
#related-links ul li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

@media (max-width: 60rem) {
  #main-grid > nav {
    width: 23.8%; }
  #main-grid > main {
    width: 76.2%; }
  #main-grid > aside {
    width: 76.2%;
    margin-left: 23.8%; }

  main {
    padding-bottom: 0; }
  aside {
    font-size: 1rem;
    position: unset;
    padding-top: 0;
    padding-bottom: 0; }
  #related-links ul li::before {
    display: inline-block;
    margin-left: 0; }
  #aside-date, aside .table-of-contents,
  aside div[role='separator'] {
    display: none; }
  #curcat-icon {
    opacity: 30%;
    z-index: -10;
    top: 2.5rem; }
}

@media (max-width: 115vh), (max-width: 48rem) {
  #main-grid > nav,
  #main-grid > main,
  #main-grid > aside {
    width: 100%;
    margin-left: 0; }
  nav {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem; }
  main {
    padding-top: 1.25rem; }
  nav > ul {
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: box-shadow 0.2s ease;
    margin-bottom: 0; }
  nav > ul > li {
    flex: 1 0 auto;
    margin-bottom: 0.25em; }
  nav > ul > li:not(:last-child) {
    margin-right: 1rem; }
  nav > ul.scroll-shadow-start {
    box-shadow: 1em 0 1em -1em inset rgba(174, 172, 170, 0.25); }
  nav > ul.scroll-shadow-end {
    box-shadow: -1em 0 1em -1em inset rgba(174, 172, 170, 0.25); }
  nav > ul.scroll-shadow-start.scroll-shadow-end {
    box-shadow: 1em 0 1em -1em inset rgba(174, 172, 170, 25%),
               -1em 0 1em -1em inset rgba(174, 172, 170, 0.25); }
  #icon-buttons {
    position: absolute;
    top: 1rem;
    right: 1rem; }
  #icon-buttons summary, #icon-buttons > a {
    font-size: 1.5rem; }
  #lang-list {
    right: 0; }
  #curcat-icon {
    top: 10rem; }
}

.hidden-pastel {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
.hidden-pastel::after {
  content: '';
  display: block;
  border-radius: 1em;
  background: hsl(0, 0%, 80%);
  transition: width 0.2s ease, height 0.2s ease,
    margin 0.2s ease;
  height: 0.12em;
  margin-top: -0.12em;
  margin-bottom: -0.12em;
}
.hidden-pastel::after {
  height: 0.08em;
  width: 0;
  margin-top: -0.10em;
  margin-bottom: -0.07em;
  margin-left: 50%;
}
.hidden-pastel:hover::after {
  width: 100%;
  margin-left: 0;
}

.pastel {
  text-decoration: none;
  color: inherit;
  border-width: 0;
  border-image-repeat: stretch;
  border-image-slice: 16 fill;
  border-image-width: 0.24em;
  border-image-outset: 0.20em 0;
  transition: border-image 0.2s ease;
}
.pastel:not(.noexpand):hover,
.pastel:not(.noexpand):focus {
  border-image-width: 0.48em;
  border-image-outset: 0.32em 0;
}

html:lang(zh) .pastel {
  border-image-outset: 0.24em 0;
}
html:lang(zh) .pastel:not(.noexpand):hover,
html:lang(zh) .pastel:not(.noexpand):focus {
  border-image-outset: 0.36em 0;
}





a.home {
  color: hsl(28, 100%, 43%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI4LDEwMCUsODklKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MS4wMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.home {
  color: hsl(28, 100.0%, 74.35%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI4LDEwMCUsOTUlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}



a.music {
  color: hsl(282, 100%, 45%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI4MiwxMDAlLDkwJSk7c3Ryb2tlLXdpZHRoOjk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1vcGFjaXR5OjEuMDAiIGQ9Ik0gNC41LDI4LjUgSCAzMS41IiAvPjwvc3ZnPg==);
}
body.dark a.music {
  color: hsl(282, 100.0%, 75.25%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI4MiwxMDAlLDk2JSk7c3Ryb2tlLXdpZHRoOjk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1vcGFjaXR5OjAuNDAiIGQ9Ik0gNC41LDI4LjUgSCAzMS41IiAvPjwvc3ZnPg==);
}



a.playful {
  color: hsl(40, 100%, 38%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDQwLDEwMCUsODQlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MS4wMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.playful {
  color: hsl(40, 100.0%, 72.1%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDQwLDEwMCUsOTMlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}



a.murmurs {
  color: hsl(204, 100%, 40%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDIwNCwxMDAlLDkwJSk7c3Ryb2tlLXdpZHRoOjk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1vcGFjaXR5OjEuMDAiIGQ9Ik0gNC41LDI4LjUgSCAzMS41IiAvPjwvc3ZnPg==);
}
body.dark a.murmurs {
  color: hsl(204, 100.0%, 73.0%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDIwNCwxMDAlLDk2JSk7c3Ryb2tlLXdpZHRoOjk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1vcGFjaXR5OjAuNDAiIGQ9Ik0gNC41LDI4LjUgSCAzMS41IiAvPjwvc3ZnPg==);
}



a.potpourri {
  color: hsl(163, 75%, 35%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDE2Myw0MiUsODklKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MS4wMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.potpourri {
  color: hsl(163, 85.0%, 70.75%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDE2Myw4NSUsOTUlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}



a.pebbles {
  color: hsl(80, 40%, 40%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDgwLDQwJSw4NSUpO3N0cm9rZS13aWR0aDo5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eToxLjAwIiBkPSJNIDQuNSwyOC41IEggMzEuNSIgLz48L3N2Zz4=);
}
body.dark a.pebbles {
  color: hsl(80, 64.0%, 73.0%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDgwLDY0JSw5MyUpO3N0cm9rZS13aWR0aDo5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eTowLjQwIiBkPSJNIDQuNSwyOC41IEggMzEuNSIgLz48L3N2Zz4=);
}



a.flow {
  color: hsl(340, 68%, 60%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDM0MCw2OCUsOTIlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MS4wMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.flow {
  color: hsl(340, 80.8%, 82.0%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDM0MCw4MSUsOTYlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}



a.backyard {
  color: hsl(258, 70%, 42%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI1OCw3MCUsOTAlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MS4wMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.backyard {
  color: hsl(258, 82.0%, 73.9%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI1OCw4MiUsOTYlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}


a.external {
  color: hsl(240, 40%, 50%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI0MCw0MCUsODUlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC45MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark a.external {
  color: hsl(240, 64.0%, 82.5%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDI0MCw2NCUsOTUlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}

.pastel.miscellaneous {
  color: hsl(0, 0%, 40%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDAsMCUsODAlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC45MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}
body.dark .pastel.miscellaneous {
  color: hsl(0, 0%, 73.0%);
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDAsMCUsOTElKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC40MCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}

.pastel.hovernote {
  border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBiYWNrZ3JvdW5kPSd3aGl0ZSc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6aHNsKDAsMCUsNzAlKTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW9wYWNpdHk6MC4yMCIgZD0iTSA0LjUsMjguNSBIIDMxLjUiIC8+PC9zdmc+);
}

#lang-container > summary,
#dark-toggle {
  cursor: pointer;
  display: inline-block;
  line-height: 1.1;
}
body.ua-inline-height #lang-container > summary,
body.ua-inline-height #dark-toggle {
  line-height: 1.25;
}

footer > span:first-child {
  display: inline-block;
  text-indent: -1.75em;
  margin-bottom: 0.075em;
  padding-left: 1.75em;
}
footer > span:first-child * {
  text-indent: 0;
}
footer > span:first-child > span.group {
  display: inline-block;
}
footer > span:first-child > span.group > *:not(:last-child)::after {
  content: '·';
  margin-right: 0.5em;
  margin-left: 0.5em;
}
footer > span:first-child > span.group:not(:first-child)::before {
  content: '|';
  margin-right: 0.6em;
  margin-left: 0.6em;
}
footer .little-icons {
  line-height: 1;
}
footer a.hidden-pastel.little-icons::after {
  margin-top: 0.02em;
}

main {
  position: relative;
}
main header h1 {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
#top-fleuron {
  background: no-repeat center 0 / contain url('/bin/top-fleuron.30ce6241.svg');
  position: absolute;
  z-index: -1;
  height: 6.75rem;
  width: 100%;
  top: -0.3em;
  left: 0;
}
body.dark #top-fleuron { opacity: 45%; }

@media (max-width: 115vh), (max-width: 48rem) {
  #top-fleuron {
    background-size: cover;
    height: 9.375vw;
    min-height: 3.375rem;
    top: 0; }
}

#bottom-fleuron {
  text-align: right;
  z-index: -1;
  height: 4.8em;
  width: 100%;
  margin-top: -4.8em;
}
#bottom-fleuron > div {
  background: no-repeat 100% 0 / cover url('/bin/puffs.76d52422.svg');
  position: absolute;
  height: 4.8em;
  width: 100%;
  max-width: 48em;
  right: 0;
}

@font-face {
  font-family: 'Livvic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bin/fonts/Livvic-Regular.e3301ea6.woff2) format('woff2'),
       url(/bin/fonts/Livvic-Regular.e75b230a.woff) format('woff');
}
@font-face {
  font-family: 'Livvic';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(/bin/fonts/Livvic-SemiBold.2e55783a.woff2) format('woff2'),
       url(/bin/fonts/Livvic-SemiBold.3b626806.woff) format('woff');
}
@font-face {
  font-family: 'Livvic — Lighter Bold';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bin/fonts/Livvic-Regular.e3301ea6.woff2) format('woff2'),
       url(/bin/fonts/Livvic-Regular.e75b230a.woff) format('woff');
}
@font-face {
  font-family: 'Livvic — Lighter Bold';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(/bin/fonts/Livvic-Medium.e2ef08b7.woff2) format('woff2'),
       url(/bin/fonts/Livvic-Medium.7a95d81a.woff) format('woff');
}
@font-face {
  font-family: 'Sono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bin/fonts/Sono_Monospace-Regular.394928c0.woff2) format('woff2'),
       url(/bin/fonts/Sono_Monospace-Regular.a3dbe288.woff) format('woff');
}
@font-face {
  font-family: 'Sono';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(/bin/fonts/Sono_Monospace-SemiBold.5dd03a8f.woff2) format('woff2'),
       url(/bin/fonts/Sono_Monospace-SemiBold.d96add08.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans — Greek';
  unicode-range: U+0370-U+03ff;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bin/fonts/OpenSans-Regular-Greek.a7fdcb52.woff2) format('woff2'),
       url(/bin/fonts/OpenSans-Regular-Greek.ba27f236.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans — Cyrillic';
  unicode-range: U+0400-U+052f;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bin/fonts/OpenSans-Regular-Cyrillic.58b90cca.woff2) format('woff2'),
       url(/bin/fonts/OpenSans-Regular-Cyrillic.2d2ba5bc.woff) format('woff');
}
@font-face {
  font-family: 'Ayuu Little Icons — 221202a';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts/little-icons.b2dfc0c5.woff2) format('woff2'),
       url(/bin/fonts/little-icons.049b79ef.woff) format('woff');
}

@font-face {
  font-family: 'AaKaiSong';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts-zh/AaKaiSong.common.b43e1cb1.woff2) format('woff2');
  unicode-range: U+7eed,U+ff09,U+300a,U+5929,U+9690,U+5e8f,U+70df,U+6d3b,U+964d,U+86f0,U+5077,U+53e3,U+97f3,U+8865,U+53f7,U+51fa,U+9633,U+6784,U+8d23,U+7f16,U+9192,U+60ca,U+8ddf,U+8bc1,U+6c90,U+6d74,U+8fdc,U+521d,U+7387,U+719f,U+8def,U+653e,U+5207,U+673a,U+5f25,U+5176,U+4f4d,U+8bdd,U+7740,U+600e,U+5706,U+521b,U+89d2,U+6b64,U+9762,U+7901,U+540e,U+8272,U+5341,U+6ce2,U+542f,U+6ca1,U+7eb8,U+75db,U+7a76,U+4e2a,U+ff1a,U+89c8,U+7a3f,U+7ec4,U+5305,U+77f3,U+7761,U+90e8,U+5c45,U+8fd8,U+6309,U+5173,U+523b,U+82e6,U+73af,U+7ba1,U+7d20,U+7c7b,U+6d6e,U+9009,U+8bd5,U+793e,U+6d77,U+56fe,U+8a00,U+4e00,U+5f62,U+66f4,U+4e22,U+6b4c,U+56de,U+6d41,U+63e3,U+6ce1,U+652f,U+5b50,U+516c,U+7cfb,U+6c1b,U+5b66,U+79f0,U+6837,U+ff01,U+6765,U+607c,U+4ed9,U+52aa,U+53cd,U+505c,U+91cc,U+4e25,U+6362,U+662f,U+6f02,U+65f6,U+5e0c,U+53d6,U+8f91,U+524d,U+7b97,U+622a,U+62e5,U+6293,U+5348,U+6216,U+4f19,U+8fb9,U+8424,U+89c6,U+6761,U+8bed,U+7b54,U+79cd,U+9ed1,U+8bc4,U+9ad8,U+5df1,U+5c71,U+7279,U+6211,U+4e48,U+5728,U+9605,U+4f7f,U+3001,U+5e95,U+53d1,U+89c9,U+7e41,U+671b,U+6de1,U+82b1,U+53c2,U+52a0,U+592a,U+6c34,U+60ef,U+9002,U+5403,U+7247,U+7f8a,U+56f4,U+6574,U+4eba,U+548c,U+5462,U+751f,U+201c,U+5417,U+6625,U+7684,U+9020,U+7269,U+53ef,U+66f2,U+8bb8,U+70ed,U+52a8,U+65e0,U+5230,U+811a,U+5206,U+5fd9,U+5171,U+4e86,U+5e94,U+5149,U+6240,U+8054,U+6539,U+6545,U+ff0c,U+77ed,U+5e08,U+4e50,U+4eca,U+5b57,U+6f2b,U+5c3e,U+7ec6,U+53eb,U+4e8e,U+9519,U+4ee5,U+6c38,U+5bb9,U+4e3b,U+5fd8,U+4e1b,U+65b0,U+4e0d,U+88c5,U+4e03,U+559c,U+95f4,U+2026,U+5145,U+89e6,U+751c,U+2013,U+5668,U+751a,U+590d,U+71ac,U+4e2d,U+4e0a,U+4f5c,U+836f,U+65ec,U+624b,U+522b,U+96c6,U+81ea,U+79ef,U+81f3,U+300b,U+5e73,U+5168,U+4e4b,U+5de7,U+53ea,U+4f3c,U+6280,U+5bf9,U+7f51,U+665a,U+539f,U+8c31,U+8fd9,U+ff08,U+884c,U+7ed3,U+6742,U+5feb,U+866b,U+5df2,U+4e91,U+8d76,U+5b9a,U+672c,U+6a21,U+5806,U+8d2f,U+4e1c,U+591c,U+8ff9,U+6551,U+7b26,U+73b0,U+4f46,U+989c,U+610f,U+80fd,U+8dc3,U+73a9,U+4f1a,U+529b,U+53bb,U+5199,U+4e8b,U+5185,U+8584,U+8ba1,U+6563,U+8bbe,U+628a,U+603b,U+620f,U+745a,U+675f,U+5355,U+9a6c,U+4e24,U+9ebb,U+6301,U+7ed9,U+7a0b,U+996d,U+505a,U+7b80,U+6587,U+61d2,U+60c5,U+5fc3,U+5e26,U+5904,U+53f0,U+5f20,U+9891,U+56e2,U+5c0f,U+ff1f,U+706b,U+516b,U+5386,U+6bd4,U+4ec0,U+6bb5,U+9879,U+591a,U+56ed,U+62bd,U+683c,U+5f71,U+914d,U+7434,U+8d70,U+843d,U+7f6e,U+50cf,U+576a,U+6559,U+5e38,U+660e,U+63d0,U+7814,U+9524,U+5ffd,U+65e9,U+672b,U+6b21,U+65b9,U+5411,U+4e9b,U+4ece,U+4e09,U+9996,U+5440,U+8282,U+4ed3,U+7ad9,U+65ad,U+6307,U+5b83,U+4f38,U+8d77,U+ff1b,U+91c7,U+63a5,U+6d8c,U+601d,U+5e76,U+5e03,U+513f,U+5b69,U+54c1,U+6298,U+5b8c,U+5f8b,U+5236,U+51e0,U+5f97,U+7f00,U+98ce,U+9c7c,U+8fdb,U+51ac,U+7535,U+6797,U+95e8,U+5404,U+5bd2,U+4ef7,U+957f,U+4e49,U+4efd,U+6253,U+65e5,U+72ac,U+7ecf,U+65cb,U+9e23,U+7231,U+5999,U+594f,U+7167,U+5e74,U+4f53,U+788e,U+4e14,U+4ea4,U+5531,U+8ba2,U+84dd,U+86cb,U+5177,U+94c1,U+62b1,U+8fc7,U+5ea6,U+611f,U+6b22,U+6807,U+5f00,U+90fd,U+5bfc,U+6d88,U+58eb,U+771f,U+5947,U+518d,U+540d,U+8db3,U+51b3,U+770b,U+5982,U+9875,U+65c5,U+4f4f,U+96be,U+76d2,U+53cb,U+6709,U+8bcd,U+9732,U+8868,U+5019,U+89e3,U+8d1f,U+767d,U+6697,U+679c,U+590f,U+2014,U+6682,U+64cd,U+8fdf,U+53ca,U+5f0f,U+767e,U+754c,U+5f53,U+88ab,U+91cd,U+542c,U+542b,U+8be5,U+4e0b,U+7fa4,U+6750,U+51fb,U+4e1a,U+5a92,U+6c14,U+975e,U+95ee,U+94fe,U+547d,U+5934,U+8ba9,U+8fbe,U+68a6,U+8349,U+6599,U+7ec3,U+7591,U+7531,U+5f85,U+72b6,U+6cd5,U+3002,U+4e0e,U+9700,U+6d1e,U+6817,U+7406,U+57fa,U+58f0,U+706f,U+8981,U+91cf,U+7ebf,U+697c,U+4ee4,U+795e,U+971c,U+5047,U+96e8,U+77e5,U+6d45,U+6c49,U+8df3,U+4f9d,U+5750,U+6536,U+5c01,U+7ea2,U+78b0,U+4e3a,U+7ef4,U+6210,U+5192,U+7edc,U+8f83,U+96ea,U+65c1,U+6b63,U+7559,U+4e07,U+5c5e,U+4eec,U+5217,U+5b89,U+6bcf,U+613f,U+5bc2,U+8bf4,U+62e9,U+82f1,U+6d0b,U+6df1,U+5927,U+4ed6,U+6735,U+53cc,U+9e1f,U+8bfe,U+5c31,U+94a2,U+800c,U+5f88,U+8ff0,U+5316,U+4e5f,U+5fe7,U+6cbf,U+4e16,U+60f3,U+6237,U+5f69,U+6591,U+6708,U+9ea6,U+76f8,U+7b14,U+6821,U+4e4e,U+5566,U+672f,U+5730,U+70c2,U+6811,U+5f15,U+4f34,U+9898,U+5fc6,U+9057,U+59cb,U+666e,U+9759,U+6258,U+5212,U+6218,U+ff5e,U+8425,U+6700,U+5bb6,U+53f6,U+4e1d,U+90a3,U+6863,U+534a,U+4e60,U+201d,U+4e92,U+4ea7,U+4eae,U+62c5,U+6691,U+523a,U+540c,U+5973,U+8bb0,U+9884,U+597d,U+70b9,U+732b,U+8c03,U+66fe,U+8651,U+5427,U+8f68,U+5de5,U+753b,U+76ee,U+6ee1,U+5b9e,U+79cb,U+7a7a,U+661f,U+7ec8,U+73ca,U+545c,U+5408,U+7f8e,U+53d7,U+6f14,U+69cc,U+633a,U+671f,U+6e38,U+8005,U+7acb,U+5e93,U+7bf7,U+5f52,U+5f55,U+62c9,U+65af,U+7248,U+7528;
}
@font-face {
  font-family: 'AaKaiSong';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts-zh/AaKaiSong.common.3cfafdf5.woff2) format('woff2');
  unicode-range: U+670b,U+9669,U+649e,U+786e,U+79bb,U+4e8c,U+793a,U+4f5b,U+8c1c,U+54ea,U+56e0,U+514b,U+5e55,U+8003,U+7126,U+98de,U+4fbf,U+7b2c,U+7eff,U+8001,U+5438,U+578b,U+7b49,U+5267,U+6c11,U+4f17,U+62fc,U+63a2,U+76f4,U+7075,U+9053,U+7840,U+731c,U+94c3,U+666f,U+7834,U+8336,U+827a,U+8f66,U+4fee,U+5458,U+8111,U+8fd1,U+8d34,U+820d,U+544a,U+5ba4,U+88d9,U+6c89,U+6982,U+6b7b,U+5fae,U+9694,U+6728,U+5148,U+5979,U+5916,U+8292,U+6548,U+8eab,U+6478,U+6643,U+5708,U+8da3,U+9a73,U+961f,U+62cd,U+677f,U+7267,U+822c,U+4e94,U+8f6c,U+5c04,U+85cf,U+62ff;
}
@font-face {
  font-family: 'AaKaiSong';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts-zh/AaKaiSong.common.d93d6fa9.woff2) format('woff2');
  unicode-range: U+5c3d,U+575a,U+9b3c,U+9014,U+5ff5,U+6597,U+6447,U+5c1d,U+906d,U+6570,U+7cdf,U+6839,U+636e,U+5373,U+573a,U+83b7,U+7d22,U+7b11,U+6e90,U+8c61,U+7cbe,U+8c37,U+8ddd,U+5143,U+5efa,U+5468,U+7d27,U+6295,U+8f7d,U+4ef6,U+8ff7,U+9a8c,U+56fd,U+672a,U+9ec4,U+81f4,U+4e34,U+4f8b,U+5948,U+4ec5,U+9664,U+4e58,U+63cf,U+9634,U+7136,U+7edf,U+9080,U+8ffd,U+5ef6,U+6025,U+8dd1,U+9010,U+8d5e,U+8f9c,U+6c42,U+503c,U+89c4,U+878d,U+5f80,U+7ece,U+6781,U+561b,U+4f20,U+949f,U+4f55,U+9b42,U+4fe1,U+4eff,U+8ba4,U+53d8,U+7eb5,U+53c8,U+7a7f,U+79fb,U+7af9,U+70c8,U+7eea,U+5c55,U+955c,U+867d,U+4ee3,U+5c11,U+8eba,U+8bc6,U+70e6,U+5931,U+7070,U+514d,U+6e05,U+6848,U+8bbf,U+901a,U+4efb,U+89c1,U+56db,U+8bfb,U+5c06,U+79d1,U+89c2,U+6d4b,U+7206,U+7801,U+53e4,U+6325,U+8d5b,U+8bd7,U+8fde,U+6084,U+5370;
}
@font-face {
  font-family: 'AaKaiSong';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts-zh/AaKaiSong.common.15ce1c37.woff2) format('woff2');
  unicode-range: U+5e78,U+5883,U+624d,U+6c8c,U+6df7,U+5492,U+606f,U+670d,U+7a97,U+8ba8,U+5c42,U+6e10,U+65e2,U+5bc6,U+63a7,U+4f4e,U+60a6,U+574f,U+7ffb,U+5e45,U+62df,U+4ecd,U+6469,U+534e,U+5343,U+9488,U+627e,U+4f51,U+904d,U+821e,U+504f,U+501f,U+51c6,U+64ad,U+4f9b,U+6613,U+9f13,U+4eb2,U+798f,U+627f,U+519b,U+9886,U+6620,U+4e45,U+67d0,U+5165,U+7ec7,U+6ce8,U+4f24,U+6170,U+663c,U+6c99,U+6e32,U+5f02,U+9645,U+98a4,U+5439,U+8d28,U+8bba,U+5b64,U+8d85,U+8d4f,U+8d39,U+5f81,U+52a1,U+8c13,U+63a8,U+61be,U+5df4,U+8bae,U+6ed1,U+6bd5,U+6b62,U+7b28,U+82e5;
}
@font-face {
  font-family: 'AaKaiSong';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/bin/fonts-zh/AaKaiSong.common.b9e633a3.woff2) format('woff2');
  unicode-range: U+8131,U+4fdd,U+804a,U+865a,U+5496,U+5426,U+7edd,U+541f,U+5bfb,U+602a,U+8bf7,U+9ece,U+7a9f,U+79c0,U+7981,U+795d,U+6653,U+76d8,U+75c5,U+7565,U+6389,U+91ca,U+6446,U+952e,U+7130,U+95f9,U+53e5,U+706d,U+6fc0,U+89c5,U+5361,U+6b8b,U+6d78,U+6dfb,U+8bb2,U+9012,U+5b58,U+6b49,U+8fd0,U+6790,U+773c,U+7f57,U+6746,U+54cd,U+521a,U+663e,U+5374,U+54e6,U+7ed8,U+7ea0,U+4f60,U+53e6,U+897f,U+6562,U+7ee7,U+80b2,U+6cb9,U+62d6,U+4e71,U+62c2,U+62b5,U+62a5,U+6027,U+6b65,U+5219,U+6168,U+6000,U+5f84,U+5f3a,U+5f26,U+5f04,U+907f,U+5ea7,U+5e2e,U+5e02,U+5dee,U+968f,U+5c4f,U+5c1a,U+5c14,U+5bcc,U+5ba2,U+5957,U+5954,U+58f6,U+4f18,U+589e,U+5899,U+5851,U+57ce,U+5e7f,U+67d3,U+5584,U+5561,U+554a,U+54ed,U+96f6,U+73cd,U+5473,U+6109,U+56f0,U+9047,U+53c9,U+5385,U+5377,U+535a,U+52b2,U+72ec,U+51dd,U+6392,U+51b0,U+9650,U+632f,U+6001,U+80cc,U+4f0a,U+4ecb,U+96fe,U+4e13;
}


*[lang='lat'] { font-style: italic; }

pre, code, .tt {
  font-size: 0.9rem;
}
.little-icons {
  font-family: 'Ayuu Little Icons — 221202a';
}

sup {
  line-height: 0;
}
a.pastel.external > sup.little-icons {
  user-select: none;
  display: inline-block;
  position: relative;
  top: -0.1em;
}

a.date-term-link::after { background: rgb(216, 216, 216); }
.date-term {
  font-size: 0.9rem;
  color: rgb(112, 112, 112);
}
.date-term .date-bracket-start,
.date-term .date-bracket-end {
  font-size: 0.5rem;
  position: relative;
  top: -0.15rem;
}
.date-term .date-bracket-start { margin-right: 0.2em; }
.date-term .date-bracket-end { margin-left: 0.04em; }
.date-term .date-term-single {
  display: inline-block;
}
.date-term .delim { padding-right: 0.2em; padding-left: 0.1em; }
.date-term sup::after {
  font-family: 'Ayuu Little Icons — 221202a';
  line-height: 0;
  display: inline-block;
}
.date-term sup.season-1::after { content: '\1f340'; }
.date-term sup.season-2::after { content: '\1f338'; }
.date-term sup.season-3::after { content: '\1f333'; }
.date-term sup.season-4::after { content: '\2600'; }
.date-term sup.season-5::after { content: '\1f33e'; }
.date-term sup.season-6::after { content: '\1f343'; }
.date-term sup.season-7::after { content: '\2744'; }
.date-term sup.season-8::after { content: '\1f9ca'; }

body.dark a.date-term-link::after { background: rgb(128, 128, 128); }
body.dark .date-term { color: rgb(180, 180, 180); }

div[role='separator'] {
  background: no-repeat center 0 / auto 100% url('/bin/divider-fleuron-heart.2bf8bd95.svg');
  position: relative;
  height: 1.5em;
  width: calc(100% - 3em);
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
}
div[role='separator']::before, div[role='separator']::after {
  content: '';
  display: inline-block;
  background: no-repeat 0 / contain url('/bin/divider-end.05bc7ed9.svg');
  position: absolute;
  height: 1.5em;
  width: 1.5em;
}
div[role='separator']::before { left: -1.5em; }
div[role='separator']::after { right: -1.5em; }
div[role='separator'].item-separator,
div[role='separator'].cloudy {
  background-image: url('/bin/divider-fleuron-cloudy.a052df0d.svg');
  background-repeat: repeat-x;
}
div[role='separator'].windy {
  background-image: url('/bin/divider-fleuron-windy.8ed8ae5f.svg');
  background-repeat: repeat-x;
}

div.item-separator:nth-child(5n+1) { background-position-x: -4em; }
div.item-separator:nth-child(5n+2) { background-position-x: 4em; }
div.item-separator:nth-child(5n+3) { background-position-x: 0em; }
div.item-separator:nth-child(5n+4) { background-position-x: -8em; }
div.item-separator:nth-child(5n+5) { background-position-x: 8em; }

body.dark div[role='separator']
{ opacity: 60%; }

@media not (max-width: 60rem) {
  .hidden-in-widest {
    display: none; }
}

.kaomoji {
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  line-height: 1;
}
.kaomoji > svg {
  height: 1em;
  width: auto;
}
body.dark .kaomoji { filter: invert(); }

table.file-table {
  border-spacing: 1em 0.4em;
  margin: 1em 0;
}
table.file-table > tbody {
  word-break: break-word;
}
table.file-table .file-table-name {
  word-break: break-all;
  margin-right: 0.33em;
  margin-left: 0.2em;
}
@media (max-width: 115vh), (max-width: 48rem) {
  table.file-table {
    border-spacing: 1em 0;
    margin-top: -0.4em; }
  table.file-table tr > td { display: block; }
  table.file-table tr > td:first-child {
    margin: 0.5em -0.4em 0 -0.7em; }
}

ul {
  list-style: none;
  padding-left: 3em;
}
ul ul {
  padding-left: 1.5em;
}
ul > li::before {
  content: '–';
  display: inline-block;
  float: left;
  position: relative;
  top: 0.075em;
  margin-right: 1em;
  margin-left: -1.1em;
}
html:lang(zh) ul > li::before {
  margin-right: 0.75em;
  margin-left: -1.25em;
}
ul.compact {
  margin-top: -1em;
}

section h2 { font-size: 1.2rem; margin-bottom: 1.08rem; }
section h3 { font-size: 1.14rem; margin-bottom: 1rem; }
section h4 { font-size: 1.08rem; margin-bottom: 1rem; }
blockquote {
  margin: -0.1em 1em;
  padding: 0.6em 1em 0.675em;
}
blockquote .quote-main > *:first-child { margin-top: 0; }
blockquote .quote-main > *:last-child { margin-bottom: 0; }
blockquote .quote-main > *:last-child > *:last-child { margin-bottom: 0; }
blockquote .quote-main > *:last-child > *:last-child > *:last-child { margin-bottom: 0; }
blockquote + blockquote { margin-top: 0.4em; }
blockquote.note {
}
blockquote.quote .quote-main {
  position: relative;
}
blockquote.quote .quote-main > * {
  text-indent: 0;
}
blockquote.quote .quote-main, blockquote.quote .quote-main > p {
  text-indent: 2em;
}
blockquote.quote .quote-main::before,
blockquote.quote .quote-main::after {
  text-indent: 0;
  position: absolute;
  font-family: 'Livvic', sans-serif;
  font-size: 2em;
}
blockquote.quote .quote-main::before {
  content: '“';
  top: -0.8rem;
  left: -0.6rem;
}
blockquote.quote .quote-main::after {
  content: '”';
  right: -0.6rem;
  bottom: -1.9rem;
}
blockquote.quote .quote-by {
  text-align: right;
  margin-top: 0.75em;
}

.no-break {
  display: inline-block;
  white-space: nowrap;
}
.all-break {
  word-break: break-all;
}

a.music-track-link {
  color: inherit;
  text-decoration: inherit;
}
.music-track {
  display: flex;
  align-items: center;
}
.music-track .music-track-gap {
  flex: 0 0 0.5em;
}
.music-track img {
  object-fit: cover;
  height: 4.75em;
  width: 4.75em;
}
.music-track .music-track-artist {
  display: inline-block;
  line-height: 1.1;
}
.music-track .orig-title {
  font-size: 0.75em;
  color: #886;
  display: block;
}

body img { transition: filter ease 0.2s; }
body.dark img { filter: grayscale(20%) brightness(95%); }
body.dark img.syncdark { filter: grayscale(20%) invert() brightness(95%) hue-rotate(180deg); }
body.dark img.syncdarkmild { filter: grayscale(20%) invert() contrast(75%) brightness(95%) hue-rotate(180deg); }

/* Styles for bannerlist.html */

.banner-list a.item-entry {
  color: inherit;
  text-decoration: inherit;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.banner-list a.item-entry header {
  font-weight: bold;
}
.banner-list .item-plainheader header {
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.banner-list .item-banner {
  height: 10rem;
  position: relative;
}
.banner-list .item-banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75em;
}
.banner-list .item-banner > header {
  position: absolute;
  font-size: 1.5rem;
  margin: 0;
  text-shadow: #fdfdfd 0.05em 0.05em;
  border-width: 0;
  border-image: url(/bin/chalk-bg-w.a6e41f00.png) 18 fill / 0.3em / 0.1em 0;
  bottom: 1rem;
  left: 0;
  padding-right: 1.8rem;
  padding-left: 1.3rem;
}
.banner-list .item-peek {
  margin-right: 1.3rem;
  margin-left: 1.3rem;
}
.banner-list .item-peek > p > span.date-container {
  float: right;
  margin-top: 0.2em;
  margin-left: 2em;
}
.banner-list .item-peek > .clear-float {
  clear: both;
  margin-top: -2em;
}
.banner-list .item-banner header {
  color: #181410;
}
.banner-list .item-banner header.item-title-dark {
  color: #fdfdfd;
  text-shadow: #181410 0.05em 0.05em;
  border-image: url(/bin/chalk-bg-b.c85ce458.png) 18 fill / 0.3em / 0.1em 0;
}
.banner-list > div.item-separator {
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.banner-list.compact > header > p {
  text-indent: 2em;
  margin-bottom: 1.5em;
}
.banner-list.compact {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  column-gap: 1em;
}
.banner-list.compact > div.item-separator {
  grid-column: 1 / span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  transform: rotate(5deg);
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}
html[dir="rtl"] .banner-list.compact > div.item-separator {
  transform: rotate(-5deg);
}
.banner-list.compact > div.item-separator:nth-child(4n+2) {
  display: none;
}
.banner-list.compact > a.item-entry:nth-child(4n+3) {
  margin-top: 2em;
}
.banner-list.compact a.item-entry {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 115vh), (max-width: 48rem) {
  .banner-list.compact {
    display: initial; }
  .banner-list.compact > a.item-entry:nth-child(4n+3) {
    margin-top: unset; }
  .banner-list.compact > div.item-separator {
    transform: unset;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .banner-list.compact > div.item-separator:nth-child(4n+2) {
    display: block; }
  .banner-list.compact a.item-entry > section {
    display: grid;
    display: -ms-grid; }
  .banner-list.compact a.item-entry:nth-child(4n+1) > section {
    grid-template-columns: 3fr 2fr;
    -ms-grid-columns: 3fr 2fr; }
  .banner-list.compact a.item-entry:nth-child(4n+3) > section {
    grid-template-columns: 2fr 3fr;
    -ms-grid-columns: 2fr 3fr; }
  a.item-entry:nth-child(4n+3) > section > .item-banner { grid-column: 2; -ms-grid-column: 2; }
  .banner-list.compact a.item-entry:nth-child(4n+3) > section > .item-peek { grid-column: 1; -ms-grid-column: 1; grid-row: 1; -ms-grid-row: 1; }
  .banner-list.compact .item-peek {
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: scroll; }
  .banner-list.compact a.item-entry:nth-child(4n+1) > section > .item-peek { margin-right: 0.5em; }
  .banner-list.compact a.item-entry:nth-child(4n+3) > section > .item-peek { margin-left: 0.5em; }
  .banner-list.compact .item-peek > p {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 2em); }
  .banner-list.compact .item-peek > p > span.intro-text {
    flex-grow: 1; }
  .banner-list.compact .item-peek > p > span.date-container {
    float: unset;
    flex-grow: 0;
    margin-top: 0.5em;
    margin-right: 0;
    margin-left: 0; }
  .banner-list.compact a.item-entry:nth-child(4n+1) span.date-container { text-align: end; }
  .banner-list.compact a.item-entry:nth-child(4n+3) span.date-container { text-align: start; }
}

/* Styles for item.html */

.item-content p {
  text-indent: 2em;
}
.item-content p *,
.item-content blockquote.note p,
.item-content blockquote p *,
.item-content li > p:first-child,
.item-content div.image-container p {
  text-indent: 0;
}
.item-content li > p:not(:first-child) {
  text-indent: 0.5em;
}
.item-content li > p {
  margin-top: 0;
}
.item-content li > *:last-child:not(p) {
  margin-bottom: 1em;
}
.item-content p > span.br-indent {
  margin-left: 2em;
}
.item-content li p > span.br-indent,
.item-content .image-container p > span.br-indent {
  margin-left: 0;
}
.item-content > p.text-center {
  text-align: center;
  text-indent: 0;
}
div.image-container {
  text-align: center;
  line-height: 1;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
img.item-banner, .item-content img {
  object-fit: contain;
  display: inline-block;
}
img.item-banner,
.item-content div.image-container img:not(.vertical) {
  max-height: 20em;
}
img.item-banner,
.item-content div.image-container img:not(.orig-size) {
  height: auto;
  width: 20em;
  min-width: 80%;
  max-width: 100%;
}
.item-content div.image-container img.vertical {
  width: 100%;
  min-width: unset;
  max-width: 20em;
}
.item-content div.image-container img.medsmall {
  width: 75%;
  min-width: unset;
  max-width: 17.5em;
}
.item-content div.image-container img.small {
  width: 50%;
  min-width: unset;
  max-width: 15em;
}
.item-content div.image-container img.xsmall {
  width: 8em;
  min-width: 25%;
  max-width: 100%;
}
.item-content div.image-container img.xsmall.vertical {
  height: 8em;
  width: auto;
}
.item-content div.image-container img.square:not(.medsmall) {
  width: 25em;
  max-height: 25em;
  max-width: 100%;
}
.item-content div.image-container img.orig-size {
  height: auto;
  max-width: min(max(80%, 20em), 100%);
}
.item-content div.image-container p {
  line-height: 1.5;
  margin-top: 0.25em;
  margin-bottom: -0.5em;
}
.item-date {
  margin-top: 1em;
}
@media (max-width: 115vh), (max-width: 48rem) {
  img.item-banner, .item-content div.image-container img {
    max-width: 100%; }
}

.item-content div.table-container {
  text-align: center;
  margin: 1.5em 0;
}
.item-content div.table-container table {
  min-width: 75%;
  margin-right: auto;
  margin-left: auto;
}
.item-content div.table-container table,
.item-content div.table-container th,
.item-content div.table-container td {
  border-collapse: collapse;
  border-top: 0.1em solid #60605c;
  border-bottom: 0.1em solid #60605c;
}
.item-content div.table-container th,
.item-content div.table-container table {
  border-top: 0.15em solid #60605c;
  border-bottom: 0.15em solid #60605c;
}

.item-content h2 a.date-term-link {
  float: right;
  margin-left: 1em;
}
.item-content h2::after {
  content: '';
  display: block;
  clear: both;
}

.item-content pre {
  word-break: break-all;
  white-space: pre-wrap;
}
.item-content pre.code {
  width: 95%;
}
.item-content pre.code > span {
  text-indent: 5%;
  display: block;
  min-height: 1.5em;
}
.item-content pre.code.with-line-num > span {
  display: inline;
}
.item-content pre.code > .line-num {
  display: inline;
  user-select: none;
  text-indent: 0;
  color: rgba(144, 144, 144, 0.3);
  text-decoration: none;
  margin-right: 1em;
}
.item-content pre.code > .line-num.line-num-accent {
  
}
.chroma .c, .chroma .cm, .chroma .c1
{ color: #58a; }
body.dark .chroma .c, body.dark .chroma .cm, body.dark .chroma .c1
{ color: #8bf; }
.chroma .cp
{ color: #a4d; }
body.dark .chroma .cp
{ color: #daf; }
.chroma .k, .chroma .kd, .chroma .kr
{ color: #b63; }
body.dark .chroma .k, body.dark .chroma .kd, body.dark .chroma .kr
{ color: #f96; }
.chroma .kt
{ color: #395; }
body.dark .chroma .kt
{ color: #7e9; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo
{ color: #83a; }
body.dark .chroma .m, body.dark .chroma .mb, body.dark .chroma .mf, body.dark .chroma .mh, body.dark .chroma .mi, body.dark .chroma .il, body.dark .chroma .mo
{ color: #d8f; }
.chroma .nb
{ color: #46c; }
.chroma .s, .chroma .s1
{ color: #852; }
body.dark .chroma .s, body.dark .chroma .s1
{ color: #eb8; }

.item-content span.katex {
  overflow-x: scroll;
  overflow-y: hidden;
}

.item-content .music-track {
  padding-right: 2em;
  padding-left: 2em;
}
.item-content > a.music-track-link {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}

.item-content .chord-tab .chord-tab-row {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.item-content .chord-tab .chord-tab-item {
  display: inline-block;
  vertical-align: middle;
  border-left: 0.1em rgba(192, 180, 180, 0.12) solid;
  padding-left: 0.125em;
  margin: 0.25em 0.125em 0.25em 0;
}
.item-content .chord-tab .chord-tab-item.chord-tab-item-empty {
  border-left: none;
}
.item-content .chord-tab .chord-tab-item span {
  display: block;
  height: 1.5em;
}
.item-content .chord-tab div[role='separator'] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

details.details-toc {
  display: none;
}
details.details-toc > summary {
  cursor: pointer;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
details.details-toc > summary::before {
  content: '+';
  display: inline-block;
  width: 1em;
}
details.details-toc[open] > summary::before {
  content: '-';
}
@media (max-width: 60rem) {
  details.details-toc { display: block; }
}
details.details-toc .table-of-contents {
  padding-left: 2em;
}