.reader-body { background: #eef1f4; }
.page-stage { position: relative; display: inline-block; max-width: 100%; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.12); }
.page-stage img { display: block; width: 100%; }
.page-hotspot { position: absolute; cursor: pointer; border: 1px solid transparent; border-radius: 2px; }
.page-hotspot:hover { background: rgba(13,110,253,.18); border-color: rgba(13,110,253,.6); }
.crop-box { position: absolute; border: 2px dashed #dc3545; background: rgba(220,53,69,.12); pointer-events: none; }
.thumb-strip { overflow-x: auto; white-space: nowrap; }
.thumb-strip img { height: 90px; margin-right: .35rem; border: 2px solid transparent; cursor: pointer; }
.thumb-strip img.active { border-color: #0d6efd; }
.protect-images img { -webkit-user-drag: none; user-select: none; }
.archive-day { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: .35rem; }
.archive-day.has-edition { background: #0d6efd; color: #fff; font-weight: 600; }
.archive-day.empty { background: #f1f3f5; color: #adb5bd; }

/* City edition picker, shared by every theme. */
.rd-region{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid rgba(0,0,0,.14);
  border-radius:6px;padding:0 .5rem;height:38px;max-width:230px}
.rd-region i{color:var(--accent,#F2701E);font-size:.95rem;flex:none}
.rd-region select{border:0;background:transparent;font-size:.86rem;font-weight:600;color:inherit;
  padding:0 .2rem;height:36px;max-width:180px;outline:0;cursor:pointer}
.rd-region select:focus{outline:0}
@media(max-width:991.98px){.rd-region{flex:1 1 100%;max-width:none}.rd-region select{max-width:none;width:100%}}