/* The museum's lines inside a book on Spark's shelf (see books/museum.js). The book keeps its own
   look; the museum adds one door, dressed like the book's own buttons. */
#top .museum-door {
  display: inline-flex; align-items: center; gap: 7px; flex: none; margin-right: 8px; padding: 6px 12px 6px 10px;
  border: 1px solid var(--graphite2, #3a3a3a); border-radius: 999px; color: var(--gold, #c7a84a); text-decoration: none;
  font: inherit; letter-spacing: .12em; white-space: nowrap;
}
#top .museum-door:hover, #top .museum-door:focus-visible { border-color: var(--gold, #c7a84a); }
#top .museum-door svg { width: 12px; height: 12px; fill: currentColor; }
@media (max-width: 720px) {
  #top .museum-door { padding: 6px 9px; margin-right: 6px; }
  #top .museum-door span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media print { #top .museum-door { display: none; } }

/* The reader's account, once the shelf has its tables (books/museum.js): the copy's number in the First Printing
   under the bookplate, the count beside the day's front, the offer to the author and his rulings at the Oracle. */
.exlibris .museum-printing { margin: 12px auto 0; max-width: 22rem; font-size: .86rem; line-height: 1.45; color: var(--muted, #8f8a7e); text-align: center; }
.exlibris .museum-printing b { display: block; font-family: var(--display, serif); font-weight: 600; font-size: 1.15rem; letter-spacing: .04em; color: var(--accent2, #c7a84a); }
.museum-printing a, .museum-offer a { color: var(--accent2, #c7a84a); }
.front .museum-front { margin-top: 8px; font-size: .86rem; font-style: italic; color: var(--accent2, #c7a84a); }
.offer .museum-offer { margin-top: 12px; font-size: .9rem; color: var(--muted, #8f8a7e); }
.museum-rulings { margin: 1.4em 0 0; border-top: 1px solid #3a372f; padding-top: 12px; text-align: left; }
.museum-rulings .jl { font-variant-caps: all-small-caps; letter-spacing: .16em; color: var(--accent2, #c7a84a); margin-bottom: 8px; }
.museum-rulings .rl { border-left: 2px solid var(--accent2, #c7a84a); padding: 4px 0 4px 12px; margin: 0 0 10px; }
.museum-rulings .rl b { font-family: var(--display, serif); font-weight: 600; font-size: 1.05rem; }
.museum-rulings .rl .by { color: var(--muted, #8f8a7e); font-style: italic; }
.museum-rulings .rl p { margin: 4px 0 0; }

/* The narrator's desk in the Halls (the author only): what is recorded, what is left, and what it will cost. */
#toc .museum-narrator { margin: 0 0 22px; }
#toc .museum-narrator .mn-count { margin: 6px 0 10px; font-size: .9rem; color: var(--ink, #f3efe5); }
#toc .museum-narrator select { flex: 1 1 14rem; min-width: 0; font: inherit; font-size: .9rem; color: var(--ink, #f3efe5); background: #0e0d0b; border: 1px solid #3a372f; border-radius: 6px; padding: 8px 10px; }
#toc .museum-narrator .mn-cost { margin: 10px 0 0; font-size: .85rem; color: var(--muted, #8f8a7e); font-style: italic; }
#toc .museum-narrator .mn-say { margin: 6px 0 0; font-size: .85rem; color: var(--accent2, #c7a84a); min-height: 1.2em; }