html,
body {
  height: auto;
  overflow: visible;
}

body {
  border: none;
}

a {
  color: #000;
}

#container {
  overflow: visible;
}

#toolbar,
.content .links {
  display: none;
}

#breadcrumbs {
  border: none;
  margin-left: 10px;
  margin-top: 10px;
}

#breadcrumbs li:not(:last-child) {
  filter: none;
}

#breadcrumbs li + li a {
  margin: 0;
}

#breadcrumbs li:not(:first-child) + li::before {
  display: inline-block;
  content: "⟩";
}

#breadcrumbs span {
  display: inline-block;
}

#breadcrumbs li:first-child {
  display: none; /* Hide the "Home" link */
}

#breadcrumbs a {
  background: none;
  clip-path: none;
  box-shadow: none;
}

#breadcrumbs a,
#breadcrumbs span {
  padding: 0 10px;
}

#panels {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}

.content {
  width: 100%;
}

.content .labels span {
  background: none;
  padding: 0;
  font-style: italic;
}

.content .thumb.jpg,
.has-image.jpg::before,
[data-view="icons"] .panel li a.has-image.jpg::before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.content .characters .image {
  box-shadow: inset 0 -0px 2px 0px rgba(0, 0, 0, 0.2);
  page-break-inside: avoid;
}

[data-view="list"] .panel li.header {
  background: none;
}

[data-view="list"] .panel li.header span {
  border-top: 1px solid var(--color-border);
}

[data-view="list"] .panel a.has-image::before {
  box-shadow: none;
}
