:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 1rem; }
main { max-width: 44rem; margin: auto; }
section { border: 1px solid; border-radius: .5rem; padding: 1rem; margin-block: 1rem; }
label { display: block; }
input:not([type=checkbox]), textarea { display: block; width: 100%; box-sizing: border-box; padding: .75rem; margin-block: .5rem; font: inherit; }
button { min-height: 44px; padding: .5rem 1rem; margin: .5rem .5rem .5rem 0; font: inherit; }
input[type=checkbox] { min-width: 24px; min-height: 24px; vertical-align: middle; margin: 10px; }
li { overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
[hidden] { display: none !important; }