/* Interpretation introduction and compact source lists. */

.interpretation .contents .titlepage {
  max-width: none;
  padding-inline: 0;
}

.interpretation .contents { padding-bottom: 0; }

.interpretation .part-head .head {
  padding-bottom: 0;
  margin-bottom: 0;
}
.interpretation .part-head .head h2 {
  max-width: 900px;
  margin-inline: auto;
}

.interpretation .thought .strata { min-height: 0; }

.interpretation .thought:not(.part-head) { padding-top: calc(var(--air) * 1.2); }
.interpretation .thought .source-column {
  height: auto;
  max-height: calc(100vh - var(--masthead-height, 0px) - var(--bar));
  overflow: visible;
}
.interpretation .thought .source-column-inner { padding-top: calc(var(--air) * .8); }

.interpretation .part-head .head h2 { font-size: clamp(34px, 3.6vw, 3rem); }
.interpretation .thought:not(.part-head) .head h2 { font-size: clamp(26px, 2.5vw, 2.1rem); }

.plate-front {

  float: left;
  width: 170px;
  margin: .35rem 2rem .6rem 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  text-decoration: none;
  color: var(--ink-quiet);
  cursor: zoom-in;
}

.plate-mount {
  display: block;
  padding: 10px;
  background: color-mix(in srgb, #fff 70%, var(--sheet));
  border: 1px solid var(--rule-fine);
  box-shadow: 0 1px 3px rgb(64 55 40 / .07);
}
.plate-front:hover .plate-mount { border-color: var(--rule); }

.plate-front img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
.plate-front:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.plate-nr {
  display: block;
  margin: .5rem 0 .05rem;
  font-family: var(--apparatus);
  font-size: .66rem;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--verdigris);
}

.plate-name {
  display: block;
  font-family: var(--apparatus);
  font-size: .78rem;
  line-height: 1.35;
}
.plate-front:hover .plate-name { color: var(--ink); }

.interpretation .intro {
  display: flow-root;
  padding-right: 10%;
}

@media (max-width: 46rem) {
  .plate-front { display: none; }
  .interpretation .intro { padding-right: 0; }
}