/* A INTEL CLEAN e o fallback métrico são declarados em resources/views/public/partials/fonte-intel.blade.php,
   incluído no <head> de todas as páginas que usam este arquivo (preload + font-display: optional). */

/* Tokens do blog. O mesmo bloco existe em frontend-vue/src/assets/css/blog-comunidade.css;
   tests/blog-tokens.cjs falha se os dois divergirem. */
:root {
    --blog-azul-escuro: #292553;
    --blog-azul-hover: #3b3672;
    --blog-azul-suave: #eeedf6;
    --blog-texto: #26263b;
    --blog-texto-suave: #626477;
    --blog-fundo: #fbf9f6;
    --blog-superficie: #ffffff;
    --blog-borda: #e8e1db;
    --blog-borda-controle: #d3ccd6;
    --blog-laranja: #fa7304;
    --blog-laranja-texto: #a94400;
    --blog-laranja-suave: #fff3e6;
    --blog-ciano: #35a8e0;
    --blog-perigo: #a12121;
    --blog-perigo-suave: #fcefee;
    --blog-fonte-xs: .8125rem;
    --blog-fonte-sm: .875rem;
    --blog-fonte-md: 1rem;
    --blog-fonte-leitura: 1.0625rem;
    --blog-fonte-lg: 1.25rem;
    --blog-fonte-xl: 1.625rem;
    --blog-esp-1: .25rem;
    --blog-esp-2: .5rem;
    --blog-esp-3: .75rem;
    --blog-esp-4: 1rem;
    --blog-esp-6: 1.5rem;
    --blog-esp-8: 2rem;
    --blog-esp-12: 3rem;
    --blog-raio-sm: 6px;
    --blog-raio-md: 8px;
    --blog-controle: 40px;
    --blog-largura-pagina: 1180px;
    --blog-largura-leitura: 720px;
}
@media (pointer: coarse), (max-width: 650px) {
    :root { --blog-controle: 44px; }
}

