/* O bloco na página do nome. Usa as cores do layout quando elas existem,
   e cai num cinza neutro quando o plugin roda em outro tema. */
.bri-bloco{margin:34px 0 0}
.bri-tit{font-size:25px;margin:0 0 12px}
.bri-leitura{
  background:var(--brl-branco,#fff);
  border:1px solid var(--brl-borda,#e3e3e3);
  border-left:3px solid var(--brl-cor,#FF741B);
  border-radius:3px;padding:14px 18px;margin:0 0 18px;line-height:1.6;
}
.bri-hoje{margin:0 0 18px}
.bri-svg{width:100%;height:auto;max-width:700px;display:block;margin:0 0 22px}
.bri-barra{fill:var(--brl-cor,#FF741B)}
.bri-valor,.bri-dec{
  font-family:var(--brl-mono,ui-monospace,monospace);
  font-size:12px;fill:var(--brl-texto-fraco,#6E675C);
}
/* A década por extenso ("2000-2010") tem 9 caracteres; um ponto menor que o
   valor garante folga entre uma barra e a seguinte. */
.bri-dec{font-size:11px}
.bri-tabela-wrap{overflow-x:auto}
.bri-tabela{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 10px}
.bri-tabela th,.bri-tabela td{
  border:1px solid var(--brl-borda,#e3e3e3);padding:9px 12px;text-align:left;
}
.bri-tabela thead th{background:var(--brl-fundo-alt,#f5f5f5);font-weight:600}
.bri-tabela tbody th{font-weight:500}
.bri-fonte{
  font-family:var(--brl-mono,ui-monospace,monospace);
  font-size:11.5px;color:var(--brl-texto-fraco,#777);margin:0;
}
.bri-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}

/* A legenda que diz o que o gráfico mede. Sem ela, "nascidos na década" e
   "vivos em 2022" ficam lado a lado parecendo contradição. */
.bri-legenda{font-size:17px;color:#6E675C;margin:0 0 14px;line-height:1.55}