.viewer-title__metadata {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  position: relative;
}

.viewer-title__metadata > span {
  font-size: 0.6rem;
  opacity: 0.58;
}

.viewer-license summary {
  cursor: pointer;
  list-style: none;
}

.viewer-license summary::-webkit-details-marker {
  display: none;
}

.viewer-title__metadata .viewer-license {
  position: static;
}

.viewer-license__menu {
  align-content: start;
  display: grid;
  gap: 0.65rem;
  left: 0;
  max-width: min(30rem, calc(100vw - 2 * var(--gutter)));
  max-height: calc(100svh - var(--header-height) - var(--gutter) - 2rem);
  min-width: min(22rem, calc(100vw - 2 * var(--gutter)));
  overflow-y: auto;
  padding: 1rem 1.1rem;
  right: auto;
  text-align: left;
  text-transform: none;
  white-space: normal;
  width: max-content;
}

.viewer-license__menu p {
  font-family: "IBM Plex Sans", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 0;
  max-width: none;
}

.viewer-license__menu p:first-child {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.68rem;
  line-height: 1.4;
}

.viewer-license__menu a {
  color: var(--ink);
  display: inline;
  font: inherit;
  min-height: 0;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
  white-space: normal;
}

.viewer-grid__footer a {
  text-decoration: underline;
}

@media (max-width: 850px) {
  .viewer-title__metadata {
    justify-content: flex-start;
  }
}