/* Edicoes da newsletter: indice em /newsletter/ e a pagina de cada edicao.
   Entra so nessas duas telas (enqueue condicional em functions.php). */

/* Indice: uma grade de cards, um por edicao, cada um com icone.
   Duas colunas no desktop, uma no celular. O filete e a cor do icone seguem o
   sistema dos cards do acervo, para as listas do site pertencerem ao mesmo
   vocabulario. */
/* A secao dos cards nao repete o padding vertical inteiro: ela vem logo abaixo
   do cabecalho da pagina, no mesmo fundo. */
.section--edicoes{padding-top:0}
/* Alinhada a esquerda, na mesma margem do titulo da pagina. */
.edgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:900px;margin:0}
.edcard{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--sky-tint-solid);border:1px solid var(--sky-blue);border-top:3px solid var(--reddish-brown);text-decoration:none;transition:border-color var(--dur-2),transform var(--dur-2)}
.edcard:hover{border-color:var(--prussian-blue);border-top-color:var(--reddish-brown);transform:translateY(-2px)}
.edcard-top{display:flex;align-items:center;gap:10px}
.edcard-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--reddish-brown);stroke-width:1.6}
.edcard-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--dim-grey)}
.edcard-title{font-family:var(--font-serif);font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-snug);color:var(--prussian-blue)}
.edcard:hover .edcard-title{color:var(--reddish-brown)}
.edcard-dek{font-size:var(--fs-caption);line-height:var(--lh-normal);color:var(--gunmetal)}
.edcard-cta{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--reddish-brown)}
.edempty{grid-column:1 / -1;text-align:center;font-size:var(--fs-small);color:var(--dim-grey);margin:0}

/* Pagina da edicao: volta para o indice, no fim da coluna de leitura. */
.edback{margin:var(--space-8) 0 0;font-family:var(--font-mono);font-size:13px}

@media (max-width:680px){
	.edgrid{grid-template-columns:1fr;gap:var(--space-4)}
}

/* ── A pagina da edicao E o e-mail ──────────────────────────────────────────
   O conteudo do post e a propria HTML enviada, com estilo embutido e tabelas.
   Aqui so se garante que o CSS do site nao atrapalhe: nada de max-width em
   imagem (as larguras sao declaradas no HTML do e-mail), nada de estilo de
   tabela do tema, e a coluna centralizada como no cliente de e-mail. */
.edicao-web{background:var(--dust-grey-light);padding:var(--space-8) 0}
.edicao-web > table{width:100%}
.edicao-web table{border-collapse:collapse;margin:0;font-size:inherit}
.edicao-web td{padding:0;border:0}
.edicao-web img{max-width:none;height:auto}
.edicao-web p{margin:0}
.edicao-web ul{list-style:disc}
.edicao-web a{text-decoration:underline}

@media (max-width:680px){
	.edicao-web{padding:var(--space-5) 0}
	.edicao-web table[width="600"]{width:100% !important;max-width:100% !important}
	.edicao-web img{max-width:100%}
}