/* Ajustes do blog por cima do design system do site.
   Tudo que e cor, fonte e botao vem do bundle do Astro -- aqui ficam so o
   espacamento das secoes, o indice de categorias e a tipografia do artigo. */

.kita-wrap{max-width:80rem;margin-inline:auto;padding-inline:1.25rem}
@media (min-width:640px){.kita-wrap{padding-inline:2rem}}

/* ---- capa das paginas do blog ---- */
.kita-hero{padding:3.5rem 0 1rem}
@media (min-width:640px){.kita-hero{padding:5rem 0 1.5rem}}
.kita-hero .kita-trilha{font-size:.8125rem;color:var(--color-ink-soft,#55617a);margin-bottom:.75rem}
.kita-hero .kita-trilha a{text-decoration:none}
.kita-hero .kita-trilha a:hover{text-decoration:underline}
.kita-hero p.kita-lead{margin-top:.9rem;max-width:46rem;font-size:1rem;line-height:1.65;
  color:var(--color-ink-soft,#55617a)}

/* ---- indice de categorias ---- */
.kita-indice{margin:2rem 0 .5rem}
.kita-indice ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.75rem 0 0;padding:0}
.kita-indice a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(14,32,77,.14);
  border-radius:50px;padding:.4rem .85rem;font-size:.8125rem;font-weight:700;text-decoration:none;
  transition:border-color .2s,color .2s}
.kita-indice a:hover{border-color:var(--color-accent,#21cdc0);color:var(--color-accent-text,#0d7f77)}
.kita-indice a span{font-variant-numeric:tabular-nums;opacity:.55;font-weight:400}

/* ---- secoes por categoria ---- */
.kita-secao{padding:3rem 0}
@media (min-width:640px){.kita-secao{padding:4rem 0}}
.kita-secao+.kita-secao{border-top:1px solid rgba(14,32,77,.08)}
.kita-secao .card-modelo{height:100%}

/* ---- corpo do artigo ---- */
.kita-artigo{padding:2.5rem 0 4rem;max-width:46rem}
.kita-artigo h2{font-family:var(--font-display,inherit);font-weight:700;font-size:1.5rem;
  line-height:1.3;margin:2.4rem 0 .85rem}
.kita-artigo h3{font-family:var(--font-display,inherit);font-weight:700;font-size:1.175rem;
  margin:1.9rem 0 .7rem}
.kita-artigo h4{font-weight:700;font-size:1.0375rem;margin:1.5rem 0 .6rem}
.kita-artigo p{margin:0 0 1.15rem;line-height:1.75}
.kita-artigo ul,.kita-artigo ol{margin:0 0 1.3rem 1.2rem;line-height:1.75}
.kita-artigo li{margin-bottom:.5rem}
.kita-artigo a{color:var(--color-accent-text,#0d7f77);text-decoration:underline;
  text-underline-offset:2px}
.kita-artigo blockquote{margin:1.6rem 0;padding:.2rem 0 .2rem 1.15rem;
  border-left:3px solid var(--color-accent,#21cdc0);font-style:italic}
.kita-artigo figure{margin:1.9rem 0}
.kita-artigo img{height:auto;max-width:100%;border-radius:12px}
.kita-artigo figcaption{margin-top:.5rem;font-size:.8125rem;color:var(--color-ink-soft,#55617a)}
.kita-artigo table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.9375rem}
.kita-artigo th,.kita-artigo td{border:1px solid rgba(14,32,77,.14);padding:.6rem .7rem;text-align:left}

.kita-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:center;
  font-size:.8125rem;color:var(--color-ink-soft,#55617a);margin-top:1rem}
.kita-voltar{margin:2.5rem 0 0}