/* Taller paper grows with the story; only the main webpage scrolls.
   Page controls stay available while reading or turning a longer spread. */
.master-journal > header { height: 64px; padding-block: 10px; }
.journal-opening {
  min-height: calc(100svh - 64px);
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
.master-journal .intro {
  flex: none;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2px 24px;
  max-width: 1300px;
  width: 100%;
  margin-inline: auto;
  padding: 6px 32px 10px;
  text-align: left;
}
.master-journal .intro .eyebrow { font-size: 10px; }
.master-journal .intro h1 { font-size: 34px; margin: 0; }
.master-journal .intro p { grid-column: 1; font-size: 12px; margin: 0; }
.master-journal .intro .contact { grid-column: 2; grid-row: 1 / 4; }
#master-book { flex: 1; min-height: 0; scroll-margin-top: 8px; }
#master-book .journal-reader {
  margin-bottom: 0;
  padding: 14px 32px;
  display: block;
  overflow-anchor: none;
}
#master-book .reader-top { margin: 0 0 10px; line-height: 1.4; font-size: 12px; }
#master-book .leather { min-height: 0; padding: 10px 12px 16px; }
#master-book #flip-pages { min-height: 0; align-items: stretch; }
#master-book .leaf {
  min-height: clamp(600px, 80svh, 900px);
  padding: 12px 10px 27px;
  display: flex;
  flex-direction: column;
}
#master-book .leaf-content {
  flex: 1;
  min-width: 0;
  padding: 8px 18px;
  overflow: visible;
  overflow-wrap: anywhere;
}
#master-book .leaf-content:focus-visible { outline: 2px solid #795532; outline-offset: -2px; }
#master-book .leaf h2 { font-size: 30px; margin: 8px 0 14px; }
#master-book .leaf p { font-size: 17px; line-height: 1.65; margin-bottom: 16px; }
#master-book .mounted, #master-book .legacy-leaf .leaf-content > figure { margin: 14px 4px; }
#master-book figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(48svh, 380px);
  object-fit: contain;
  margin-inline: auto;
}
#master-book .folio { bottom: 4px; }
#master-book .reader-controls {
  display: grid;
  grid-template-columns: auto auto auto minmax(0, 440px);
  gap: 12px;
  margin: 16px 0 0;
  position: sticky;
  bottom: 10px;
  z-index: 10;
  padding: 10px;
  background: #eee4d3;
  border: 1px solid #79553244;
  border-radius: 5px;
  box-shadow: 0 3px 14px #39281825;
}
#master-book .reader-controls button, #master-book .reader-controls select {
  min-height: 44px;
  max-width: 100%;
}
#master-book .reader-controls select { width: 100%; min-width: 0; }
#master-book .reader-controls select:focus-visible { outline: 3px solid #795532; outline-offset: 3px; }
#master-book .journal-direction-note { margin: 0; font-size: 12px; line-height: 1.4; }
@media (max-width: 760px) {
  .master-journal > header { height: 58px; }
  .journal-opening { min-height: calc(100svh - 58px); padding-bottom: 8px; }
  .master-journal .intro { padding: 8px 16px 10px; gap: 2px 12px; }
  .master-journal .intro h1 { font-size: 28px; }
  .master-journal .intro p { grid-column: 1 / -1; line-height: 1.4; }
  .master-journal .intro .contact { grid-row: 1 / 3; font-size: 12px; }
  #master-book .journal-reader { padding: 10px 12px; gap: 8px; }
  #master-book .reader-top { font-size: 10px; gap: 10px; }
  #master-book .leather { padding: 7px 7px 12px; }
  #master-book .leaf { min-height: 72svh; padding: 6px 4px 24px; }
  #master-book .leaf-content { padding: 8px 12px; }
  #master-book .leaf h2 { font-size: 28px; }
  #master-book .leaf p { font-size: 16px; }
  #master-book .reader-controls { grid-template-columns: 1fr auto 1fr; gap: 6px 10px; bottom: 6px; padding: 8px 6px; }
  #master-book .reader-controls select { grid-column: 1 / -1; }
  #master-book .reader-controls button { padding: 10px 8px; font-size: 12px; }
  #master-book .journal-direction-note { font-size: 11px; }
}

/* Show only years with stories; the selected year follows every page turn. */
#master-book .journal-years { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0 0 12px; color:#795532; }
#master-book .journal-years > span { font-size:12px; }
#master-book .journal-year-tabs { display:flex; flex-wrap:wrap; gap:6px; }
#master-book .journal-year-tabs button { min-height:44px; min-width:58px; padding:8px 12px; border:1px solid #79553266; border-radius:3px; background:transparent; color:#795532; font:inherit; font-size:14px; cursor:pointer; }
#master-book .journal-year-tabs button[aria-selected="true"] { background:#795532; color:#fffaf0; border-color:#795532; }
#master-book .journal-year-tabs button:hover { text-decoration:underline; text-underline-offset:3px; }
#master-book .journal-year-tabs button:focus-visible { outline:3px solid #795532; outline-offset:3px; }
@media(max-width:760px) { #master-book .journal-years { gap:6px 12px; } #master-book .journal-year-tabs { gap:5px; } #master-book .journal-year-tabs button { min-width:52px; padding:8px 10px; } }