/* library-room.css — hall three of the museum: sixteen book plates from the
   owner's shelf, hung in the shared room (.flow--room, flow.css) as 2:3
   plates in oiled walnut with a paper slip. The room derives everything
   else; this file says the finish, the lamp, the proportion, and the book
   strip type: the book's own live title, author and year set into its
   paper strip, and the line it is remembered by on the plaque beneath. */

/* The room is set in English only (owner decision, 2026-09-14): the English
   title, the romanised author and the line in English, so it loads no CJK
   cut of its own. The Chinese titles and lines stay in quotes.json as the
   record the English is checked against. */

#hall-3 {
  /* oiled walnut, and the plate's own paper as the slip: the plaque takes
     its material from the slip, so under this moulding it is a paper card */
  --frame-finish-face: #4a3221;
  --frame-finish-lit: #9a7452;
  --frame-finish-dark: #1c110a;
  --frame-finish-fillet: #ebe6da;
  /* the lamp: the scroll's brass-lit token warms the wash; the floor is
     the walnut's own dark */
  --flow-room-light: #ecd7a3;
  --flow-room-floor: #120c08;
  --flow-ratio: 1.5;
  --serif: "Bodoni Moda", Didot, serif;
  --strip-ink: #221a0c;
  --strip-cinnabar: #d2352c;
}

#hall-3 .poster-plate {
  position: relative;
  display: block;
  container-type: inline-size;
}

#hall-3 .poster-type {
  position: absolute;
  right: 5%;
  bottom: 3.2%;
  left: 5%;
  top: auto;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: min(12px, 4cqw);
  color: var(--strip-ink);
}

/* author over year, lower right, in the strip's mono */
#hall-3 .poster-type > p {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: .4em;
  margin: 0 0 .2em;
  font: 700 min(2.6cqw, .62rem)/1 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}

/* the title, lower left, one line always */
#hall-3 .poster-type h2 {
  order: -1;
  min-width: 0;
  margin: 0;
  font-family: var(--serif);
  font-size: min(7.2cqw, 1.9rem);
  font-weight: 600;
  line-height: .9;
  letter-spacing: -.02em;
  white-space: nowrap;
}

/* long titles take a smaller tier so the author keeps the right of the
   strip; the tiers were measured against each title's real width in the
   room's serif, with an eighth of the strip to spare */
#hall-3 .book--pride-and-prejudice .poster-type h2,
#hall-3 .book--fortress-besieged .poster-type h2 {
  font-size: min(6.4cqw, 1.7rem);
}
/* the Chinese shelf's English titles joined the tiers on 2026-09-14, when the
   room went English only; measured the same way, in the browser suite */
#hall-3 .book--the-old-man-and-the-sea .poster-type h2,
#hall-3 .book--the-brothers-karamazov .poster-type h2,
#hall-3 .book--thus-spoke-zarathustra .poster-type h2,
#hall-3 .book--dream-of-the-red-chamber .poster-type h2 {
  font-size: min(4.5cqw, 1.2rem);
}
#hall-3 .book--one-hundred-years-of-solitude .poster-type h2,
#hall-3 .book--romance-of-the-three-kingdoms .poster-type h2,
#hall-3 .book--legend-of-the-condor-heroes .poster-type h2 {
  font-size: min(4.1cqw, 1.1rem);
}
/* the one author too long for the strip breaks after his second name */
#hall-3 .book--one-hundred-years-of-solitude .poster-type > p > span:first-child {
  max-width: 15.5ch;
  white-space: normal;
  line-height: 1.15;
}

/* the paper card carries the line, in the book's serif */
#hall-3 .flow-item .flow-caption {
  max-width: min(calc(var(--flow-w) * 1.5), calc(100vw - 32px));
}

#hall-3 .flow-item .flow-caption i {
  max-width: 46ch;
  font-family: var(--serif);
  font-size: clamp(.9rem, 1.3vw, 1.05rem);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.3;
}