/* Reader entry points: scoped to The Resonant Heir only.
   No changes to stage geometry, chapter access control, or shared components. */
body.trh-page .trh-reader-journey {
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:10px 18px 12px;
  text-align:center;
  background:linear-gradient(180deg,rgba(36,20,61,.48),rgba(15,10,34,.14));
  border-bottom:1px solid rgba(226,190,106,.18);
}
body.trh-page .trh-reader-journey-start {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:37px;
  box-sizing:border-box;
  padding:7px 19px;
  color:#1c1330;
  background:#f0d691;
  border:1px solid #ffe7b0;
  border-radius:999px;
  font:700 12px/1.2 "Cinzel",Georgia,serif;
  letter-spacing:.055em;
  text-align:center;
  text-decoration:none;
}
body.trh-page .trh-reader-journey-start:hover,
body.trh-page .trh-reader-journey-start:focus-visible {
  background:#fff0c1;
  outline:2px solid #ffe6a1;
  outline-offset:2px;
}
body.trh-page .trh-reader-journey-note {
  margin:0;
  color:rgba(246,229,195,.89);
  font:500 13px/1.35 Georgia,serif;
}
body.trh-page .trh-reader-journey-fallback {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 18px;
  margin:22px 0;
}
body.trh-page .trh-reader-journey-fallback p {margin:0;flex:1 1 260px}
body.trh-page .trh-reader-journey-fallback-link {white-space:normal}
html.trh-phone-mode body.trh-page .trh-reader-journey {padding:7px 10px 8px;gap:4px}
html.trh-phone-mode body.trh-page .trh-reader-journey-start {min-height:30px;padding:6px 14px;font-size:10px}
html.trh-phone-mode body.trh-page .trh-reader-journey-note {font-size:10px;line-height:1.2}
html.trh-phone-mode body.trh-page .trh-phone-read {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 12px;
  box-sizing:border-box;
  border-radius:22px;
  border:1px solid #ffe5ac;
  color:#20142d;
  background:#f0d691;
  font:700 12px/1.2 "Cinzel",Georgia,serif;
  letter-spacing:.02em;
  text-decoration:none;
  white-space:nowrap;
}
html.trh-phone-mode body.trh-page .trh-phone-read:focus-visible {
  outline:2px solid #fff2ca;
  outline-offset:2px;
}
html.trh-phone-mode body.trh-page .trh-phone-read:hover {background:#fff0c1}
html.trh-phone-mode body.trh-page .trh-phone-shell[data-orientation="landscape"] .trh-phone-read {
  min-height:34px;
  padding:6px 10px;
}