/* ════════════════════════════════════════════════════════════════════════════
   AEDO · texto em páginas — o modo Texto como um leitor de bolso
   A folha vira a "tela" do leitor: altura cheia, texto em colunas (uma ou
   duas, com a dobra no meio), e um trilho que desliza página a página.
   O leitor.js liga html[data-booktxt="1|2"] e mede as páginas.
   ════════════════════════════════════════════════════════════════════════════ */

.txtflow{display:contents}
.sheet > .dobra{display:none}
.sheet > .booknav[hidden],.sheet > .bookpos[hidden]{display:none}

html[data-booktxt] .sheet{
  display:block;box-sizing:border-box;
  height:calc(var(--bookh,80vh) - 12px);margin-top:10px;
  max-width:44rem;
  padding:clamp(22px,3.2vw,40px) clamp(20px,3.4vw,46px) 40px;
  touch-action:pan-y;
}
html[data-booktxt="2"] .sheet{max-width:min(100%,94rem)}
html[data-booktxt] .txtflow{
  display:block;height:100%;
  column-count:1;column-gap:clamp(40px,6vw,92px);column-fill:auto;
}
html[data-booktxt="2"] .txtflow{column-count:2}

/* a virada: só opacidade e um leve deslize do brilho — a posição do texto
   muda de uma vez, para o realce e o bloquinho medirem certo */
html[data-booktxt] .txtflow.entra{animation:pgEntra .42s cubic-bezier(.22,1,.36,1) both}
html[data-booktxt] .txtflow.volta{animation:pgVolta .42s cubic-bezier(.22,1,.36,1) both}
/* "translate" anda à parte do "transform" que posiciona o trilho */
@keyframes pgEntra{from{opacity:.1;translate:34px 0}to{opacity:1;translate:0 0}}
@keyframes pgVolta{from{opacity:.1;translate:-34px 0}to{opacity:1;translate:0 0}}
.sheet > .turn{display:none}
html[data-booktxt] .sheet > .turn{display:block;border-radius:inherit}

/* dentro das páginas: sem a coluna de marcadores; só as etiquetas de trecho pulado */
html[data-booktxt] .sheet .marker{display:none}
html[data-booktxt] .sheet .marker:has(.chip){display:block;text-align:left;padding:0;margin:0 0 5px;white-space:normal}
html[data-booktxt] .sheet .par{max-width:none;margin:0 0 15px;orphans:2;widows:2}
html[data-booktxt] .sheet .pgbreak{margin:8px 0 12px;break-after:avoid}
html[data-booktxt] .sheet .pgbreak:first-child{margin-top:0}
html[data-booktxt] .sheet .helper{margin-top:18px}

/* a dobra entre as duas páginas */
html[data-booktxt="2"] .sheet > .dobra{
  display:block;position:absolute;left:50%;top:26px;bottom:34px;width:1px;
  background:linear-gradient(180deg,transparent,var(--line) 14%,var(--line) 86%,transparent);
  pointer-events:none;
}

/* virar e posição, como nas folhas do PDF */
html[data-booktxt] .sheet > .booknav{z-index:14}
html[data-booktxt] .sheet > .bookpos{bottom:10px}

/* toque: os botões ficam mais discretos (o dedo desliza), mas continuam lá */
@media (hover:none){
  .booknav{width:30px;height:46px;opacity:.38}
  .booknav.prev{left:0}
  .booknav.next{right:0}
}

/* celular e Fold fechado: a folha ocupa a largura toda, cantos mais justos */
@media (max-width:640px){
  html[data-booktxt] .sheet{padding:20px 22px 38px;border-radius:22px}
  html[data-book="on"] .wrap{padding-left:8px;padding-right:8px}
}

/* painel: as quatro visualizações em duas fileiras */
.viewseg.lyseg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

/* ── tempo restante: recolhido numa ampulheta fina; um toque abre o texto, e
   ele recolhe de novo sempre que a leitura começa ── */
.etabtn{appearance:none;border:0;background:none;font:inherit;color:var(--accent);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;min-width:0}
.etabtn:hover{background:var(--fill)}
.etabtn svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.etabtn[aria-expanded="false"] #eta{display:none}
.etabtn:empty,.strip .etabtn[hidden]{display:none}

/* ── folhas inteiras na tela: respiro no alto (abaixo da área segura do
   aparelho) e folga embaixo para a sombra e a etiqueta "fl." não serem
   cortadas ── */
html[data-book="on"] .wrap{padding-top:calc(12px + var(--sat))}
html[data-book="on"][data-dock="top"]:not([data-barra="recolhida"]) .wrap{padding-top:2px}
.pdfview.book{padding:14px 0 30px;box-sizing:border-box}
.pdfview.book .bookpos{bottom:6px}

/* palavra falada nas páginas sem bloquinho: realce nativo, sem mexer no texto */
::highlight(aedo-palavra){background-color:var(--word,rgba(125,150,255,.35));color:inherit}

/* páginas longe da vista não são pintadas (a paginação continua igual) */
html[data-booktxt] .txtflow > .longe{visibility:hidden}