/* Hub /materiais/ (item 5.23): era um <style> na propria pagina. Mora em
   /assets/css/ para herdar o Cache-Control immutable e o ?v= do build, e
   saiu do HTML para style-src perder 'unsafe-inline'. Carregado depois de
   styles.css, na mesma posicao do bloco antigo. */
.mt-cards { display: grid; gap: 18px; margin-top: 32px; }
@media (min-width: 780px) { .mt-cards { grid-template-columns: 1fr 1fr; } }
.mt-card {
  display: block; height: 100%;
  padding: 26px 24px 24px;
  border: 1px solid var(--line-ink);
  border-radius: var(--radius-l);
  background: #fff;
  text-decoration: none;
  transition: border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);
}
.mt-card:hover { border-color: var(--green-ink); transform: translateY(-3px); box-shadow: 0 14px 34px rgba(13,27,38,.1); }
.mt-card-k {
  display: block; margin-bottom: 12px;
  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--green-ink);
}
.mt-card-t { font-size: var(--fs-h3); font-weight: 800; line-height: 1.25; color: var(--ink-900); letter-spacing: -.01em; }
.mt-card-d { margin-top: 10px; color: var(--ink-700); line-height: 1.6; }
.mt-card-f { display: block; margin-top: 16px; font-weight: 700; color: var(--green-ink); }
.mt-card-f::after { content: "\2192"; margin-left: 6px; }