/* AKASHA · Leitor B (2 + 2) — intensidade SUMI. Ativo quando <html data-leitor="b">.
 * Reversível: menu de ferramentas › "Usar leitor clássico", ou ?leitor=classico (ver santuario-boot.js).
 * Só apresentação: seleção de texto, grifos, comentários, favoritos, exportação e navegação usam os mesmos
 * elementos e ações do leitor anterior. Nenhum conteúdo é alterado. */
.leitor-para-classico{display:none}
html[data-leitor="b"] .leitor-para-classico{display:inline}
html[data-leitor="b"] .leitor-para-b{display:none}

/* ---- página e coluna de leitura ---- */
html[data-leitor="b"] .book-page{max-width:none;padding:26px clamp(18px,4vw,48px) 120px}
html[data-leitor="b"] .chapter-top{max-width:700px;margin:0 auto 22px;align-items:center}
html[data-leitor="b"] .chapter-top .section-kicker{font:600 11px/1.4 var(--ak-sans);letter-spacing:.16em}
html[data-leitor="b"] .toc-mobile-button{display:inline-flex!important}
html[data-leitor="b"] .book-layout{display:block}
html[data-leitor="b"] .book-layout .reading,html[data-leitor="b"] .reading>.book-title{max-width:700px}
html[data-leitor="b"] .book-title{font:600 clamp(28px,3.4vw,38px)/1.18 var(--ak-serif);letter-spacing:-.018em;margin:0 0 14px;text-wrap:balance}
html[data-leitor="b"] .book-section{margin:44px 0 48px}
html[data-leitor="b"] .book-section h2{font:600 clamp(21px,2vw,24px)/1.28 var(--ak-serif);letter-spacing:-.01em;margin:0 0 12px;hyphens:manual}
html[data-leitor="b"] .book-section .section-number{font:600 12px/1.4 var(--ak-sans);letter-spacing:.06em}
html[data-leitor="b"] .lead{font:400 19px/1.6 var(--ak-serif);color:var(--ak-texto-2)}
html[data-leitor="b"] .bodytext,html[data-leitor="b"] .original-text{font-family:var(--ak-serif);font-size:18px;line-height:1.68;letter-spacing:0;color:var(--ak-texto);font-variant-numeric:lining-nums;font-optical-sizing:auto;hanging-punctuation:first}
html[data-leitor="b"] .bodytext p{margin:0 0 1.05em}
html[data-leitor="b"] .bodytext strong,html[data-leitor="b"] .bodytext b{font-weight:600}
html[data-leitor="b"] .bodytext sub,html[data-leitor="b"] .bodytext sup{font-size:.72em;line-height:0}
html[data-leitor="b"] .bodytext table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.9em;line-height:1.45;font-variant-numeric:tabular-nums lining-nums}
html[data-leitor="b"] .bodytext th,html[data-leitor="b"] .bodytext td{padding:9px 10px;border-top:1px solid var(--ak-borda);text-align:left;vertical-align:top}
html[data-leitor="b"] .bodytext th{font:600 .82em/1.4 var(--ak-sans);letter-spacing:.03em;color:var(--ak-texto-2)}
html[data-leitor="b"] .bodytext figcaption,html[data-leitor="b"] .bodytext .caption{font:400 13.5px/1.5 var(--ak-sans);color:var(--ak-texto-2)}
html[data-leitor="b"] .bodytext blockquote{margin:1.2em 0;padding:2px 0 2px 18px;border-left:2px solid var(--ak-texto-ouro);font-style:italic}
html[data-leitor="b"] .book-section .section-actions{border-top-color:var(--ak-borda);font-family:var(--ak-sans)}
html[data-leitor="b"] .study-foot{border-top:1px solid var(--ak-borda);padding-top:18px;margin-top:38px}
html[data-leitor="b"] .infobox{background:var(--ak-sup-1);border:1px solid var(--ak-borda);font-family:var(--ak-sans)}

