/* Blog da EKO LIFE — herda tokens e componentes do style.css.
   Só o que o site institucional não tinha: coluna de leitura, tabela e FAQ. */

.post{padding:40px 0 8px}
.post__in{max-width:760px}
.crumb{font-size:13px;color:var(--tinta-2);margin-bottom:18px}
.crumb a{color:var(--tinta-2)}
.crumb a:hover{color:var(--violeta)}

.post h1{font-size:clamp(28px,4.4vw,42px);line-height:1.15;margin:0 0 14px}
.post__meta{font-size:13px;color:var(--tinta-2);margin-bottom:26px}
.post__meta b{color:var(--tinta)}

/* Resposta curta no topo: é o bloco que assistente de IA e trecho em destaque leem primeiro. */
.resposta{background:var(--papel-2);border:1px solid var(--linha);border-left:5px solid var(--verde);
  border-radius:var(--raio-sm);padding:18px 20px;margin:0 0 28px}
.resposta p{margin:0;font-size:17px;line-height:1.6}

.post__in h2{font-size:clamp(21px,2.6vw,27px);line-height:1.25;margin:34px 0 12px}
.post__in h3{font-size:19px;margin:24px 0 8px}
.post__in p,.post__in li{font-size:16.5px;line-height:1.72;color:#2C2733}
.post__in ul,.post__in ol{padding-left:22px;margin:12px 0}
.post__in li{margin:6px 0}
.post__in a{color:var(--violeta);text-decoration:underline;text-underline-offset:3px}

.tab{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px}
.tab th,.tab td{border:1px solid var(--linha);padding:10px 12px;text-align:left}
.tab th{background:var(--papel-2);font-weight:700}
.tab caption{caption-side:bottom;font-size:13px;color:var(--tinta-2);padding-top:8px;text-align:left}
.tab__wrap{overflow-x:auto}

.faq{margin:28px 0 8px}
.faq details{border:1px solid var(--linha);border-radius:var(--raio-sm);padding:14px 16px;margin:10px 0;background:#fff}
.faq summary{font-weight:600;cursor:pointer;font-size:16.5px}
.faq details[open] summary{margin-bottom:8px}

.post__cta{background:var(--papel-2);border:1px solid var(--linha);border-radius:var(--raio);
  padding:24px;margin:36px 0 8px;text-align:center}
.post__cta h2{margin-top:0}
.post__cta p{margin:0 auto 16px;max-width:520px}

.lista{padding:44px 0}
.lista__grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:26px}
.lista__card{border:1px solid var(--linha);border-radius:var(--raio);padding:22px;background:#fff;
  display:flex;flex-direction:column;gap:10px}
.lista__card h2{font-size:20px;line-height:1.3;margin:0}
.lista__card a{color:inherit}
.lista__card p{margin:0;color:var(--tinta-2);font-size:15.5px;line-height:1.6}
.lista__tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--violeta);font-weight:700}