/* Playbook de educação: diagnóstico em três perguntas. A base vem de nt.css (nt-calc, nt-opcao); aqui só o que falta.
   Seletores com .pb-quiz na frente para vencer ".nt-corpo p" e ".nt-corpo ul" sem !important. */
.pb-quiz [hidden] { display: none !important; }
.pb-quiz fieldset { border: 0; margin: 0 0 1.1rem; padding: 0; min-width: 0; }
.pb-quiz legend {
  padding: 0; margin-bottom: .55rem;
  font-family: var(--nt-fonte-titulo); font-weight: 500; font-size: 1rem; line-height: 1.4; color: #ffffff;
}
.pb-quiz .nt-opcoes { margin-bottom: 0; }
.pb-quiz .nt-opcao { line-height: 1.35; }
.pb-quiz .pb-resultado {
  margin-top: .4rem; padding: 1rem 1.1rem;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte); border-left: 4px solid var(--nt-azul); border-radius: 12px;
}
.pb-quiz .pb-rotulo { margin: 0; font-family: var(--nt-fonte-titulo); font-weight: 500; font-size: 1.1rem; color: #ffffff; }
.pb-quiz .pb-nota { margin: .6rem 0 0; font-size: .95rem; color: var(--nt-texto-suave); }
.pb-quiz .pb-lista { margin: .8rem 0 0; display: grid; gap: .15rem; }
.pb-quiz .pb-lista dt {
  margin-top: .55rem; font-family: var(--nt-fonte-titulo); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase;
  color: var(--nt-azul);
}
.pb-quiz .pb-lista dd { margin: 0; color: var(--nt-texto); }
@media (min-width: 640px) {
  .pb-quiz .pb-lista { grid-template-columns: 11rem 1fr; column-gap: 1rem; row-gap: .5rem; }
  .pb-quiz .pb-lista dt { margin-top: .2rem; }
}
.pb-quiz .pb-cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem;
  margin: 1.1rem 0 0; padding-top: 1rem; border-top: 1px solid var(--nt-borda-forte); color: var(--nt-texto-suave);
}