/* Páginas públicas do servidor (política de privacidade). */
:root { color-scheme: light dark; }
body { margin: 0; font: 16px/1.55 system-ui, sans-serif; background: Canvas; color: CanvasText; }
main { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
h1 { margin-top: 0.5rem; }
h2 { margin-top: 2rem; border-bottom: 1px solid GrayText; padding-bottom: 0.2rem; }
.muted { color: GrayText; }
.lang { text-align: right; margin: 0; }
dt { font-weight: 600; }
dd { margin: 0 0 0.6rem 0; }
.scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid GrayText; padding: 0.4rem 0.5rem; text-align: left; vertical-align: top; }
li { margin: 0.25rem 0; }
h3 { margin-bottom: 0.3rem; }
.small { font-size: 0.9em; }
.box { border: 1px solid GrayText; border-radius: 6px; padding: 0.8rem 1rem; margin: 0.8rem 0; }
.notice { border-left: 4px solid #2e7d3c; padding: 0.5rem 0.8rem; background: color-mix(in srgb, #2e7d3c 12%, Canvas); }
.error { border-left: 4px solid #a12a2a; padding: 0.5rem 0.8rem; background: color-mix(in srgb, #a12a2a 12%, Canvas); }
.warn { border-left: 4px solid #b07d00; padding: 0.5rem 0.8rem; background: color-mix(in srgb, #b07d00 12%, Canvas); }
label { display: block; margin: 0.6rem 0 0.2rem; font-weight: 600; }
label.option { font-weight: normal; margin: 0.3rem 0; }
input[type=text], input[type=password] { width: 100%; max-width: 28rem; padding: 0.45rem; font: inherit; border: 1px solid GrayText; border-radius: 4px; background: Field; color: FieldText; }
button { padding: 0.45rem 1rem; font: inherit; border-radius: 4px; border: 1px solid #36506b; background: #36506b; color: #fff; cursor: pointer; }
button.secondary { background: transparent; color: inherit; }
.secret { font-size: 1.1em; letter-spacing: 0.05em; }