/* Lane L2 (correio): the end of a lesson page (history of changes, «Reportar um problema»), the account page's
   preferences and invitation, and their own pages. Uses the tokens of faiscas.css. */
.pagina-correio { max-width: 820px; padding-bottom: 24px; }
.fim-aula { padding-top: 10px; }
.bloco-correio { margin-top: 8px; }
.bloco-correio h2 { scroll-margin-top: 16px; }
.caixa-correio { border: 2px solid var(--navy); padding: 0; margin: 12px 0 0; }
.caixa-correio > summary { cursor: pointer; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 15px; padding: 14px 18px; }
.caixa-correio[open] > summary { border-bottom: 2px solid var(--creme); }
.caixa-correio > form { padding: 16px 18px 24px; }
.form-correio.conta-form { padding-top: 0; }
.form-correio textarea, .form-correio input[type=number] { width: 100%; font: inherit; padding: 11px 12px; border: 2px solid var(--navy); border-radius: 0; background: #fff; color: var(--navy); }
.form-correio input[type=number] { max-width: 10em; }
.form-correio input[type=radio] { width: 18px; height: 18px; accent-color: var(--navy); flex: none; }
.form-correio .com-erro textarea { border-color: var(--erro); }
.form-correio fieldset.grupo { border: 0; padding: 0; margin: 0 0 18px; }
.form-correio fieldset.grupo legend { font-weight: 700; text-transform: none; letter-spacing: 0; padding: 0; margin-bottom: 4px; font-size: inherit; }
.form-correio fieldset.grupo label.caixa-marcar { margin: 6px 0; }
.reportar-ficheiro { font-size: 14px; }

/* history of changes */
.alteracoes { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 10px; }
.alteracoes li { display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 4px 14px; border-left: 4px solid var(--creme); padding: 4px 0 4px 12px; }
.alteracoes time { font-weight: 700; white-space: nowrap; }
.alteracoes .etiqueta { justify-self: start; margin-right: 6px; }
.alteracoes .tipo-correção { background: #fde3d4; }
.alteracoes .tipo-nova { background: var(--amarelo); }
.paginas { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
@media (max-width: 560px) {
  .alteracoes li { grid-template-columns: 1fr; }
}

/* account page */
.conta-correio h2 { margin-top: 1.2em; }
.conta-correio .conta-form { padding-top: 0; padding-bottom: 8px; }
.conta-correio form + p.nota { margin-top: 0; }