:root {font-family: system-ui, sans-serif; color: #1d2935; line-height: 1.5}
body {margin: 0; background: #f8fafb}
.deadline {padding: .8rem max(4vw, 1rem); color: white; background: #9c1328}
.deadline span {display: block}
.deadline a {color: inherit; text-decoration: underline}
main {max-width: 70rem; margin: 2rem auto; padding: 0 max(3vw, 1rem)}
label {display: block; margin: 1rem 0}
label[hidden] {display: none}
input {display: block; padding: .55rem; max-width: 95%; width: 21rem; font: inherit}
img {display: block}
fieldset {max-width: 23rem; padding: .8rem; margin: 1rem 0; border: 1px solid #b5c0c7}
fieldset p {margin: .5rem 0}
audio {max-width: 100%}
button {padding: .55rem 1rem; font: inherit; cursor: pointer}
a {color: #164e98}
[role=alert] {color: #9c1328}
.logout {float: right}
.table-wrap {overflow-x: auto}
table {width: 100%; border-collapse: collapse; background: white}
th, td {text-align: left; padding: .5rem; border-bottom: 1px solid #d6dce1}
nav {margin-top: 1rem}
.notice {display: block; color: #77350a}
.clinical-warning {display: block; color: #9c1328}