/* Le pagine dei conti. Poche righe: tutto il resto e' gia' in `tavolo.css`,
   `home.css` e `testi.css` — la scheda, i bottoni, i campi, le note.
   Qui sta solo cio' che in quelle pagine non esisteva. */

/* Il modulo: i campi uno sotto l'altro, larghi come una riga di testo e non
   come la pagina. Un campo password largo settecento pixel non aiuta nessuno
   a scriverci dentro. */
.modulo-conto .campo-nome { max-width: 26rem; }
.modulo-conto .campo { width: 100%; }
.modulo-conto .postilla { margin: -.9rem 0 1.4rem; max-width: 34rem; }

/* L'avvertenza che costa il conto se non la si legge: bordo caldo a sinistra,
   perche' in mezzo a un modulo un paragrafo normale non lo legge nessuno. */
.nota-forte {
  border-left: 3px solid var(--oro, #c9a227);
  padding-left: .9rem;
  margin-bottom: 1.4rem;
}

/* Il collegamento al conto nella barra della home e nel piede: e' una voce
   come le altre, e non deve diventare il richiamo piu' forte della pagina —
   qui si gioca senza registrarsi, e la home lo promette per iscritto. */
.voce-conto { font-variant: normal; }

/* La casella «porta nel conto le partite di questo browser»: la spunta
   accanto al testo e non sopra, e il testo va a capo sotto se stesso. */
.scelta-porta {
  display: flex; align-items: flex-start; gap: .6rem;
  max-width: 34rem; margin: 0 0 1.4rem; cursor: pointer;
}
.scelta-porta input { margin-top: .25rem; accent-color: var(--accento); }