:root { color-scheme: light dark; font-family: system-ui,sans-serif; line-height:1.6; }
body { max-width:78rem; margin:auto; padding:1rem; }
main { padding-bottom:3rem; }
header { border-bottom:1px solid; margin-bottom:1.5rem; }
nav a { margin-right:1rem; }
a { text-underline-offset:.2em; }
:focus-visible { outline:3px solid #b75a00; outline-offset:3px; }
label { display:block; margin-top:1rem; }
input,textarea,select,button { font:inherit; padding:.45rem; max-width:100%; box-sizing:border-box; }
input:not([type=checkbox]):not([type=hidden]),textarea { width: min(100%,42rem); display:block; }
button { margin:.7rem 0; cursor:pointer; }
fieldset { margin:1rem 0; }
table { border-collapse:collapse; width:100%; margin-bottom:2rem; overflow-wrap:anywhere; }
th,td { border:1px solid #888; padding:.5rem; text-align:left; vertical-align:top; }
caption { text-align:left; font-weight:bold; padding:.5rem 0; }
[role=alert] { border:2px solid; padding:1rem; }