
@font-face{font-family:'Cardo';font-weight:400;font-style:normal;font-display:swap;
  src:url(fontes/Cardo-Regular.woff2) format('woff2');
  unicode-range:U+0370-03FF,U+1F00-1FFF,U+0590-05FF,U+FB1D-FB4F;}
:root{
  --ui-fundo:#0A1220;--ui-texto:#EAE3D3;--ui-acento:#C9A227;
  --ui-superficie:rgba(255,255,255,.05);--ui-linha:rgba(255,255,255,.16);
  --ui-escala-fonte:1;
  --ui-mono:ui-monospace,Consolas,'Courier New',monospace;
}
/* Acento próprio do pergaminho: o #C9A227 dos outros dois dá 1,89:1 sobre
   este fundo claro — abaixo até do piso de 3:1 para elemento não textual, e
   é a cor do anel de foco. #5c4710 é o mesmo ouro escurecido até 6,95:1. */
[data-theme=pergaminho]{--ui-fundo:#EAE3D3;--ui-texto:#241E14;--ui-acento:#5c4710;
  --ui-superficie:rgba(0,0,0,.045);--ui-linha:rgba(0,0,0,.16);}
[data-theme=petroleo]{--ui-fundo:#0E2E33;--ui-texto:#DCEEEF;
  --ui-superficie:rgba(255,255,255,.05);--ui-linha:rgba(255,255,255,.14);}
*{box-sizing:border-box;}
body{background:var(--ui-fundo);color:var(--ui-texto);font-family:'Cardo',Georgia,serif;
  margin:0;padding:0 0 5rem;font-size:calc(1rem*var(--ui-escala-fonte));}
.w{max-width:760px;margin:0 auto;padding:0 1rem;}
h1{color:var(--ui-acento);font-size:calc(1.6rem*var(--ui-escala-fonte));}
h2{font-size:calc(1.1rem*var(--ui-escala-fonte));border-bottom:1px dashed var(--ui-linha);
  padding-bottom:.3rem;margin-top:2.2rem;scroll-margin-top:5rem;}
ul{list-style:none;padding:0;}
li{padding:.45rem 0;border-bottom:1px dotted var(--ui-linha);}
a{color:var(--ui-texto);}
a:hover{color:var(--ui-acento);}
pre{font-family:var(--ui-mono);font-size:calc(.78rem*var(--ui-escala-fonte));line-height:1.6;
  white-space:pre-wrap;background:var(--ui-superficie);border-left:2px solid var(--ui-acento);
  padding:.9rem 1rem;overflow-wrap:anywhere;}
.md{font-family:var(--ui-mono);font-size:calc(.68rem*var(--ui-escala-fonte));opacity:.6;margin-left:.5rem;}
.n{font-family:var(--ui-mono);font-size:calc(.7rem*var(--ui-escala-fonte));opacity:.65;}

/* ---- Barra Angular: Φ · A− · A+ · (temas) · Ξ ---- */
.barra-angular{position:sticky;top:0;z-index:20;background:var(--ui-fundo);
  border-bottom:1px solid var(--ui-linha);}
.barra-angular>div{max-width:760px;margin:0 auto;display:flex;align-items:center;
  gap:.4rem;flex-wrap:wrap;padding:.5rem 1rem;}
.ui-botao-barra{min-width:2.75rem;min-height:2.75rem;padding:.4rem .6rem;
  border:2px solid currentColor;border-radius:.5rem;background:none;color:var(--ui-acento);
  font-family:'Cardo',Georgia,serif;font-size:calc(1.25rem*var(--ui-escala-fonte));font-weight:700;
  line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;-webkit-tap-highlight-color:transparent;}
.ui-botao-barra--tema{font-family:var(--ui-mono);font-weight:400;
  font-size:calc(.78rem*var(--ui-escala-fonte));}
.ui-botao-barra[aria-pressed=true]{background:var(--ui-superficie);}
.barra-espaco{flex:1 1 0;}
:focus-visible{outline:2px solid var(--ui-acento);outline-offset:2px;}
.pular{position:absolute;left:-9999px;}
.pular:focus{left:0;top:0;z-index:50;padding:.6rem 1rem;background:var(--ui-acento);
  color:var(--ui-fundo);border-radius:0 0 .5rem 0;}
.sumario{max-width:760px;margin:.75rem auto 0;padding:.6rem 1rem;background:var(--ui-superficie);
  border:1px solid var(--ui-linha);border-radius:.5rem;}
.sumario[hidden]{display:none;}
.sumario ul{margin:0;}
.sumario li{border:none;padding:.3rem 0;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* só o que o texto de uma parte usa; a casca vem de casca_css */
.paragrafo{margin:0 0 .9em}
.marcador,.versiculo{font-family:var(--mono,monospace);font-size:.74em;opacity:.85;white-space:nowrap}
.nota-ref{font-size:.7em}
.paragrafo.verso{margin-left:2.4rem}
.paragrafo.citacao{border-left:3px solid currentColor;margin-left:1.2rem;padding-left:1rem;font-style:italic}
.nav-partes{font-family:var(--ui-fonte,sans-serif);font-size:.85em}
