:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { max-width: 70rem; margin: 2rem auto; padding: 0 1rem; }
nav { display: flex; gap: 1.5rem; align-items: center; }
label { display: inline-block; margin: .5rem; }
input, select, button { font: inherit; padding: .4rem; }
button { cursor: pointer; }
form { margin: .6rem 0; }
nav form, td form, li > form:last-child { display: inline-block; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: .6rem; text-align: left; border-bottom: 1px solid #888; }
fieldset { border: 0; padding: 0; }
.warning, .location-error { color: #d76b22; }
pre { overflow-wrap: anywhere; white-space: pre-wrap; padding: 1rem; border: 1px solid #888; }
a { color: #438bd4; }
a.button { display: inline-block; padding: .6rem; border: 1px solid #888; text-decoration: none; }