/* Página de solução — prova (caixa com stroke gray-900, fundo black-100 como os Estudos; caso à esquerda, números à
   direita com o valor Exo 40 das stats; faixa diagonal dos Estudos no pé) */

.sol-prova {
  padding-block: var(--section-py);
  background: var(--black-200);
}
.sol-prova__box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 448px);
  border: 1px solid var(--gray-900);
  background: var(--black-100);
}
.sol-prova__case { display: flex; flex-direction: column; gap: 16px; padding: 48px; }
.sol-prova__label { color: var(--gray-400); }
.sol-prova__title { max-width: 760px; }
.sol-prova__text { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; max-width: 760px; }
.sol-prova__text p { font-size: 18px; line-height: 1.5; color: var(--gray-300); }

.sol-prova__nums {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  box-shadow: inset 1px 0 0 var(--gray-900);
}
.sol-prova__num {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  overflow-wrap: break-word;
}
.sol-prova__num + .sol-prova__num { box-shadow: inset 0 1px 0 var(--gray-900); }
.sol-prova__value {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: var(--gray-0);
}
.sol-prova__num-label { font-size: 16px; line-height: 1.5; color: var(--gray-300); }

.sol-prova__pattern {
  grid-column: 1 / -1;
  height: 64px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 var(--gray-900);
}
.sol-prova__pattern img { width: 1377px; max-width: none; height: 64px; }

@media (max-width: 1023px) {
  .sol-prova__box { grid-template-columns: minmax(0, 1fr); }
  .sol-prova__nums { flex-direction: row; box-shadow: inset 0 1px 0 var(--gray-900); }
  .sol-prova__num + .sol-prova__num { box-shadow: inset 1px 0 0 var(--gray-900); }
}

@media (max-width: 767px) {
  .sol-prova__case { padding: 24px; }
  .sol-prova .section-title { font-size: 28px; line-height: 34px; }
  .sol-prova__text p { font-size: 16px; }
  .sol-prova__nums { flex-direction: column; }
  .sol-prova__num { padding: 24px; }
  .sol-prova__num + .sol-prova__num { box-shadow: inset 0 1px 0 var(--gray-900); }
  .sol-prova__value { font-size: 32px; }
  .sol-prova__pattern { height: 32px; }
}