:root { color-scheme: light; font-family: system-ui, sans-serif; color: #11233f; background: #f5f8fc; }
body { margin: 0; }
main { width: min(900px, calc(100% - 2rem)); margin: 2rem auto; }
section { background: white; border: 1px solid #c9d5e5; border-radius: 1rem; padding: 1.25rem; margin: 1.5rem 0; }
form { display: grid; gap: .85rem; }
label { display: grid; gap: .25rem; }
input, textarea, select, button { font: inherit; padding: .7rem; }
button { width: fit-content; cursor: pointer; }
output[data-ok="true"] { color: #176b3a; }
output[data-ok="false"] { color: #9b1c1c; }