:root { font: 16px system-ui, sans-serif; color: #17263b; background: #f4f6fa; }
body { margin: 0; }
main { max-width: 40rem; margin: auto; padding: 1.25rem; }
h1, h2 { margin-bottom: .3rem; }
p { margin: .4rem 0 1rem; color: #46566e; }
form, article, #picker { background: white; border: 1px solid #dce3ee; border-radius: 1rem; padding: 1rem; margin: 1rem 0; }
label { display: block; }
input, select, button, a { font: inherit; }
input, select { box-sizing: border-box; display: block; width: 100%; padding: .65rem; border: 1px solid #8a9cb4; border-radius: .45rem; margin: .35rem 0 .8rem; }
button, a { display: inline-block; padding: .65rem .8rem; border-radius: .5rem; border: 0; background: #203f79; color: white; text-decoration: none; margin: 0 .4rem .3rem 0; cursor: pointer; }
article strong { overflow-wrap: anywhere; }
article p { font-size: .9rem; }