*{box-sizing:border-box}body{margin:0;font:1rem/1.55 system-ui,sans-serif;background:#f5f6f3;color:#142c24}
header{display:flex;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100% - 46rem)/2));background:#173b30;color:#fff}
header a{color:inherit}main{width:min(100% - 2rem,46rem);margin:2rem auto 4rem}h1{line-height:1.2}
h2,h3{margin:0}form,section{display:grid;gap:.8rem;margin:1rem 0;padding:1.15rem;background:#fff;border:1px solid #cbd5ce;border-radius:.5rem}
label{display:grid;gap:.3rem}input,textarea,button{font:inherit}input,textarea{width:100%;padding:.5rem;border:1px solid #74897f;border-radius:.25rem}
button{justify-self:start;padding:.55rem .95rem;background:#173b30;border:1px solid #173b30;border-radius:.3rem;color:#fff;cursor:pointer}
a{color:#173b30;overflow-wrap:anywhere}:focus-visible{outline:3px solid #ad5600;outline-offset:3px}
dl{display:grid;grid-template-columns: minmax(8rem,1fr) 2fr;gap:.3rem .75rem}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
article+article{border-top:1px solid #cbd5ce;padding-top:1rem}.logout{background:none;border:0;padding:0}
@media(max-width:34rem){dl{grid-template-columns:1fr}dd{margin-bottom:.5rem}}