* { box-sizing: border-box; }
body { margin: 0; background: #f3f6fa; color: #17283a; font: 1rem/1.55 system-ui, sans-serif; }
main { max-width: 78rem; margin: auto; padding: clamp(1rem, 4vw, 2.5rem); }
nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; border-bottom: 1px solid #bbc8d7; padding-bottom: 1rem; }
nav form { margin-inline-start: auto; }
a { color: #145780; overflow-wrap: anywhere; }
button, input { font: inherit; padding: .45rem .7rem; border: 1px solid #75869a; border-radius: .35rem; }
input { max-width: 100%; }
button { color: white; background: #164c6d; cursor: pointer; }
:focus-visible { outline: 3px solid #1377b3; outline-offset: 3px; }
.warning { border-inline-start: 4px solid #9a5a00; padding: .5rem .8rem; background: #fff0cf; }
.scroll { overflow-x: auto; margin-top: 1rem; }
table { width: 100%; border-collapse: collapse; background: white; text-align: left; }
th, td { padding: .65rem; border-bottom: 1px solid #d5e0ec; min-width: 5rem; }
.badge { display: inline-block; background: #e0ebf5; border-radius: .4rem; padding: .15rem .45rem; }
dt { font-weight: 650; }
dd { margin: 0 0 .6rem; overflow-wrap: anywhere; }
.alerts li { padding: .4rem 0; }