/* Estudo Quem aparece primeiro n.º 2, engenharia e indústria.
   Reutiliza .serp e .limits de estudo-aso.css e .case-* de components.css.
   Aqui só o que é desta página: a lista estática e a tabela por pesquisa. */

.estudo-eng__serp {
  max-width: 760px;
  margin-top: var(--space-10, 56px);
}

.estudo-eng__serp .serp-explorer__source {
  margin-top: var(--space-3);
}

.estudo-eng__table-wrap {
  margin-top: var(--space-8);
  overflow-x: auto;
  border: 1px solid var(--color-gray-border);
  border-radius: var(--radius-card);
  background: var(--color-white);
}

.estudo-eng__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.estudo-eng__table caption {
  caption-side: bottom;
  text-align: left;
  padding: var(--space-4) var(--space-5);
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--color-gray-muted);
}

.estudo-eng__table th,
.estudo-eng__table td {
  padding: var(--space-3) var(--space-5);
  text-align: left;
  border-bottom: 1px solid var(--color-gray-border);
  white-space: nowrap;
}

.estudo-eng__table thead th {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--color-gray-muted);
}

.estudo-eng__table tbody th {
  font-weight: 600;
  color: var(--color-dark);
}

.estudo-eng__table td {
  color: var(--color-gray-text);
  font-variant-numeric: tabular-nums;
}

.estudo-eng__table td.is-zero {
  color: var(--color-purple);
  font-weight: 600;
}

@media (max-width: 620px) {
  .estudo-eng__table th,
  .estudo-eng__table td {
    padding: var(--space-3);
  }
  .estudo-eng__table tbody th {
    white-space: normal;
  }
}