/* SUCURI — o manual. Texto para ler, não painel para operar: coluna estreita,
   linha larga, e o exemplo com a cara do caderno. */

.manual{display:block;background:#fff;padding:32px 26px 48px;
  max-width:44em;margin:0 auto;line-height:1.75}
.manual h2{font-size:17px;font-weight:500;margin:38px 0 12px;
  padding-top:18px;border-top:1px solid var(--areia-2)}
.manual h3{font-size:14px;font-weight:500;margin:26px 0 8px;color:var(--folha);
  font-family:var(--mono)}
.manual p{margin:0 0 14px}
.manual code{font-family:var(--mono);font-size:13px;background:var(--areia);
  padding:2px 6px;border-radius:5px}
.manual a{color:var(--folha)}

.abertura{font-size:16px;line-height:1.8}
.nota-manual{font-size:12.5px;color:var(--tinta-2);background:var(--areia);
  border-left:3px solid var(--folha);border-radius:0 6px 6px 0;padding:10px 14px}

.exemplo{border:1px solid var(--areia-2);border-radius:var(--sucuri-raio-card);
  padding:14px 16px;margin:0 0 18px;background:#fff}
.exemplo .entrada{display:block;font-family:var(--mono);font-size:13px;
  background:var(--areia);padding:8px 12px;border-radius:6px;margin-bottom:6px}
.exemplo .saida,.exemplo .pergunta,.exemplo .erro-esperado{
  display:block;font-family:var(--mono);font-size:13px;padding:8px 12px;
  border-radius:6px;margin-top:10px}
.exemplo .saida{background:var(--sucuri-sucesso-bg);color:var(--sucuri-sucesso-fg)}
.exemplo .pergunta{background:var(--sucuri-aviso-bg);color:var(--sucuri-aviso-fg)}
.exemplo .erro-esperado{background:var(--sucuri-erro-bg);color:var(--sucuri-erro-fg)}
.exemplo .explica{margin:10px 0 0;font-size:13px;color:var(--tinta-2)}

.tabela{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:14px}
.tabela td{border-bottom:1px solid var(--areia-2);padding:8px 10px;
  vertical-align:top}
.tabela tr:last-child td{border-bottom:none}
.tabela td:first-child{width:14em}
.prov{font-family:var(--mono);font-size:12.5px}
.prov.est{color:var(--sucuri-sucesso-fg)}
.prov.sem{color:var(--sucuri-erro-fg)}
.prov.nap{color:var(--tinta-2)}

.limites{margin:0 0 14px;padding-left:20px}
.limites li{margin-bottom:8px}
.fecho{margin-top:30px;font-size:13px;color:var(--tinta-2)}

@media (max-width:640px){ .manual{padding:22px 18px 36px} }