/* Dividir PDF — só o que a base não tem. Nenhuma cor nova: tudo var(--...).
   Motivos:
   - a base não tem botão de opção (radio); os três modos são cartões
     clicáveis, com o marcado contornado em cobre;
   - com um PDF aberto, a zona encolhe (.compacta) para as escolhas caberem
     na tela do celular sem rolar 200 px de área tracejada;
   - a linha da lista na base é flex de uma linha só; com nome, trecho,
     tamanho e o botão, a 375 px o nome ficava com largura zero (mesmo
     conserto do Juntar PDF);
   - o link de baixar usa a aparência .mini, que a base define para botão. */

.estado { margin: 16px 0 0; min-height: 1.4em; }
.estado:empty { min-height: 0; margin: 0; }

.zona.compacta { min-height: 0; padding: 16px 18px; gap: 4px; }
.zona.compacta strong { font-size: 22px; }

.aberto { margin-top: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line-2); }
.aberto .numero { margin: 0 0 6px; }
.aberto-nome { margin: 0; font-size: 17px; color: var(--silk); overflow-wrap: anywhere; }
.aberto .mono { margin: 4px 0 0; }

.modos { border: 0; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; min-width: 0; }
.modos legend { padding: 0; margin-bottom: 10px; }
.modo {
  display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; cursor: pointer;
  border: 1px solid var(--line-2); border-radius: 2px; background: var(--bg);
}
.modo:hover { border-color: var(--silk-3); }
.modo:has(input:checked) { border-color: var(--copper); }
.modo input { flex: 0 0 auto; width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--copper); cursor: pointer; }
.modo strong { display: block; font-weight: 500; color: var(--silk); font-size: 17px; line-height: 1.3; }
.modo-ajuda { display: block; color: var(--silk-3); font-size: 15px; line-height: 1.4; }

.parametro { margin: 20px 0 0; max-width: 520px; }
.campo.curto { max-width: 140px; }

.previa { margin: 12px 0 0; font-size: 16px; color: var(--silk-2); min-height: 1.5em; }
.previa:empty { min-height: 0; margin: 0; }
.previa.problema { color: var(--erro); }

.resultado .numero { margin-bottom: 8px; }
.resultado p { margin: 0 0 6px; }
.resultado .numero:focus { outline: none; }
.resultado .numero:focus-visible { outline: 2px solid var(--copper); outline-offset: 3px; }
.resultado .ajuda-baixar { font-size: 15px; color: var(--silk-3); margin-top: 12px; }

.lista-arquivos li {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;
}
.lista-arquivos .pos { min-width: 2ch; text-align: right; color: var(--copper); }
.arq-info { display: grid; gap: 2px; min-width: 0; }
.arq-info .nome-arq { display: block; }
a.mini { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; padding: 4px 12px; }