/* Complemento de style.css para a página de instalação. Só o que não existe
   na landing — cores, fontes, botão, rodapé e os cartões de download vêm de
   lá. */

.dlpage{max-width:800px}
.dlpage .dlcard h2{margin:0 0 4px; font-size:19px; font-weight:600}
.dlpage h1{font-size:clamp(30px,4.4vw,42px); margin:34px 0 10px}
.dlpage .lede{font-size:19px; margin:0 0 34px; max-width:60ch}
.dlpage .dim{color:var(--dim)}


.dlpage section{padding:38px 0; margin-top:34px}
.dlpage h3{font-size:20px; margin:0 0 14px; font-weight:600}
.dlpage ol{padding-left:22px; margin:0}
.dlpage ol li{margin-bottom:12px}
.dlpage ol li b{font-weight:600}

code{
  background:#0a0d12; border:1px solid var(--line); border-radius:6px;
  padding:2px 7px; font-size:14.5px; font-family:var(--mono);
}
pre{background:#0a0d12; border:1px solid var(--line); border-radius:9px;
  padding:14px 16px; overflow-x:auto; margin:10px 0}
pre code{background:none; border:none; padding:0}

/* Âmbar porque é aviso, não erro: o comprador precisa ler antes de assustar,
   e vermelho aqui diria que algo quebrou. */
.heads-up{
  background:#1b1710; border:1px solid #4a3a12; border-left:3px solid var(--amber);
  border-radius:9px; padding:16px 18px; margin:18px 0;
}
.heads-up b{color:var(--amber)}
.heads-up p{margin:6px 0 0; color:var(--dim); font-size:15.5px}