/* ==========================================================================
   Playground: o que o Jorge esta fazendo, vendo, criando e testando. So
   variaveis do rebrand.css. Entra por
   `css_includes` -- no indice pelo front matter, nas entradas pelos defaults
   da colecao em _config.yml.
   ========================================================================== */

/* --- Status: a mesma linguagem das tags da agenda (tracejado) ---------------- */
.tag-testando { color: var(--amber-ink); }
.tag-fazendo  { color: var(--red-ink); }
.tag-criando  { color: #4a5ab3; }
.tag-vendo    { color: var(--text-muted); }
.post-header .tag { transform: none; vertical-align: middle; color: var(--amber); }

/* --- Cards do indice --------------------------------------------------------- */
.pg-card .k { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; }
.pg-card .k .tag { transform: none; padding: 0.15rem 0.45rem; }
.pg-card .pg-pergunta {
  margin: 0;
  font-style: italic;
  color: var(--text-dark);
  border-left: 3px solid var(--amber);
  padding-left: 0.7rem;
}
.pg-card .more { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

/* --- Entrada ---------------------------------------------------------------- */
.pg-link { margin: 2.25rem 0 0; }
.pg-voltar { font-family: var(--font-mono); margin-top: 2.5rem; }
.pg-voltar a { color: var(--text-muted); }

/* --- Pergunta que fecha a entrada ------------------------------------------ */
.pergunta {
  max-width: var(--max-w-prosa);
  font-size: 1.08rem;
  color: var(--text-dark);
  border-left: 3px solid var(--amber);
  padding: 0.2rem 0 0.2rem 0.9rem;
  margin: 2.25rem 0 0;
}