:root{color-scheme:light;--fundo:#f4ede1;--papel:#fffaf1;--texto:#241910;--marca:#70391e;--linha:#b69a79}
*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:1rem/1.6 system-ui,sans-serif}
main{max-width:65rem;margin:auto;padding:1rem}header{padding:.75rem 0 1rem;border-bottom:2px solid var(--marca);margin-bottom:1rem}
h1,h2{font-family:Georgia,serif;line-height:1.2;margin:.3em 0}h1{font-size:clamp(1.65rem,4vw,2.7rem)}h2{font-size:1.4rem}
p{margin:.5rem 0 0}.selo,.referencia{font-size:.8rem;font-weight:600;color:var(--marca)}
a{color:var(--marca);text-underline-offset:.18em}a:focus-visible,summary:focus-visible{outline:3px solid var(--marca);outline-offset:3px}
nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}nav a,.livros a,.capitulos a{display:flex;align-items:center;min-height:44px;padding:.5rem .75rem;background:var(--papel);border:1px solid var(--linha);border-radius:.6rem;text-decoration:none;font-weight:500}
.quadros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
figure{margin:0;background:var(--papel);border:1px solid var(--linha);overflow:hidden;border-radius:.5rem}
.quadro{position:relative;overflow:hidden;background:#e2cdb0}.quadro img{position:absolute;max-width:none}.quadro.avulso img{inset:0;width:100%;height:100%;object-fit:cover}
figcaption{padding:.75rem 1rem 1rem}.trecho p{margin:.5rem 0 0}sup{font-size:.7em;color:var(--marca);padding-right:.2rem}
summary{cursor:pointer;min-height:44px;padding:.6rem 0;font-weight:500}details{margin-top:.5rem}details .texto{padding-top:.25rem}
footer{margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--linha);font-size:.85rem}
.livros,.capitulos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0;margin:1rem 0}
.livros a{justify-content:space-between;gap:.5rem}.livros small{font-size:.75rem;white-space:nowrap}.capitulos{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.capitulos a{justify-content:center}
.testamento{margin-top:1.5rem}.texto-completo{margin:1.5rem 0}.antigo .quadro{aspect-ratio:1}.antigo .quadro img{width:200%;height:300%}
@media(max-width:42rem){.quadros{grid-template-columns:1fr}.livros{grid-template-columns:repeat(2,minmax(0,1fr))}.livros a{display:block}.livros small{display:block}}
@media(max-width:22rem){main{padding:.75rem}.livros{grid-template-columns:1fr}}
@media print{nav,footer,summary{display:none}figure{break-inside:avoid}.texto{display:block}details{display:block}body{background:white}}