/* ==========================================================================
   Blog do Professor — folha própria da seção /blog
   Complementa /assets/estilo.css e /assets/pf.css. Carregar sempre depois delas.
   ========================================================================== */

/* ---------- índice ---------- */
.bl-lista{list-style:none;margin:26px 0 34px;padding:0;border-top:1px solid var(--pf-fio)}
.bl-lista li{border-bottom:1px solid var(--pf-fio);padding:18px 0;display:grid;
             grid-template-columns:158px 1fr;gap:18px;align-items:start}
.bl-q{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--pf-cobre);
      line-height:1.6;padding-top:4px}
.bl-c{min-width:0}
.bl-lista h2{font-family:var(--pf-titulo);font-size:20px;line-height:1.28;margin:0 0 4px;font-weight:600}
.bl-lista h2 a{color:var(--pf-marinho);text-decoration:none}
.bl-lista h2 a:hover{color:var(--pf-cobre);text-decoration:underline}
.bl-sub{margin:0 0 7px;font-size:13px;color:var(--pf-cobre);font-style:italic;line-height:1.5}
.bl-ch{margin:0 0 7px;font-size:14px;color:#54585F;line-height:1.6}
.bl-tg{margin:0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8E8879}
@media(max-width:640px){.bl-lista li{grid-template-columns:1fr;gap:6px}}

/* ---------- página do texto ---------- */
.bl-data{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-cobre);
         margin:22px 0 10px}
.bl-autor{font-size:13px;line-height:1.7;color:var(--pf-cinza);margin:0 0 12px;max-width:74ch}
.bl-autor b{color:var(--pf-tinta)}
.bl-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.bl-tag{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--pf-fio);
        background:#fff;color:var(--pf-cinza);border-radius:2px;padding:3px 9px}

.bl-artigo{max-width:74ch}
.bl-artigo h2{font-family:var(--pf-titulo);font-size:21px;font-weight:600;color:var(--pf-marinho);
              margin:30px 0 10px;line-height:1.3}
.bl-artigo p{font-size:15.5px;line-height:1.78;color:var(--pf-tinta);margin:0 0 15px;text-align:justify}
.bl-nref{font-size:10px;line-height:0}
.bl-nref a{color:var(--pf-cobre);text-decoration:none;padding-left:1px}

.bl-concl{max-width:74ch;background:#F6F1E7;border:1px solid var(--pf-fio);
          border-left:3px solid var(--pf-cobre);border-radius:0 4px 4px 0;padding:16px 22px 18px;margin:30px 0 0}
.bl-concl h2{font-family:var(--pf-titulo);font-size:19px;font-weight:600;color:var(--pf-marinho);margin:0 0 8px}
.bl-concl ol{margin:0;padding-left:26px;list-style:upper-roman}
.bl-concl li{font-size:14.5px;line-height:1.7;color:var(--pf-tinta);padding:5px 0 5px 4px}

.bl-notas{max-width:74ch;margin:30px 0 0}
.bl-notas h2{font-family:var(--pf-titulo);font-size:17px;font-weight:600;color:var(--pf-marinho);
             margin:0 0 8px;border-top:1px solid var(--pf-fio);padding-top:16px}
.bl-notas ol{margin:0;padding-left:22px}
.bl-notas li{font-size:12.5px;line-height:1.65;color:var(--pf-cinza);padding:3px 0}
.bl-volta{color:var(--pf-cobre);text-decoration:none;font-size:11px}

.bl-ia{max-width:74ch;font-size:11.5px;line-height:1.45;color:#8A8578;margin:16px 0 12px;text-align:justify}
.bl-licenca{max-width:74ch;font-size:11.5px;line-height:1.6;color:#8A8578;font-style:italic;margin:0 0 18px}
.bl-voltar{margin:0 0 8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.bl-voltar a{color:var(--pf-cobre);text-decoration:none}
.bl-voltar a:hover{text-decoration:underline}