:root { color-scheme:light; font:16px/1.55 system-ui,sans-serif; color:#152d27; background:#f3f6f3 }
* { box-sizing:border-box }
body { margin:0 }
header { display:flex; align-items:center; gap:1rem; background:#133b30; color:white; padding:1rem max(1rem,calc((100% - 1100px)/2)) }
header strong { flex:1 }
main { width:min(1100px,calc(100% - 2rem)); margin:2rem auto }
section,article { background:white; border:1px solid #d9e3dc; border-radius:12px; padding:1.25rem }
#signin { max-width:480px; margin:auto }
label { display:block; margin:.6rem 0 }
input,select,textarea,button { font:inherit; border:1px solid #7f9688; border-radius:6px; padding:.45rem .65rem }
input,textarea { display:block; width:100% }
button { cursor:pointer; background:#e9f3ed; color:#163e30 }
button[aria-current="page"], form > button { background:#225743; color:white }
button:disabled { opacity:.55; cursor:wait }
nav { display:flex; flex-wrap:wrap; gap:.5rem; border-bottom:1px solid #d9e3dc; padding-bottom:1rem }
article { margin:.7rem 0; overflow-wrap:anywhere }
dl { display:grid; grid-template-columns:minmax(6rem,auto) 1fr; gap:.2rem .8rem }
dt { font-weight:600 }
dd { margin:0 }
#status { white-space:pre-wrap }
[hidden] { display:none !important }
details p { white-space:pre-line }