/* The cover and reading controls share the doorway into Edwin's miniature. */
.welcome .explore-entry {
  display: flex; align-items: center; gap: 11px; width: fit-content;
  min-height: 44px; margin-top: 12px; padding: 5px 2px;
  color: #fff2d9; text-decoration: none; font-size: 14px;
  border-bottom: 1px solid #f2dfb956;
}
.explore-entry > svg, .reading-explore > svg { width: 20px; height: 20px; flex: 0 0 auto; }
.explore-entry small { display: block; margin-top: 3px; font: 10px var(--font-ui); color: #efdec1; }
.welcome .explore-entry:hover { color: #fff; border-color: #fff2d9; }
.explore-entry:focus-visible, .reading-explore:focus-visible { outline: 2px solid #fff2d9; outline-offset: 4px; }
.reading-explore {
  display: none; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 9px 15px; border-radius: 24px;
  border: 1px solid #e8d6ae80; background: var(--ui-accent); color: #fff2d9;
  font: 13px var(--font-zh); text-decoration: none; pointer-events: auto;
}
.reading-explore:hover { background: var(--ui-accent-hover); }
@media (max-width: 900px), (max-height: 559px) {
  /* Keep the cover's open/continue row intact; the world switch is cover-only. */
  .ui .welcome .explore-entry { display: none; }
  body:not(.open):not(.opening) .reading-tools .reading-explore { display: flex; position: static; min-height: 44px; font-size: 12px; }
  .reading-tools { max-width: calc(100vw - 24px); gap: 10px; }
}

/* The way back to the shelf: the doorway's styling, hidden while reading, as the doorway is. */
.welcome .shelf-link { display: flex; align-items: center; width: fit-content; min-height: 44px; margin-top: 10px; padding: 5px 2px; color: #fff2d9; text-decoration: none; font-size: 14px; border-bottom: 1px solid #f2dfb956; }
.welcome .shelf-link small { display: block; margin-top: 3px; font: 10px var(--font-ui); color: #efdec1; }
.welcome .shelf-link:hover { color: #fff; border-color: #fff2d9; }
.welcome .shelf-link:focus-visible { outline: 2px solid #fff2d9; outline-offset: 4px; }
@media (max-width: 900px), (max-height: 559px) { .ui .welcome .shelf-link { display: none; } }