/* Autor: Cláudio — r100 Tecnologia da Informação
   Criado: 2026-10-04
   Descrição: Estilo responsivo local sem recursos externos. */
:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172b3a; background: #f3f6f8; }
* { box-sizing: border-box; }
body { margin: 0; padding: 1rem; }
main { max-width: 36rem; margin: 2rem auto; padding: 1.5rem; border-radius: .75rem; background: white; }
h1 { font-size: 1.75rem; }
p { line-height: 1.6; overflow-wrap: anywhere; }
label { display: block; margin: 1rem 0 .4rem; font-weight: 600; }
input, button { width: 100%; min-height: 3rem; font: inherit; border-radius: .3rem; padding: .6rem; }
input { border: 1px solid #536b7b; }
input:focus-visible, button:focus-visible { outline: 3px solid #bf6500; outline-offset: 3px; }
button { margin-top: 1.2rem; border: 0; background: #174f79; color: white; cursor: pointer; }
.help { font-size: .9rem; color: #3a4f5b; }
.result { padding: .8rem; border: 2px solid #174f79; border-radius: .3rem; }
@media (max-width: 28rem) { main { margin: .5rem auto; padding: 1rem; } }