:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172b43; background: #f5f7fa; }
body { margin: 0; }
header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: white; border-bottom: 1px solid #d5dce5; }
main { max-width: 56rem; margin: 2rem auto; padding: 0 1rem; }
a { color: #18589a; }
button { padding: .6rem 1rem; cursor: pointer; }
input { padding: .5rem; }
section { margin: 2rem 0; padding: 1.25rem; background: white; border: 1px solid #d5dce5; border-radius: .5rem; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.button, button { display: inline-block; background: #18589a; color: white; border: 0; border-radius: .3rem; padding: .65rem 1rem; text-decoration: none; }
.button.secondary { background: #e3edf8; color: #172b43; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; vertical-align: top; padding: .8rem; border-bottom: 1px solid #d5dce5; }
.edit-form { max-width: 38rem; }
.field { margin: 1.2rem 0; }
.field label { display: block; margin-bottom: .4rem; font-weight: 600; }
.field input, .field select, .field textarea { width: 100%; padding: .6rem; box-sizing: border-box; border: 1px solid #7a8ba0; border-radius: .25rem; font: inherit; }
.help { font-size: .9rem; color: #44566c; }
.errorlist { color: #982e27; }
.notice { padding: .8rem; background: #e3edf8; border-left: 4px solid #18589a; }
.history li { margin: 1rem 0; }
.history p { margin: .4rem 0; }
:focus-visible { outline: 3px solid #bd7412; outline-offset: 3px; }
.summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; }
.summary-card { margin: 0; }
.summary-card h3 { margin-top: 0; }
.summary-number { font-size: 2rem; font-weight: 700; margin: .75rem 0; }
.summary-grid a.summary-card { padding: 1rem; border: 1px solid #d5dce5; border-radius: .5rem; background: white; text-decoration: none; }
.summary-grid a.summary-card[aria-current="page"] { background: #e3edf8; border-color: #18589a; }
.summary-grid a.summary-card strong { display: block; font-size: 1.8rem; }
.summary-card, .field { overflow-wrap: anywhere; }
.field input[type="checkbox"] { width: auto; }
main { overflow-wrap: anywhere; }