/* ──────────────────────────────────────────
   NEXOR AI · Blog — camada de correções 2026-06-29
   Aplicada após blog.css. Corrige contraste (AA),
   tabelas de conteúdo, navegação mobile e moldura.
   ────────────────────────────────────────── */

/* 1. Contraste AA — textos pequenos em dourado usam o tom escuro (--gold-dk),
   reservando --gold para ícones, bordas e realces grandes. */
.article-card .meta,
.cat-card .num,
.toc-head,
.share-box h3,
.cat-card .arrow,
.nl-aside p,
.preview-meta {
  color: var(--gold-dk);
}
.top-strip a { color: var(--gold-dk); }

/* 2. Tabelas dentro de conteúdo (.prose) — antes sem estilo algum. */
.prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.3em 0;
  font-size: .92rem;
}
.prose table th,
.prose table td {
  border: 1px solid var(--line);
  padding: 9px 12px;
  text-align: left;
  vertical-align: top;
}
.prose table th {
  background: var(--gold-soft);
  color: var(--ink);
  font-weight: 700;
}
.prose table tr:nth-child(even) td { background: rgba(184,137,42,.035); }

/* 3. Navegação mobile — a faixa superior rola horizontalmente; deixamos isso
   evidente e acessível com um indicador de rolagem e foco visível. */
@media (max-width: 700px) {
  .top-strip .left {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .top-strip .left::-webkit-scrollbar { height: 3px; }
  .top-strip .left::-webkit-scrollbar-thumb {
    background: rgba(184,137,42,.45);
    border-radius: 3px;
  }
}
.top-strip a:focus-visible,
.prose a:focus-visible,
.btn:focus-visible {
  outline: 2px solid var(--gold-dk);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ──────────────────────────────────────────
   4. Full-bleed nas páginas internas · 2026-06-29 (revisado)
   Correção definitiva: alinhar TODAS as páginas internas ao
   padrão da home, removendo a "moldura institucional" que o
   blog.css acumulou (quadro dourado fixo + bordas e painel da
   .shell). Assim o conteúdo ocupa a página como na home, sem
   o efeito de "coluna emoldurada".
   ────────────────────────────────────────── */

/* 4a. Quadro dourado fixo da viewport: era a "borda" mais evidente.
   Removido por completo nas páginas internas. */
body::before {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* 4b. Painel da .shell: sem bordas laterais, sem fundo e sem sombra —
   o conteúdo passa a ocupar a largura como na home (full-bleed). */
.shell {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  box-shadow: none !important;
}