/* blog: estilos do artigo (extraídos do material do Mark, CSP exige arquivo externo) */
.artigo{max-width:780px;margin:0 auto;padding:clamp(7rem,12vw,8.5rem) 24px 90px}  /* topo: cabeçalho fixo */
.artigo .trilha{font-family:var(--mono,monospace);font-size:13px;color:var(--muted,#9BA1A8);margin-bottom:30px}
.artigo .trilha a{color:var(--muted,#9BA1A8);text-decoration:none}
.artigo .kicker{font-family:var(--mono,monospace);font-size:13px;letter-spacing:.22em;color:var(--amber,#E8A33D);text-transform:uppercase}
.artigo h1{font-size:clamp(30px,4.6vw,46px);line-height:1.14;margin:14px 0 20px;letter-spacing:-.015em}
.artigo .resumo{font-size:19px;color:var(--muted,#9BA1A8);line-height:1.55;border-left:2px solid var(--amber,#E8A33D);padding-left:18px}
.artigo h2{font-size:25px;margin:46px 0 14px;line-height:1.25;letter-spacing:-.01em}
.artigo h3{font-size:19px;margin:30px 0 10px}
.artigo table{width:100%;border-collapse:collapse;margin:26px 0;font-size:16px}
.artigo th,.artigo td{border:1px solid var(--line,#2A2F36);padding:11px 13px;text-align:left;vertical-align:top}
.artigo th{background:var(--surface,#15181C);font-weight:600}
.artigo p,.artigo li{font-size:17.5px;line-height:1.72}
.artigo ul{padding-left:22px;margin:14px 0}
.artigo li{margin:9px 0}
.artigo strong{color:#fff}
.artigo figure{margin:34px 0}
.artigo figure img{width:100%;border-radius:10px;border:1px solid var(--line,#2A2F36);display:block}
.artigo figcaption{font-size:14px;color:var(--muted,#9BA1A8);margin-top:10px}
.artigo .fecho{background:var(--surface,#15181C);border:1px solid var(--line,#2A2F36);border-radius:12px;padding:28px;margin:46px 0 0}
.artigo .fecho h3{margin:0 0 10px;font-size:20px}
.artigo .fecho p{margin:0 0 18px;font-size:16.5px}
.artigo .btn{display:inline-block;background:var(--amber,#E8A33D);color:#0E1013;font-weight:600;padding:13px 24px;border-radius:8px;text-decoration:none}
.artigo .assina{border-top:1px solid var(--line,#2A2F36);margin-top:40px;padding-top:20px;font-size:15px;color:var(--muted,#9BA1A8)}

/* índice do blog */
.blog-idx{ padding-top: clamp(6.5rem,12vw,8.5rem); }
.blog-idx .wrap{ max-width: 860px; }
.blog-idx h1{ font-size: clamp(2rem,4vw,2.9rem); margin-bottom: .8rem; }
.blog-idx .lead{ margin-bottom: 2.6rem; }
.post-card{ display: grid; grid-template-columns: 260px 1fr; gap: 1.6rem; align-items: start;
  padding: 1.4rem 0; border-top: 1px solid var(--line); }
.post-card img{ width: 100%; height: 100%; max-height: 170px; object-fit: cover; border-radius: 10px; display: block; }
.post-card .data{ font-family: var(--mono); font-size: .78rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--amber); }
.post-card h2{ font-size: 1.35rem; margin: .35rem 0 .5rem; }
.post-card h2 a{ text-decoration: none; }
.post-card p{ color: var(--muted); font-size: .95rem; margin: 0; }
@media (max-width: 680px){ .post-card{ grid-template-columns: 1fr; } .post-card img{ max-height: 200px; } }