
/* TENIMPER v9 — clean personal seal renderer, isolated from legacy styles */
.reader-seal-v9{
  position:relative!important;
  display:inline-block!important;
  width:82px!important;
  height:82px!important;
  box-sizing:border-box!important;
  border:3px solid #a24e52!important;
  background:rgba(248,234,202,.20)!important;
  box-shadow:0 0 0 3px rgba(162,78,82,.15) inset!important;
  color:#a24e52!important;
  overflow:visible!important;
  isolation:isolate!important;
  font-size:0!important;
  line-height:1!important;
}
.reader-seal-v9::before,
.reader-seal-v9::after{
  content:none!important;
  display:none!important;
}
.reader-seal-v9__motif{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:72%!important;
  height:72%!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.reader-seal-v9__accent{
  position:absolute!important;
  left:-7%!important;
  top:-8%!important;
  width:34%!important;
  height:34%!important;
  object-fit:contain!important;
  z-index:3!important;
  pointer-events:none!important;
}
.reader-seal-v9__mark{
  position:absolute!important;
  right:5%!important;
  bottom:4%!important;
  left:auto!important;
  top:auto!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  color:#a24e52!important;
  font:700 14px/1 Georgia,"Times New Roman",serif!important;
  transform:none!important;
  z-index:4!important;
  text-shadow:none!important;
  pointer-events:none!important;
}
.reader-seal-v9[data-v9-shape="round"]{
  border-radius:50%!important;
}
.reader-seal-v9[data-v9-shape="diamond"]{
  transform:rotate(45deg)!important;
}
.reader-seal-v9[data-v9-shape="diamond"] .reader-seal-v9__motif,
.reader-seal-v9[data-v9-shape="diamond"] .reader-seal-v9__accent,
.reader-seal-v9[data-v9-shape="diamond"] .reader-seal-v9__mark{
  transform:rotate(-45deg)!important;
}
.reader-seal-v9[data-v9-shape="diamond"] .reader-seal-v9__motif{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}
.reader-seal-v9[data-v9-wear="ancient"]{opacity:.82!important}
.reader-seal-v9[data-v9-wear="worn"]{opacity:.92!important}

/* comments */
.reader-comment-seal-v9{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:7px!important;
  vertical-align:middle!important;
}
.reader-seal-v9--comment{
  width:30px!important;
  height:30px!important;
  border-width:1.5px!important;
  box-shadow:0 0 0 1px rgba(162,78,82,.12) inset!important;
}
.reader-seal-v9--comment .reader-seal-v9__mark{
  right:2%!important;
  bottom:1%!important;
  font-size:6px!important;
}
.reader-seal-v9--comment .reader-seal-v9__accent{
  width:30%!important;
  height:30%!important;
}
@media(max-width:640px){
  .reader-seal-v9{width:70px!important;height:70px!important}
  .reader-seal-v9__mark{font-size:12px!important}
  .reader-seal-v9--comment{width:27px!important;height:27px!important}
  .reader-seal-v9--comment .reader-seal-v9__mark{font-size:5px!important}
}


/* v28 — hard containment for personal seals in comments + finished scroll */
.reader-comment-seal-v9,
.reading-seal__sign--reader{
  overflow:visible!important;
}

.reader-comment-seal-v9 .reader-seal-v9,
.reading-seal__sign--reader .reader-seal-v9{
  flex:none!important;
  max-width:none!important;
}

.reader-comment-seal-v9 .reader-seal-v9__motif,
.reader-comment-seal-v9 .reader-seal-v9__accent,
.reading-seal__sign--reader .reader-seal-v9__motif,
.reading-seal__sign--reader .reader-seal-v9__accent{
  max-width:none!important;
  margin:0!important;
}

.reader-comment-seal-v9 .reader-seal-v9__motif{
  width:72%!important;
  height:72%!important;
}
.reading-seal__sign--reader .reader-seal-v9__motif{
  width:72%!important;
  height:72%!important;
}

.reader-comment-seal-v9 .reader-seal-v9__accent,
.reading-seal__sign--reader .reader-seal-v9__accent{
  width:34%!important;
  height:34%!important;
}


/* =========================================================
   TENIMPER v29 — end-scroll dual seal layout
   Keep "ПРОЧИТАНО", both stamps and captions in separate rows.
   ========================================================= */

.chapter-scroll-end .reading-seal.reading-seal--dual{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  gap:18px!important;
  width:100%!important;
  margin:2rem auto 0!important;
  opacity:1;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__word{
  position:relative!important;
  order:1!important;
  display:block!important;
  grid-row:auto!important;
  grid-column:auto!important;
  margin:0 0 2px!important;
  padding:0!important;
  line-height:1.15!important;
  font-size:1rem!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  transform:rotate(-5deg)!important;
  color:#a85d59!important;
  white-space:nowrap!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__pair{
  order:2!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:34px!important;
  width:100%!important;
  margin:0!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__sign{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:104px!important;
  min-width:104px!important;
  margin:0!important;
  grid-row:auto!important;
  grid-column:auto!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__sign > i{
  flex:0 0 auto!important;
  margin:0 auto!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__sign > small{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font:400 16px/1.2 Georgia,"Times New Roman",serif!important;
  color:#aa645a!important;
  transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__shadow-stamp{
  width:82px!important;
  height:82px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #a24e52!important;
  color:#a24e52!important;
  font-style:normal!important;
  font-size:34px!important;
  line-height:1!important;
  transform:rotate(-6deg)!important;
  box-shadow:0 0 0 3px rgba(162,78,82,.16) inset!important;
}

.chapter-scroll-end .reading-seal--dual .reading-seal__sign--reader .reader-seal-v9{
  width:82px!important;
  height:82px!important;
  margin:0 auto!important;
}

/* Keep the decorative impact away from captions/buttons. */
.chapter-scroll-end .seal-impact{
  top:62%!important;
  pointer-events:none!important;
}

/* Mobile: retain a horizontal pair, but give captions real breathing room. */
@media(max-width:640px){
  .chapter-scroll-end .reading-seal.reading-seal--dual{
    gap:14px!important;
    margin-top:1.6rem!important;
  }

  .chapter-scroll-end .reading-seal--dual .reading-seal__pair{
    gap:20px!important;
    align-items:flex-start!important;
  }

  .chapter-scroll-end .reading-seal--dual .reading-seal__sign{
    width:88px!important;
    min-width:88px!important;
    gap:7px!important;
  }

  .chapter-scroll-end .reading-seal--dual .reading-seal__shadow-stamp,
  .chapter-scroll-end .reading-seal--dual .reading-seal__sign--reader .reader-seal-v9{
    width:70px!important;
    height:70px!important;
  }

  .chapter-scroll-end .reading-seal--dual .reading-seal__sign > small{
    font-size:14px!important;
    line-height:1.15!important;
  }

  .chapter-scroll-end .reading-seal--dual .reading-seal__word{
    font-size:.9rem!important;
  }
}


/* =========================================================
   TENIMPER v36 — MOBILE SEAL HARD RESET
   Prevent generic .reading-seal i / comment styles from turning
   personal seals into large plain black symbols.
   ========================================================= */

.chapter-scroll-end .reading-seal .reader-seal-v9,
.reader-comment-seal-v9 .reader-seal-v9{
  position:relative!important;
  display:inline-block!important;
  box-sizing:border-box!important;
  background:rgba(248,234,202,.20)!important;
  border:3px solid #a24e52!important;
  box-shadow:0 0 0 3px rgba(162,78,82,.15) inset!important;
  color:#a24e52!important;
  font-size:0!important;
  line-height:1!important;
  overflow:visible!important;
  text-indent:0!important;
}

.reader-comment-seal-v9 .reader-seal-v9{
  width:30px!important;
  height:30px!important;
  border-width:1.5px!important;
  box-shadow:0 0 0 1px rgba(162,78,82,.12) inset!important;
}

.chapter-scroll-end .reading-seal .reader-seal-v9__motif,
.reader-comment-seal-v9 .reader-seal-v9__motif{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:72%!important;
  height:72%!important;
  max-width:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  z-index:1!important;
  opacity:1!important;
}

.chapter-scroll-end .reading-seal .reader-seal-v9__accent,
.reader-comment-seal-v9 .reader-seal-v9__accent{
  display:block!important;
  position:absolute!important;
  left:-7%!important;
  top:-8%!important;
  width:34%!important;
  height:34%!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
  opacity:1!important;
}

.chapter-scroll-end .reading-seal .reader-seal-v9__mark,
.reader-comment-seal-v9 .reader-seal-v9__mark{
  display:block!important;
  position:absolute!important;
  right:5%!important;
  bottom:4%!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#a24e52!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font:700 14px/1 Georgia,"Times New Roman",serif!important;
  text-shadow:none!important;
  transform:none!important;
  z-index:4!important;
}

.reader-comment-seal-v9 .reader-seal-v9__mark{
  right:2%!important;
  bottom:1%!important;
  font-size:6px!important;
}

/* Hide obsolete renderers if an old cached chapter still includes them. */
.reader-comment-seal-v8,
.comment-personal-seal{
  display:none!important;
}

@media(max-width:640px){
  .chapter-scroll-end .reading-seal .reader-seal-v9{
    width:70px!important;
    height:70px!important;
  }

  .chapter-scroll-end .reading-seal .reader-seal-v9__mark{
    font-size:12px!important;
  }

  .reader-comment-seal-v9{
    display:inline-flex!important;
    width:auto!important;
    height:auto!important;
    margin-left:6px!important;
    vertical-align:middle!important;
  }

  .reader-comment-seal-v9 .reader-seal-v9{
    width:27px!important;
    height:27px!important;
  }

  .reader-comment-seal-v9 .reader-seal-v9__mark{
    font-size:5px!important;
  }
}


/* =========================================================
   TENIMPER v38 — restored personal seal in finished scroll
   ========================================================= */
.reading-seal__sign--reader .reader-seal-v9--reading{
  display:inline-block!important;
  visibility:visible!important;
  opacity:.92!important;
}

@media(max-width:640px){
  .chapter-scroll-end .reading-seal__sign--reader{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .chapter-scroll-end .reading-seal__sign--reader .reader-seal-v9--reading{
    display:inline-block!important;
    visibility:visible!important;
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
    opacity:.92!important;
  }
}
