/* cofator-v4 · o que so o blog tem (29/09/2026). Vem depois do home-v4.css e do v4-paginas.css,
   usa so os tokens deles. Artigo: capa clara (subpagina), prosa + indice como nas juridicas.
   Indice e categorias: filtros, cartao e paginas. Fonte: scripts/editorial_v4.py. */
.v4 .blog-capa .blog-titulo{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.02;max-width:24ch}
.v4 .blog-capa .lead{max-width:52ch}
.v4 .blog-autor{display:flex;gap:16px;align-items:center}
.v4 .blog-autor img,.v4 .blog-autor__sigla{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover}
.v4 .blog-autor__sigla{display:grid;place-items:center;background:var(--papel-2);color:var(--tinta);font-family:var(--f-display);font-weight:650;font-size:1.3rem}
.v4 .blog-autor strong{display:block;font-family:var(--f-display);font-weight:620;font-size:1.05rem;line-height:1.25}
.v4 .blog-autor p{margin-top:2px;font-size:1rem;line-height:1.4;color:var(--sec);max-width:48ch}

.v4 .blog-prosa{min-width:0}
.v4 .blog-prosa h2{scroll-margin-top:96px}
.v4 .blog-prosa .blog-figura{width:100%;height:auto;margin:32px 0 40px;border-radius:6px}
.v4 .blog-prosa em{font-style:italic}
.v4 .blog-prosa .editorial-table{overflow-x:auto;margin:24px 0 28px;border-radius:4px}
.v4 .blog-prosa .editorial-table table{margin:0;min-width:560px}
.v4 .blog-prosa .editorial-table:focus-visible{outline-offset:2px}

.v4 .blog-cta{margin:32px 0 40px;padding:22px 26px;border-left:3px solid var(--latao);background:var(--papel)}
.v4 .blog-cta p{margin:0 0 8px;color:var(--sec)}
.v4 .blog-prosa .blog-cta__link{font-family:var(--f-display);font-weight:650;font-size:1.08rem;color:var(--ultramar);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em}
.v4 .blog-cta__link:hover{color:#1830D0}

.v4 .blog-quiz{margin:32px 0 40px;padding:clamp(24px,3vw,36px);border-radius:8px}
.v4 .blog-quiz .rotulo{margin-bottom:10px}
.v4 .blog-quiz strong{display:block;font-family:var(--f-display);font-weight:680;font-stretch:90%;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.12;letter-spacing:-.015em}
.v4 .blog-quiz p.quiz-copy{margin:12px 0 24px;color:var(--sec)}
.v4 .blog-prosa .blog-quiz .botao{text-decoration:none;text-align:left}

.v4 .blog-publicos{display:flex;flex-wrap:wrap;gap:0 28px}
.v4 .blog-publicos a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;font-family:var(--f-display);font-weight:600;font-size:1.05rem;color:var(--sec);text-decoration:none}
.v4 .blog-publicos a:hover{color:var(--ultramar)}
.v4 .blog-publicos a[aria-current]{color:var(--texto);border-bottom-color:var(--ultramar)}
.v4 .blog-filtros{display:grid;gap:20px;margin-top:28px;max-width:52rem}
.v4 .blog-contagem{margin-top:28px;font-family:var(--f-display);font-size:1rem;color:var(--sec);scroll-margin-top:96px}
.v4 .blog-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px}
.v4 .cartao-blog{display:flex;flex-direction:column;gap:12px;height:100%;padding:28px 26px 24px;border-radius:6px;background:var(--papel);text-decoration:none;transition:background .2s}
.v4 .cartao-blog__cat{font-family:var(--f-display);font-weight:600;font-size:.98rem;color:var(--ultramar)}
.v4 .cartao-blog h3{font-family:var(--f-display);font-weight:680;font-stretch:90%;font-size:1.4rem;line-height:1.12;letter-spacing:-.012em;max-width:26ch;text-wrap:balance}
.v4 .cartao-blog p{font-size:1.02rem;line-height:1.45;color:var(--sec)}
.v4 .cartao-blog time{margin-top:auto;padding-top:8px;font-family:var(--f-display);font-size:.95rem;color:var(--sec)}
.v4 .cartao-blog:hover{background:#fff}
.v4 .cartao-blog:hover h3{text-decoration:underline;text-decoration-color:var(--ultramar);text-decoration-thickness:1.5px;text-underline-offset:.18em}
.v4 .blog-paginas{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.v4 .blog-paginas a,.v4 .blog-paginas span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 16px;border:1px solid #CBD2E1;border-radius:999px;font-family:var(--f-display);font-weight:620;color:var(--texto);text-decoration:none}
.v4 .blog-paginas a:hover{border-color:var(--ultramar);color:var(--ultramar)}
.v4 .blog-paginas a[aria-current]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.v4 .blog-paginas span{color:var(--sec);opacity:.7}
@media (min-width:900px){.v4 .blog-filtros{grid-template-columns:2fr 1fr}}
/* a tabela do artigo rola dentro da propria caixa; o v4-paginas.css empilha a da juridica */
@media (max-width:760px){
  .v4 .blog-prosa .editorial-table table{display:table}
  .v4 .blog-prosa .editorial-table thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip-path:none}
  .v4 .blog-prosa .editorial-table tbody{display:table-row-group}
  .v4 .blog-prosa .editorial-table tr{display:table-row;padding:0;border:0}
  .v4 .blog-prosa .editorial-table th,.v4 .blog-prosa .editorial-table td{display:table-cell;padding:12px 16px 12px 0;border-top:1px solid #CBD2E1}
  .v4 .blog-prosa .editorial-table thead th{border-top:0}
  .v4 .blog-autor img,.v4 .blog-autor__sigla{width:52px;height:52px}
}