:is(.blog-publico, .biblioteca-publica) { background: var(--blog-fundo); color: var(--blog-texto); font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; }
/* Especificidade baixa: substitui o link laranja e negrito do layout geral sem vencer componentes. */
:is(.blog-publico, .biblioteca-publica) :where(a) { color: var(--blog-azul-escuro); font-weight: 400; text-decoration-thickness: 1px; text-underline-offset: 3px; }
:is(.blog-publico, .biblioteca-publica) [hidden] { display: none !important; }
:is(.blog-publico, .biblioteca-publica) main { padding: 0 0 5rem; }
:is(.blog-publico, .biblioteca-publica) .site-header { background: var(--blog-azul-escuro); color: #fff; box-shadow: none; }
:is(.blog-publico, .biblioteca-publica) .site-header__inner { width: min(var(--blog-largura-pagina), calc(100% - 48px)); min-height: 76px; gap: var(--blog-esp-6); }
:is(.blog-publico, .biblioteca-publica) .brand { display: inline-flex; align-items: center; flex: 0 0 156px; width: 156px; min-width: 156px; max-width: 156px; min-height: 44px; }
:is(.blog-publico, .biblioteca-publica) .site-slogan { display: none; }
:is(.blog-publico, .biblioteca-publica) .site-header .nav { margin-left: auto; gap: clamp(1rem, 2vw, 2rem); }
:is(.blog-publico, .biblioteca-publica) .site-header .nav a { color: #fff; font-size: var(--blog-fonte-sm); font-weight: 400; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 6px; transition: color .16s ease, text-decoration-color .16s ease; }
:is(.blog-publico, .biblioteca-publica) .site-header .nav a:hover { color: #fff; text-decoration-color: #faaf73; transform: none; }
:is(.blog-publico, .biblioteca-publica) .site-header .nav .nav-cta { min-width: auto; width: auto; height: auto; min-height: 44px; padding: 0 var(--blog-esp-4); border: 1px solid rgba(255,255,255,.55); border-radius: var(--blog-raio-sm); background: transparent; color: #fff; font-weight: 400; text-decoration: none; transition: background .16s ease, border-color .16s ease; }
:is(.blog-publico, .biblioteca-publica) .site-header .nav .nav-cta:hover { border-color: #fff; background: rgba(255,255,255,.12); color: #fff; }
:is(.blog-publico, .biblioteca-publica) .site-header .nav a:not(.nav-cta) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .4rem .3rem; }
:is(.blog-publico, .biblioteca-publica) a:focus-visible,
:is(.blog-publico, .biblioteca-publica) button:focus-visible,
:is(.blog-publico, .biblioteca-publica) textarea:focus-visible { outline: 3px solid var(--blog-ciano); outline-offset: 3px; }

/* Ícones SVG inline (sprite em public/blog/partials/icones) */
.blog-icone { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.blog-visualmente-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Botões. Variantes: --principal, --discreto, --texto, --icone, --perigo, --pequena. */
.blog-acao { display: inline-flex; align-items: center; justify-content: center; gap: var(--blog-esp-2); min-height: var(--blog-controle); padding: 0 var(--blog-esp-4); border: 1px solid var(--blog-borda-controle); border-radius: var(--blog-raio-sm); background: var(--blog-superficie); color: var(--blog-azul-escuro); text-decoration: none; font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-size: var(--blog-fonte-sm); font-weight: 400; line-height: 1.2; white-space: nowrap; box-shadow: none; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.blog-acao:hover { border-color: #a9a1b6; background: #f6f3f1; color: var(--blog-azul-escuro); }
.blog-acao:active { background: #efeae7; }
.blog-acao--principal { border-color: var(--blog-azul-escuro); background: var(--blog-azul-escuro); color: #fff; }
.blog-acao--principal:hover { border-color: var(--blog-azul-hover); background: var(--blog-azul-hover); color: #fff; }
.blog-acao--principal:active { background: var(--blog-azul-escuro); }
.blog-acao--discreto { padding: 0 var(--blog-esp-3); border-color: transparent; background: transparent; color: var(--blog-texto-suave); }
.blog-acao--discreto:hover { border-color: transparent; background: rgba(41, 37, 83, .06); color: var(--blog-azul-escuro); }
.blog-acao--texto { padding: 0 var(--blog-esp-1); border-color: transparent; background: transparent; text-decoration: underline; text-decoration-color: #c4bdc8; text-underline-offset: 5px; }
.blog-acao--texto:hover { border-color: transparent; background: transparent; text-decoration-color: var(--blog-laranja); }
.blog-acao--icone { width: var(--blog-controle); padding: 0; }
.blog-acao--perigo { border-color: #e5b9b5; color: var(--blog-perigo); }
.blog-acao--perigo:hover { border-color: var(--blog-perigo); background: var(--blog-perigo-suave); color: var(--blog-perigo); }
.blog-acao--pequena { --blog-controle: 32px; padding: 0 var(--blog-esp-2); font-size: var(--blog-fonte-xs); }
.blog-acao[aria-pressed="true"] { border-color: #e6b88e; background: var(--blog-laranja-suave); color: var(--blog-laranja-texto); }
.blog-acao[aria-pressed="true"] .blog-icone { fill: currentColor; }
.blog-acao:disabled, .blog-acao[aria-disabled="true"] { cursor: not-allowed; opacity: .5; }
.blog-acao[aria-busy="true"] { cursor: progress; }
/* Contador integrado: separado do rótulo pelo gap e por um divisor, sem depender de espaço em texto. */
.blog-acao__contador, .blog-acao [data-total-votos] { padding-left: var(--blog-esp-2); border-left: 1px solid color-mix(in srgb, currentColor 30%, transparent); font-variant-numeric: tabular-nums; }

.blog-editorial { width: min(var(--blog-largura-pagina), calc(100% - 48px)); margin: 0 auto; }
.blog-editorial__introducao { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--blog-esp-8); padding: clamp(2.2rem, 3.4vw, 3.2rem) 0 1.8rem; border-bottom: 1px solid var(--blog-borda); }
.blog-editorial h1, .blog-editorial h2, .blog-editorial h3 { color: var(--blog-azul-escuro); font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-weight: 700; line-height: 1.12; letter-spacing: -.03em; }
.blog-editorial h3 { letter-spacing: -.015em; }
.blog-editorial__introducao h1 { max-width: 730px; margin: 0 0 .65rem; font-size: clamp(2.2rem, 3.2vw, 3.15rem); line-height: 1.08; text-wrap: balance; }
.blog-editorial__introducao p { max-width: 670px; margin: 0; color: var(--blog-texto-suave); font-size: var(--blog-fonte-md); line-height: 1.55; }
.blog-editorial__eyebrow { margin: 0 0 var(--blog-esp-1); color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-acoes { display: flex; flex-wrap: wrap; gap: var(--blog-esp-2); }
.blog-abas-assunto { display: flex; flex-wrap: wrap; gap: 1.3rem; padding: 1.2rem 0 .8rem; border-bottom: 1px solid var(--blog-borda); }
.blog-abas-assunto a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0 .5rem; border-bottom: 2px solid transparent; background: transparent; color: var(--blog-texto-suave); text-decoration: none; font-size: var(--blog-fonte-sm); font-weight: 400; transition: color .16s ease, border-color .16s ease; }
.blog-abas-assunto a:hover { border-color: #cfb5a7; color: var(--blog-azul-escuro); }
.blog-abas-assunto a[aria-current="page"] { border-color: var(--blog-laranja); color: var(--blog-azul-escuro); }
.blog-mural-cabecalho { display: flex; align-items: end; justify-content: space-between; gap: var(--blog-esp-4); margin: 1.2rem 0 1.1rem; }
.blog-mural-cabecalho h2 { margin: 0; font-size: clamp(1.625rem, 2.5vw, 2.125rem); }
.blog-mural-cabecalho span { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-mural { border-top: 1px solid var(--blog-borda); }
.blog-mural-cartao { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: clamp(1rem, 2vw, 1.5rem); min-width: 0; padding: var(--blog-esp-6) 0; border-bottom: 1px solid var(--blog-borda); }
.blog-mural-cartao--sem-imagem { grid-template-columns: minmax(0, 1fr); }
.blog-mural-cartao__imagem { display: block; width: 220px; text-decoration: none; }
.blog-mural-cartao__imagem img { display: block; width: auto; height: auto; max-width: 100%; max-height: 170px; }
.blog-mural-cartao__corpo { display: flex; min-width: 0; flex-direction: column; }
.blog-mural-cartao__contexto { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1rem; color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-mural-cartao__contexto a, .blog-mural-cartao__contexto span { color: var(--blog-laranja-texto); font-weight: 400; text-decoration: none; }
.blog-mural-cartao__contexto a:hover { text-decoration: underline; }
.blog-mural-cartao h3 { margin: .4rem 0; font-size: clamp(1.375rem, 2vw, 1.625rem); line-height: 1.2; overflow-wrap: anywhere; }
.blog-mural-cartao h3 a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: inherit; font-weight: inherit; text-decoration: none; overflow-wrap: anywhere; }
.blog-mural-cartao h3 a:hover { color: var(--blog-azul-escuro); text-decoration: underline; text-decoration-color: var(--blog-laranja); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.blog-mural-cartao__resumo { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0 .65rem; color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); line-height: 1.5; overflow-wrap: anywhere; }
.blog-mural-cartao__meta, .blog-mural-cartao__interacao { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1.1rem; color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-mural-cartao__meta strong { color: var(--blog-texto); font-weight: 400; }
.blog-mural-cartao__meta a { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem .1rem; color: var(--blog-azul-escuro); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.blog-mural-cartao__meta a:hover { text-decoration-color: var(--blog-laranja); }
.blog-mural-paginacao, .blog-conversa__paginacao { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .8rem; margin-top: var(--blog-esp-8); }
.blog-pagina-acesso { display: inline-flex; align-items: center; min-height: var(--blog-controle); padding: 0 var(--blog-esp-4); border: 1px solid var(--blog-borda-controle); border-radius: var(--blog-raio-sm); background: var(--blog-superficie); color: var(--blog-azul-escuro); text-decoration: none; font-size: var(--blog-fonte-sm); font-weight: 400; transition: border-color .16s ease, background .16s ease; }
.blog-pagina-acesso:hover { border-color: #a9a1b6; background: #f6f3f1; }
.blog-pagina-acesso--desativado { color: var(--blog-texto-suave); opacity: .5; }
.blog-pagina-estado { color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); }
.blog-vazio { max-width: 700px; padding: 2.5rem 0; }
.blog-vazio__mensagem { margin: 0 0 .35rem; color: var(--blog-azul-escuro); font-size: var(--blog-fonte-lg); font-weight: 700; }
.blog-rating { display: inline-flex; align-items: center; gap: 1px; color: var(--blog-texto-suave); text-decoration: none; font-size: var(--blog-fonte-xs); font-weight: 400; white-space: nowrap; }
.blog-rating__star { position: relative; display: inline-block; width: var(--size); height: var(--size); font-size: var(--size); line-height: 1; }
.blog-rating__star::before { content: '☆'; position: absolute; inset: 0; color: #6c6b85; }
.blog-rating__star::after { content: '★'; position: absolute; inset: 0; width: calc(var(--p) * 1%); overflow: hidden; color: #e58a17; }
.blog-rating__value { margin-left: .35rem; }

/* Artigo: uma coluna de leitura para trilha, cabeçalho, barra, corpo, conversa e relacionados. */
.blog-artigo { width: min(880px, calc(100% - 32px)); margin: 0 auto; padding-top: var(--blog-esp-8); }
.blog-artigo__topo { display: flex; justify-content: space-between; align-items: center; gap: var(--blog-esp-4); max-width: var(--blog-largura-leitura); margin: 0 auto var(--blog-esp-6); font-size: var(--blog-fonte-sm); }
.blog-artigo__topo a { color: var(--blog-azul-escuro); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.blog-artigo__topo a, .blog-artigo__meta a { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem .2rem; }
.blog-artigo__trilha { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-2); max-width: var(--blog-largura-leitura); margin: 0 auto var(--blog-esp-6); color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-artigo__trilha a { display: inline-flex; align-items: center; min-height: 32px; color: var(--blog-texto-suave); }
.blog-artigo__trilha a:hover { color: var(--blog-azul-escuro); }
.blog-artigo__cabecalho { max-width: var(--blog-largura-leitura); margin: 0 auto var(--blog-esp-4); text-align: left; }
.blog-artigo__assunto { color: var(--blog-laranja-texto); font-size: var(--blog-fonte-xs); font-weight: 400; text-decoration: none; letter-spacing: .02em; }
.blog-artigo__cabecalho h1 { margin: var(--blog-esp-2) 0 var(--blog-esp-3); font-size: clamp(2.125rem, 4.2vw, 3.15rem); line-height: 1.08; overflow-wrap: anywhere; text-wrap: balance; }
.blog-artigo__subtitulo { margin: 0 0 var(--blog-esp-6); max-width: 680px; color: var(--blog-texto-suave); font-size: var(--blog-fonte-lg); line-height: 1.45; }
.blog-artigo__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem var(--blog-esp-3); color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); }
.blog-artigo__meta a { color: var(--blog-azul-escuro); text-decoration-color: rgba(41, 37, 83, .3); }
.blog-artigo__meta a:hover { text-decoration-color: var(--blog-laranja); }
.blog-artigo__meta strong { color: var(--blog-texto); font-weight: 400; }

/* Bloco de autor: avatar, nome e linha de data/comentários. */
.blog-autor { display: flex; align-items: center; gap: var(--blog-esp-3); min-width: 0; }
.blog-autor__nome { color: var(--blog-texto); font-size: var(--blog-fonte-sm); text-decoration: none; }
.blog-autor__nome:hover { text-decoration: underline; }
.blog-autor__linha { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--blog-esp-1); color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-autor__linha a { color: inherit; }
.blog-avatar { display: inline-grid; flex: 0 0 auto; place-items: center; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--blog-azul-suave); color: var(--blog-azul-escuro); font-size: var(--blog-fonte-md); }
.blog-avatar--pequeno { width: 28px; height: 28px; font-size: var(--blog-fonte-xs); }
.blog-meta-separador { color: #b5b0bd; }

/* Barra de ações do artigo: grupo social à esquerda, salvar e compartilhar à direita. */
.blog-artigo__compartilhar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-2); max-width: var(--blog-largura-leitura); margin: 0 auto var(--blog-esp-8); padding: var(--blog-esp-3) 0; border-block: 1px solid var(--blog-borda); font-size: var(--blog-fonte-sm); }
.blog-barra__grupo { display: flex; align-items: center; gap: var(--blog-esp-2); min-width: 0; }
.blog-barra .blog-acao, .blog-barra .blog-avaliacao { flex-shrink: 0; text-decoration: none; }
.blog-barra__fim { margin-left: auto; }
.blog-avaliacao { display: inline-flex; align-items: center; gap: var(--blog-esp-2); min-height: var(--blog-controle); padding: 0 var(--blog-esp-3); border-radius: var(--blog-raio-sm); color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); text-decoration: none; }
.blog-avaliacao:hover { background: rgba(41, 37, 83, .06); color: var(--blog-azul-escuro); }
.blog-estrelas { display: inline-flex; gap: 1px; color: #e58a17; }
.blog-estrelas .blog-icone { width: 15px; height: 15px; fill: currentColor; stroke: none; }
.blog-estrelas .vazia { color: #cfc9d3; }
.blog-avaliacao strong { color: var(--blog-texto); font-weight: 400; }
.blog-artigo .blog-artigo__status { max-width: var(--blog-largura-leitura); min-height: 0; margin: calc(var(--blog-esp-6) * -1) auto var(--blog-esp-6); }
.blog-artigo .blog-artigo__status:empty { display: none; }
.blog-artigo .blog-artigo__painel { max-width: var(--blog-largura-leitura); margin: calc(var(--blog-esp-6) * -1) auto var(--blog-esp-8); }

/* Menu suspenso (compartilhar, mais ações). Único componente com sombra. */
.blog-menu { position: relative; }
.blog-menu__lista { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; min-width: 220px; margin: 0; padding: var(--blog-esp-1); list-style: none; border: 1px solid var(--blog-borda); border-radius: var(--blog-raio-md); background: var(--blog-superficie); box-shadow: 0 12px 32px rgba(38, 38, 59, .14); }
.blog-menu__lista a, .blog-menu__lista button { display: flex; align-items: center; gap: var(--blog-esp-3); width: 100%; min-height: 40px; padding: 0 var(--blog-esp-3); border: 0; border-radius: var(--blog-raio-sm); background: none; color: var(--blog-texto); font: inherit; font-size: var(--blog-fonte-sm); text-align: left; text-decoration: none; cursor: pointer; }
.blog-menu__lista a:hover, .blog-menu__lista button:hover, .blog-menu__lista a:focus-visible, .blog-menu__lista button:focus-visible { background: #f4f1ee; }
.blog-menu__lista a:not(:has(svg)), .blog-menu__lista button:not(:has(svg)) { padding-left: calc(var(--blog-esp-3) * 2 + 18px); }
.blog-menu__separador { margin: var(--blog-esp-1) 0; border-top: 1px solid var(--blog-borda); }
.blog-menu__lista .blog-menu__perigo { color: var(--blog-perigo); }

/* Ferramentas restritas (moderação e autor): faixa própria, separada das ações de leitura. */
.blog-artigo__ferramentas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-2) var(--blog-esp-3); max-width: var(--blog-largura-leitura); margin: 0 auto var(--blog-esp-8); padding: var(--blog-esp-3) var(--blog-esp-4); border: 1px dashed #cfc3d6; border-radius: var(--blog-raio-md); background: #f7f5fa; font-size: var(--blog-fonte-sm); }
.blog-artigo__ferramentas-rotulo { display: inline-flex; align-items: center; gap: var(--blog-esp-2); margin-right: auto; color: var(--blog-azul-escuro); }
.blog-artigo__ferramentas-rotulo small { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }

.blog-artigo__midia { margin: 0 0 2.3rem; }
.blog-artigo__midia img { display: block; width: auto; height: auto; max-width: 100%; max-height: 560px; margin: 0 auto; border-radius: var(--blog-raio-md); }
.blog-artigo__midia iframe, .blog-artigo__midia video { width: 100%; display: block; aspect-ratio: 16/9; border: 0; border-radius: var(--blog-raio-md); }
.blog-artigo__corpo { max-width: var(--blog-largura-leitura); margin: 0 auto; color: var(--blog-texto); font-size: var(--blog-fonte-leitura); line-height: 1.75; overflow-wrap: anywhere; }
.blog-artigo__corpo p { margin: 0 0 1.2em; }
.blog-artigo__corpo h2, .blog-artigo__corpo h3 { margin: 2em 0 .5em; line-height: 1.2; }
.blog-artigo__corpo h2 { font-size: var(--blog-fonte-xl); letter-spacing: -.02em; }
.blog-artigo__corpo h3 { font-size: var(--blog-fonte-lg); letter-spacing: -.015em; }
.blog-artigo__corpo img { display: block; height: auto; margin: 1.5rem auto; border-radius: var(--blog-raio-md); }
.blog-artigo__corpo blockquote { margin: 1.6em 0; padding: 0 0 0 var(--blog-esp-6); border-left: 3px solid var(--blog-laranja); color: var(--blog-azul-escuro); font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-size: var(--blog-fonte-lg); }
.blog-artigo__corpo pre { padding: var(--blog-esp-4); overflow-x: auto; border-radius: var(--blog-raio-md); background: var(--blog-azul-escuro); color: #fff; font-size: var(--blog-fonte-sm); }
.blog-artigo__etiquetas { display: flex; flex-wrap: wrap; gap: var(--blog-esp-1) var(--blog-esp-3); max-width: var(--blog-largura-leitura); margin: var(--blog-esp-8) auto; }
.blog-artigo__etiquetas span { color: var(--blog-azul-escuro); font-size: var(--blog-fonte-xs); }
.blog-artigo__relacionados { max-width: var(--blog-largura-leitura); margin: var(--blog-esp-12) auto 0; }
.related-content { margin: 0 auto; padding: var(--blog-esp-8) 0 0; border-top: 1px solid var(--blog-borda); }
.related-content__header h2 { margin: 0 0 var(--blog-esp-4); font-size: var(--blog-fonte-xl); }
.related-content__grid { display: block; }
.related-content__card { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 1.2rem; min-width: 0; padding: var(--blog-esp-4) 0 1.2rem; border-top: 1px solid var(--blog-borda); }
.related-content__meta { margin: .25rem 0 0; color: var(--blog-laranja-texto); font-size: var(--blog-fonte-xs); }
.related-content__descricao { min-width: 0; }
.related-content__card h3 { margin: 0 0 .35rem; font-size: var(--blog-fonte-lg); overflow-wrap: anywhere; }
.related-content__card h3 a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: var(--blog-azul-escuro); font-weight: inherit; text-decoration: none; overflow-wrap: anywhere; }
.related-content__card h3 a:hover { text-decoration: underline; text-decoration-color: var(--blog-laranja); text-underline-offset: 4px; }
.related-content__card p:not(.related-content__meta) { margin: 0; color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); line-height: 1.5; }

.blog-conversa { max-width: var(--blog-largura-leitura); margin: var(--blog-esp-12) auto 0; padding-top: var(--blog-esp-8); border-top: 1px solid var(--blog-borda); }
.blog-conversa__cabecalho { display: flex; align-items: baseline; gap: var(--blog-esp-3); }
.blog-conversa h2 { margin: 0; font-size: var(--blog-fonte-xl); letter-spacing: -.02em; }
.blog-conversa__total { color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); }
.blog-conversa__cabecalho > .blog-acao { margin-left: auto; align-self: center; }
.blog-conversa__introducao { color: var(--blog-texto-suave); }
.blog-conversa [data-entrar-comentario] a { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem .1rem; }
.blog-conversa__vazia { margin: var(--blog-esp-6) 0 0; color: var(--blog-texto-suave); }
.blog-formulario-comentario { padding: var(--blog-esp-4); margin: var(--blog-esp-6) 0 var(--blog-esp-8); border: 1px solid var(--blog-borda); border-radius: var(--blog-raio-md); background: var(--blog-superficie); }
.blog-formulario-comentario label { display: block; margin-bottom: var(--blog-esp-2); color: var(--blog-azul-escuro); font-size: var(--blog-fonte-sm); font-weight: 400; }
.blog-formulario-comentario textarea { width: 100%; min-height: 105px; padding: var(--blog-esp-3); border: 1px solid var(--blog-borda-controle); border-radius: var(--blog-raio-md); background: var(--blog-superficie); color: var(--blog-texto); resize: vertical; font: inherit; }
.blog-formulario-comentario textarea:focus-visible { border-color: var(--blog-azul-escuro); }
.blog-formulario-comentario__rodape { display: flex; justify-content: space-between; align-items: center; gap: var(--blog-esp-3); margin-top: var(--blog-esp-3); }
.blog-formulario-comentario__rodape small, .blog-formulario-comentario__erro { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-formulario-comentario__erro { color: var(--blog-perigo); }
.blog-lista-comentarios { list-style: none; padding: 0; margin: 0; }
.blog-comentario { padding: var(--blog-esp-4) 0; border-bottom: 1px solid var(--blog-borda); }
.blog-comentario[id] { scroll-margin-block: 1.5rem; }
.blog-comentario--destacado { padding-left: .9rem; border-left: 3px solid var(--blog-laranja); background: var(--blog-laranja-suave); }
.blog-comentario__topo { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--blog-esp-2); font-size: var(--blog-fonte-sm); }
.blog-comentario__topo a, .blog-comentario__topo strong { color: var(--blog-texto); font-weight: 400; text-decoration-color: transparent; }
.blog-comentario__topo a:hover { text-decoration-color: currentColor; }
.blog-comentario__topo time { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-comentario__texto { margin: var(--blog-esp-2) 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.blog-comentario__removido { color: var(--blog-texto-suave); font-style: italic; }
.blog-comentario__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-1); margin-left: calc(var(--blog-esp-2) * -1); }
.blog-comentario__acoes button { display: inline-flex; align-items: center; gap: var(--blog-esp-1); min-height: 44px; padding: 0 var(--blog-esp-2); border: 0; border-radius: var(--blog-raio-sm); background: none; color: var(--blog-texto-suave); font: inherit; font-size: var(--blog-fonte-sm); cursor: pointer; transition: background .15s ease, color .15s ease; }
.blog-comentario__acoes button:hover { background: rgba(41, 37, 83, .06); color: var(--blog-azul-escuro); }
.blog-comentario__acoes button[aria-pressed="true"] { background: var(--blog-laranja-suave); color: var(--blog-laranja-texto); }
.blog-comentario__acoes button:disabled { cursor: not-allowed; opacity: .5; }
.blog-comentario__acoes [data-acao-comentario="remover"], .blog-comentario__acoes [data-acao-comentario="ocultar"] { color: var(--blog-perigo); }
.blog-confirmacao-remocao { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-2); margin: var(--blog-esp-3) 0; padding: var(--blog-esp-4); border: 1px solid #e5b9b5; border-radius: var(--blog-raio-md); background: var(--blog-perigo-suave); }
.blog-confirmacao-remocao p { flex-basis: 100%; margin: 0 0 var(--blog-esp-1); }
:is(.blog-publico, .biblioteca-publica) button:disabled { cursor: not-allowed; }
:is(.blog-publico, .biblioteca-publica) [data-erro-comunidade] { color: var(--blog-perigo); }
:is(.blog-publico, .biblioteca-publica) [data-status-comunidade]:empty { display: none; }
:is(.blog-publico, .biblioteca-publica) [data-mais-comentarios], :is(.blog-publico, .biblioteca-publica) [data-mais-respostas] { margin-top: var(--blog-esp-4); }
.blog-comentario__respostas { list-style: none; margin: var(--blog-esp-4) 0 0 var(--blog-esp-2); padding: 0 0 0 var(--blog-esp-4); border-left: 2px solid var(--blog-borda); }
.blog-conversa__bloqueada { padding: var(--blog-esp-4); border-radius: var(--blog-raio-md); color: var(--blog-azul-escuro); background: var(--blog-azul-suave); }
.blog-comentario-embutido { margin-top: var(--blog-esp-3); }
.blog-comentario-embutido textarea { min-height: 75px; }

@media (max-width: 900px) {
    .blog-editorial__introducao { grid-template-columns: 1fr; gap: 1.4rem; }
}
@media (max-width: 650px) {
    :is(.blog-publico, .biblioteca-publica) .site-header__inner { width: min(100% - 30px, 1180px); min-height: 72px; justify-content: space-between; flex-wrap: nowrap; }
    :is(.blog-publico, .biblioteca-publica) .brand { flex: 0 0 112px; width: 112px; min-width: 112px; max-width: 112px; }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav { width: auto; gap: .25rem; justify-content: flex-end; }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav a { font-size: var(--blog-fonte-xs); }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav a:not(.nav-cta) { padding-inline: .15rem; }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav a[href="/biblioteca"] { display: none; }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav .nav-cta { min-height: 44px; padding: 0 var(--blog-esp-2); }
    .blog-editorial { width: min(100% - 30px, 1180px); }
    .blog-editorial__introducao { padding: 2.3rem 0 1.6rem; }
    .blog-editorial__introducao h1 { font-size: clamp(2.125rem, 9vw, 2.75rem); }
    .blog-editorial__introducao p { font-size: var(--blog-fonte-sm); }
    .blog-abas-assunto { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -15px; padding-right: 15px; }
    .blog-abas-assunto::-webkit-scrollbar { display: none; }
    .blog-abas-assunto a { flex: 0 0 auto; }
    .blog-mural-cartao { grid-template-columns: 104px minmax(0, 1fr); gap: .85rem; padding: var(--blog-esp-4) 0; }
    .blog-mural-cartao--sem-imagem { grid-template-columns: minmax(0, 1fr); }
    .blog-mural-cartao__imagem { width: 104px; }
    .blog-mural-cartao__imagem img { max-height: 110px; }
    .blog-mural-cartao h3 { font-size: var(--blog-fonte-lg); }
    .blog-mural-cabecalho { margin-top: var(--blog-esp-4); }
    .blog-artigo { padding-top: var(--blog-esp-6); }
    .blog-artigo__corpo { font-size: var(--blog-fonte-md); }
    .blog-barra { flex-wrap: nowrap; gap: var(--blog-esp-1); }
    .blog-barra .blog-acao--discreto { padding: 0 var(--blog-esp-2); }
    .blog-barra .blog-acao:not(.blog-acao--discreto):not(.blog-acao--texto) { padding: 0 var(--blog-esp-3); }
    .blog-barra__rotulo-largo { display: none; }
    /* O total de comentários já aparece abaixo do autor; no celular a barra fica só com as ações. */
    .blog-barra__comentarios { display: none; }
    .blog-barra__grupo .blog-acao--discreto:has(.blog-barra__rotulo-largo) { width: var(--blog-controle); padding: 0; }
    .blog-avaliacao { gap: var(--blog-esp-1); padding: 0 var(--blog-esp-2); }
    .blog-avaliacao__total { display: none; }
    .blog-estrelas .blog-icone:not(:first-child) { display: none; }
    .blog-artigo__ferramentas-rotulo { flex-basis: 100%; margin-right: 0; }
    .blog-artigo__ferramentas .blog-acao { flex: 1 1 auto; }
    .blog-formulario-comentario__rodape { flex-wrap: wrap; justify-content: flex-end; }
    .blog-formulario-comentario__rodape small { flex-basis: 100%; }
    .blog-conversa__cabecalho { flex-wrap: wrap; }
    .blog-comentario__respostas { margin-left: 0; padding-left: var(--blog-esp-3); }
    .related-content__card { grid-template-columns: 1fr; gap: .3rem; }
    .related-content__meta { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
    :is(.blog-publico, .biblioteca-publica) .nav a, .blog-acao, .blog-abas-assunto a, .blog-comentario__acoes button { transition: none; }
    .blog-comentario--destacado { scroll-behavior: auto; }
}


.blog-feed-ordenacao { display: flex; flex-wrap: wrap; gap: var(--blog-esp-2); padding: var(--blog-esp-4) 0 var(--blog-esp-2); }
.blog-feed-ordenacao__opcao { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .85rem; border: 1px solid var(--blog-borda); border-radius: 999px; color: var(--blog-azul-escuro); background: var(--blog-superficie); font-size: var(--blog-fonte-xs); font-weight: 400; text-decoration: none; }
.blog-feed-ordenacao__opcao:hover, .blog-feed-ordenacao__opcao[aria-current='page'] { border-color: var(--blog-laranja); background: #fff4e9; }
.blog-feed-criterio, .blog-feed-filtro { margin: .25rem 0 .65rem; color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); line-height: 1.5; }
.blog-feed-filtro a { color: var(--blog-azul-escuro); }
.blog-feed-status { min-height: 1.25em; margin: .2rem 0; color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); }
.blog-feed-erro { padding: var(--blog-esp-4); border-radius: var(--blog-raio-md); color: #7a1d1d; background: var(--blog-perigo-suave); }
.blog-cartao-tags { display: flex; flex-wrap: wrap; gap: .25rem .75rem; margin: 0 0 .35rem; }
.blog-cartao-tags a, .blog-artigo__etiquetas a { display: inline-flex; align-items: center; min-height: 36px; color: var(--blog-texto-suave); font-size: var(--blog-fonte-sm); font-weight: 400; text-decoration: none; overflow-wrap: anywhere; }
.blog-cartao-tags a { font-size: var(--blog-fonte-xs); }
.blog-cartao-tags a:hover, .blog-artigo__etiquetas a:hover { color: var(--blog-azul-escuro); text-decoration: underline; text-decoration-color: var(--blog-laranja); }
.blog-mural-cartao__acoes { display: flex; flex-wrap: wrap; gap: var(--blog-esp-2); margin-top: .2rem; }
.blog-salvos__mais { display: flex; margin: var(--blog-esp-6) auto 0; }
.blog-salvos [aria-busy='true'] { opacity: .75; }

@media (max-width: 650px) {
    .blog-feed-ordenacao { gap: .35rem; }
    .blog-feed-ordenacao__opcao { flex: 1 1 auto; padding-inline: .55rem; font-size: var(--blog-fonte-xs); }
    .blog-mural-cartao__acoes { gap: .35rem; }
}

.blog-perfil { padding-bottom: var(--blog-esp-12); }
.blog-perfil > .blog-artigo__topo { width: 100%; max-width: none; margin: 0 0 var(--blog-esp-6); }
.blog-perfil__cabecalho { display: flex; align-items: center; gap: 1.25rem; padding: var(--blog-esp-6) 0 var(--blog-esp-8); border-bottom: 1px solid var(--blog-borda); }
.blog-perfil__avatar { display: grid; flex: 0 0 96px; width: 96px; height: 96px; place-items: center; border-radius: 50%; object-fit: cover; background: var(--blog-azul-suave); color: var(--blog-azul-escuro); }
.blog-perfil__avatar--inicial { font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-size: 2rem; font-weight: 400; }
.blog-perfil__identidade h1 { margin: .1rem 0 .25rem; font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-size: clamp(2rem, 5vw, 3.15rem); color: var(--blog-azul-escuro); overflow-wrap: anywhere; }
.blog-perfil__identidade p { margin: 0; }
.blog-perfil__identificador { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); overflow-wrap: anywhere; }
.blog-perfil__biografia { max-width: 740px; padding: 1.3rem 0; border-bottom: 1px solid var(--blog-borda); }
.blog-perfil__biografia h2 { margin: 0 0 .35rem; color: var(--blog-azul-escuro); font-size: var(--blog-fonte-lg); }
.blog-perfil__biografia p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.blog-perfil__metricas { display: flex; flex-wrap: wrap; gap: .7rem 2rem; margin: 1.3rem 0; padding: var(--blog-esp-4) 0; border-bottom: 1px solid var(--blog-borda); }
.blog-perfil__metricas div { min-width: 130px; }
.blog-perfil__metricas dt { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-perfil__metricas dd { margin: .1rem 0 0; color: var(--blog-azul-escuro); font-size: var(--blog-fonte-xl); font-weight: 700; }
.blog-perfil__secao { margin-top: 2.5rem; }
.blog-perfil__lista { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--blog-borda); }
.blog-perfil__item { padding: 1.25rem 0; border-bottom: 1px solid var(--blog-borda); overflow-wrap: anywhere; }
.blog-perfil__item h3 { margin: .2rem 0 .35rem; font-family: 'INTEL CLEAN', 'INTEL CLEAN Fallback', Arial, sans-serif; font-size: 1.375rem; }
.blog-perfil__item h3 a { color: var(--blog-azul-escuro); font-weight: inherit; text-decoration-color: transparent; text-underline-offset: 4px; }
.blog-perfil__item h3 a:hover { text-decoration-color: var(--blog-laranja); }
.blog-perfil__item > p:not(.blog-perfil__data) { margin: .25rem 0 .65rem; color: var(--blog-texto-suave); }
.blog-perfil__data { margin: 0; color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-perfil__item-meta { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); }
.blog-perfil__comentarios blockquote { margin: .5rem 0 .7rem; padding-left: var(--blog-esp-4); border-left: 3px solid var(--blog-laranja); white-space: pre-wrap; }
.blog-perfil-edicao .blog-editorial__introducao { margin-bottom: var(--blog-esp-4); }
.blog-perfil-form { max-width: 720px; display: grid; gap: .55rem; }
.blog-perfil-form > label, .blog-perfil-form legend { color: var(--blog-azul-escuro); font-size: var(--blog-fonte-sm); font-weight: 400; }
.blog-perfil-form input[type='text'], .blog-perfil-form textarea { width: 100%; min-height: 44px; padding: .65rem .75rem; border: 1px solid var(--blog-borda-controle); border-radius: var(--blog-raio-md); background: var(--blog-superficie); font: inherit; }
.blog-perfil-form small { color: var(--blog-texto-suave); font-size: var(--blog-fonte-xs); line-height: 1.45; }
.blog-perfil-form fieldset { display: grid; gap: .3rem; margin: var(--blog-esp-4) 0; padding: var(--blog-esp-4); border: 1px solid var(--blog-borda); border-radius: var(--blog-raio-md); }
.blog-perfil-check { display: flex; align-items: flex-start; gap: .65rem; min-height: 44px; padding: .55rem 0; }
.blog-perfil-check input { width: 1.1rem; height: 1.1rem; margin-top: .2rem; accent-color: var(--blog-azul-escuro); }
.blog-perfil-form__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--blog-esp-4); }
.blog-perfil-form :focus-visible { outline: 3px solid var(--blog-ciano); outline-offset: 3px; }
.blog-perfil-form [aria-busy='true'] { cursor: progress; }

@media (max-width: 650px) {
    .blog-perfil__cabecalho { align-items: flex-start; gap: .85rem; }
    .blog-perfil__avatar { flex-basis: 72px; width: 72px; height: 72px; }
    .blog-perfil__identidade h1 { font-size: 2rem; }
    .blog-perfil__identificador { font-size: .72rem; }
    .blog-perfil__metricas { gap: .6rem 1.1rem; }
    .blog-perfil-form__acoes { align-items: stretch; flex-direction: column; }
    .blog-perfil-form__acoes a { min-height: 44px; }
}
@media (max-width: 650px) {
    :is(.blog-publico, .biblioteca-publica) .site-header__inner {
        width: calc(100% - 24px);
        min-height: 0;
        padding: .5rem 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: .35rem;
    }
    :is(.blog-publico, .biblioteca-publica) .brand { flex: 0 0 112px; width: 112px; min-width: 112px; max-width: 112px; }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: .2rem .55rem;
    }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav a:not(.nav-cta) {
        min-height: 44px;
        padding-inline: .3rem;
    }
    :is(.blog-publico, .biblioteca-publica) .site-header .nav .nav-cta { min-width: 0; width: auto; height: auto; padding: 0 var(--blog-esp-3); }
    .blog-perfil__cabecalho > .blog-perfil__identidade { flex: 1 1 auto; min-width: 0; }
    .blog-perfil__identidade h1 { font-size: clamp(1.7rem, 7vw, 2rem); }
    .blog-perfil__secao .blog-mural-cabecalho {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: .25rem;
    }
    .blog-perfil__secao .blog-mural-cabecalho span { overflow-wrap: anywhere; }
    .blog-perfil__item { min-width: 0; }
    .blog-perfil__item h3 { font-size: clamp(1.125rem, 5vw, 1.375rem); overflow-wrap: anywhere; }
    .blog-perfil__item h3 a { max-width: 100%; overflow-wrap: anywhere; }
    .blog-perfil__item h3 a { display: block; width: 100%; white-space: normal; }
    .blog-perfil__comentarios .blog-perfil__item > a { display: inline-block; max-width: 100%; }
    .blog-perfil__comentarios .blog-perfil__item > a { overflow-wrap: anywhere; }
    .blog-perfil .blog-artigo__topo { flex-wrap: wrap; }
    .blog-perfil .blog-artigo__topo a:last-child { margin-left: auto; }
}