:root { font: 16px system-ui, sans-serif; color: #172832; background: #f3f6f7; }
main { margin: 5vh auto; padding: 2rem; max-width: 44rem; background: white; border: 1px solid #dae3e6; border-radius: .8rem; }
header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 1rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.2rem; }
span, p { color: #465962; }
label { display: grid; gap: .4rem; }
form, section { margin: 1.25rem 0; }
input, select, textarea, button, a { font: inherit; padding: .55rem .75rem; border: 1px solid #acbfc8; border-radius: .4rem; }
button, a { display: inline-block; margin-top: .75rem; color: white; background: #146058; border-color: #146058; cursor: pointer; }
[hidden] { display: none; }
:disabled { opacity: .55; cursor: default; }
li { line-height: 1.9; }