/* ---- índice: gaveta à esquerda, sob demanda ---- */
html[data-leitor="b"] .book-layout .toc{position:fixed!important;z-index:46;top:0!important;bottom:0!important;left:var(--sidebar,0px);right:auto!important;height:auto!important;min-height:100dvh;box-sizing:border-box;width:min(340px,86vw)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:74px 12px 96px!important;columns:auto!important;display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:2px;overflow:auto;background:var(--ak-sup-1);border:0!important;border-right:1px solid var(--ak-borda-forte)!important;box-shadow:var(--ak-sombra);transform:translateX(-104%);visibility:hidden;transition:transform var(--ak-medio) var(--ak-curva),visibility 0s linear var(--ak-medio)}
/* A gaveta herdava align-self:start do índice lateral antigo; com alinhamento de caixas posicionadas (Chrome, Safari)
 * isso faz a altura seguir o conteúdo e não a tela, e o fim da lista ficava inalcançável. Altura presa à janela. */
html[data-leitor="b"] .book-layout .toc{align-self:stretch!important;height:100vh!important;height:100dvh!important;min-height:0!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html[data-leitor="b"] .book-layout .toc>*{flex-shrink:0}
html[data-leitor="b"].ak-indice-aberto .book-layout .toc{transform:none;visibility:visible;transition:transform var(--ak-medio) var(--ak-curva),visibility 0s}
html[data-leitor="b"] .book-layout .toc::before{content:"Neste capítulo";display:block;margin:0 12px 10px;font:600 11px/1.4 var(--ak-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ak-texto-ouro)}
html[data-leitor="b"] .book-layout .toc button{width:100%!important;min-height:var(--ak-alvo);padding:10px 12px;border:0!important;border-radius:var(--ak-raio-2);background:transparent;color:var(--ak-texto-2);font:500 14px/1.35 var(--ak-sans);text-align:left;white-space:normal;break-inside:avoid}
html[data-leitor="b"] .book-layout .toc button:hover{background:var(--ak-sup-2);color:var(--ak-texto)}
html[data-leitor="b"].ak-indice-aberto .book-layout::before{content:"";position:fixed;z-index:45;inset:0;background:var(--ak-veu)}

/* ---- dock inferior: compacto, expande por toque/clique ---- */
html[data-leitor="b"] .dock-b{display:inline-flex}
html[data-leitor="b"] .reader-dock{left:76px;right:0;bottom:0;height:52px;padding:0 14px;gap:4px;border:0;border-top:1px solid var(--ak-borda);border-radius:0;background:color-mix(in srgb,var(--ak-fundo) 93%,transparent);box-shadow:none;opacity:1;transform:none!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[data-leitor="b"] #app:has(>.layout.pinned) .reader-dock{left:270px}
html[data-leitor="b"] .reader-dock:hover,html[data-leitor="b"] .reader-dock:focus-within{box-shadow:none}
html[data-leitor="b"] .reader-dock button{min-width:var(--ak-alvo);min-height:var(--ak-alvo);border-radius:var(--ak-raio-2);color:var(--ak-texto-2);font:400 22px/1 var(--ak-sans)}
html[data-leitor="b"] .reader-dock button:hover,html[data-leitor="b"] .reader-dock button:focus-visible{background:var(--ak-sup-2);color:var(--ak-texto)}
html[data-leitor="b"] .reader-dock button:focus-visible{box-shadow:none;outline:var(--ak-foco-largura) solid var(--ak-foco);outline-offset:-2px}
html[data-leitor="b"] .reader-dock .dock-indice{order:1;align-items:center;gap:8px;padding:0 12px;font:600 13px/1 var(--ak-sans);color:var(--ak-texto)}
html[data-leitor="b"] .reader-dock .dock-indice svg{color:var(--ak-texto-ouro)}
html[data-leitor="b"] .reader-dock-wrap{order:2}
html[data-leitor="b"] .reader-dock-wrap>button{padding:0 14px;font-size:0;background:var(--ak-sup-atmosfera);color:var(--ak-texto);border-radius:22px;display:inline-flex;align-items:center;gap:8px}
html[data-leitor="b"] .reader-dock-wrap>button::before{content:"";width:11px;height:11px;border-radius:3px;background:#e3b565}
html[data-leitor="b"] .reader-dock-wrap>button::after{content:"Ferramentas";font:600 13px/1 var(--ak-sans)}
html[data-leitor="b"] .reader-dock-wrap>button:hover{background:color-mix(in srgb,var(--ak-sup-atmosfera) 80%,var(--ak-texto) 8%)}
html[data-leitor="b"] .reader-dock [data-act="prev-chapter"]{order:3;margin-left:auto}
html[data-leitor="b"] .reader-dock .dock-pos{order:4;align-items:center;padding:0 6px;font:500 13px/1 var(--ak-sans);color:var(--ak-texto-2);font-variant-numeric:tabular-nums}
html[data-leitor="b"] .reader-dock [data-act="next-chapter"]{order:5;color:var(--ak-texto)}
html[data-leitor="b"] .reader-dock-menu{bottom:calc(100% + 10px);width:236px}
html[data-leitor="b"] .reader-dock-menu button{min-height:var(--ak-alvo);font:500 13.5px/1.3 var(--ak-sans);border-radius:var(--ak-raio-1)}
/* ARMIN: presença própria, acima do dock (não é um botão da barra) */
html[data-leitor="b"] body:has(.reader-dock) .armin-presence{bottom:64px}

/* ---- notas: ligadas ao trecho (o diálogo mostra a citação); margem em paisagem, folha inferior em retrato ---- */
html[data-leitor="b"] .auth-backdrop:has(.note-modal-compact){background:rgba(13,11,13,.38);-webkit-backdrop-filter:none;backdrop-filter:none;place-items:center end;padding:24px}
html[data-leitor="b"] .note-modal-compact{max-width:380px;border-radius:var(--ak-raio-3)}
html[data-leitor="b"] .note-modal-compact textarea{width:100%;min-height:96px;font-size:16px}
/* em paisagem a coluna recua para a esquerda enquanto a nota está aberta: o trecho continua visível ao lado */
@media(min-width:1001px) and (min-aspect-ratio:1/1){
 html[data-leitor="b"] #app:has(.note-modal-compact) .book-layout .reading{margin-left:0;margin-right:auto;max-width:min(660px,calc(100% - 400px))}
 html[data-leitor="b"] .note-modal-compact{max-width:350px}
}
@media(max-width:1000px),(max-aspect-ratio:1/1){
 html[data-leitor="b"] .auth-backdrop:has(.note-modal-compact){place-items:end center;padding:0}
 html[data-leitor="b"] .note-modal-compact{max-width:680px;width:100%;max-height:70dvh;overflow:auto;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:750px){
 html[data-leitor="b"] .book-page{padding:18px 20px 120px}
 html[data-leitor="b"] .bodytext,html[data-leitor="b"] .original-text{font-size:17px;line-height:1.62}
 html[data-leitor="b"] .lead{font-size:17.5px}
 html[data-leitor="b"] .book-layout .toc{left:0}
 html[data-leitor="b"] .reader-dock,html[data-leitor="b"] #app:has(>.layout.pinned) .reader-dock{left:0;padding:0 6px;gap:2px}
 html[data-leitor="b"] .reader-dock .dock-indice span{display:none}
 html[data-leitor="b"] .reader-dock-wrap>button{padding:0 12px}
 html[data-leitor="b"] body:has(.reader-dock) .armin-presence{bottom:60px}
}
@media(prefers-reduced-motion:reduce){html[data-leitor="b"] .book-layout .toc{transition:none!important}}
@media print{
 html[data-leitor="b"] .reader-dock,html[data-leitor="b"] .book-layout .toc{display:none!important}
 html[data-leitor="b"] .bodytext{font-size:11.5pt;line-height:1.5;color:#000}
}

/* ---------- ciclo 2: setas evidentes e expansão fluida do dock ---------- */
html[data-leitor="b"] .reader-dock [data-act="prev-chapter"],html[data-leitor="b"] .reader-dock [data-act="next-chapter"]{min-width:52px;font-size:28px;line-height:1;color:var(--ak-texto);border:1px solid var(--ak-borda-forte)!important;background:var(--ak-sup-1)}
html[data-leitor="b"] .reader-dock [data-act="prev-chapter"]:disabled,html[data-leitor="b"] .reader-dock [data-act="next-chapter"]:disabled{opacity:.32;border-color:var(--ak-borda)!important}
html[data-leitor="b"] .reader-dock .dock-pos{min-width:62px;justify-content:center;color:var(--ak-texto)}
/* Ponteiro preciso: aproximar o mouse de "Ferramentas" abre o menu (com pequeno atraso, para não abrir sem querer).
   Clique, toque e teclado continuam abrindo e mantendo aberto; nada depende só de hover. */
html[data-leitor="b"] .reader-dock-menu::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
@media(hover:hover) and (pointer:fine){
 html[data-leitor="b"] .reader-dock-wrap>.reader-dock-menu[hidden]{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity var(--ak-rapido) ease,transform var(--ak-rapido) ease,visibility 0s linear var(--ak-rapido)}
 html[data-leitor="b"] .reader-dock-wrap:hover>.reader-dock-menu[hidden],html[data-leitor="b"] .reader-dock-wrap:focus-within>.reader-dock-menu[hidden]{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity var(--ak-rapido) ease .16s,transform var(--ak-rapido) ease .16s,visibility 0s linear .16s}
}
@media(prefers-reduced-motion:reduce){html[data-leitor="b"] .reader-dock-wrap>.reader-dock-menu[hidden]{transition:none!important}}

/* ---------- Dock que se recolhe ao rolar (12/11/2026) ----------
 * Ao descer a página o dock desce e deixa só uma faixa com alça; volta ao subir, perto do fim,
 * com o ponteiro na borda inferior (ponteiro preciso), com foco do teclado ou ao tocar na faixa. */
html[data-leitor="b"] .reader-dock{transition:transform var(--ak-medio) var(--ak-curva),opacity var(--ak-medio) var(--ak-curva)}
html[data-leitor="b"].ak-dock-recolhido .reader-dock{transform:translateY(calc(100% - 7px))!important}
html[data-leitor="b"].ak-dock-recolhido .reader-dock>*,html[data-leitor="b"].ak-dock-recolhido .reader-dock>*:disabled{opacity:0!important;pointer-events:none}
html[data-leitor="b"] .reader-dock::before{content:"";position:absolute;left:50%;top:2px;width:44px;height:3px;margin-left:-22px;border-radius:2px;background:var(--ak-texto-ouro);opacity:0;transition:opacity var(--ak-medio)}
html[data-leitor="b"].ak-dock-recolhido .reader-dock::before{opacity:.7}
html[data-leitor="b"].ak-dock-recolhido body:has(.reader-dock) .armin-presence{bottom:18px}
@media (prefers-reduced-motion:reduce){html[data-leitor="b"] .reader-dock{transition:none}}
@media print{html[data-leitor="b"] .reader-dock{display:none!important}}

/* ---------- Cabeçalho do capítulo ----------
 * "Neste capítulo" é o Índice do dock. "Explorar capítulos" volta ao topo (pedido de 12/11/2026, 08h) como atalho
 * visível para a mesma gaveta, já aberta na lista de capítulos (santuario-boot.js); a grade antiga não aparece. */
html[data-leitor="b"] .chapter-navigation,html[data-leitor="b"] #chapter-chooser,html[data-leitor="b"] #chapter-grid{display:none!important}
html[data-leitor="b"] .chapter-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px}
html[data-leitor="b"] .chapter-top .row{display:flex!important;margin:0;gap:8px}
html[data-leitor="b"] .chapter-top .row .toc-mobile-button{display:none!important}
html[data-leitor="b"] .chapter-top [data-act="chapters-menu"]{display:inline-flex;align-items:center;gap:8px;min-height:var(--ak-alvo);padding:0 16px;border:1px solid var(--ak-borda-forte);border-radius:999px;background:var(--ak-sup-1);color:var(--ak-texto);font:600 13px/1 var(--ak-sans);letter-spacing:.02em;cursor:pointer;transition:background var(--ak-rapido,.15s),border-color var(--ak-rapido,.15s)}
html[data-leitor="b"] .chapter-top [data-act="chapters-menu"]:hover{background:var(--ak-sup-2);border-color:var(--ak-texto-ouro)}
html[data-leitor="b"] .chapter-top [data-act="chapters-menu"]:focus-visible{outline:2px solid var(--ak-texto-ouro);outline-offset:2px}
.book-layout .toc .toc-capitulos{display:none}
html[data-leitor="b"] .book-layout .toc .toc-capitulos{display:block;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--ak-borda)}
html[data-leitor="b"] .book-layout .toc .toc-capitulos>p{margin:0 12px 8px;font:600 11px/1.4 var(--ak-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ak-texto-ouro)}
html[data-leitor="b"] .book-layout .toc .toc-capitulos button{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:8px;text-align:left}
html[data-leitor="b"] .book-layout .toc .toc-capitulos button small{font:600 12px/1.6 var(--ak-sans);color:var(--ak-texto-2);font-variant-numeric:tabular-nums}
html[data-leitor="b"] .book-layout .toc .toc-capitulos button[aria-current="true"]{background:var(--ak-sup-atmosfera);color:var(--ak-texto)}