body{margin:0;background:#f2f5f8;color:#142b43;font:17px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:48px 24px}header,footer{background:#10273d;color:white;padding:22px max(24px,calc((100% - 1120px)/2))}a{color:inherit}nav{display:flex;gap:24px;flex-wrap:wrap}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}article{border-top:3px solid #ed7d22;padding:24px 0;display:flow-root}article img{width:120px;height:120px;object-fit:cover;float:left;margin:0 24px 16px 0}label{display:block;margin-top:24px}input[type=text],textarea{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #7b8d9c;border-radius:4px}button{background:#bd4c05;color:white;font:inherit;padding:12px 22px;margin:24px 12px 0 0;border:0;border-radius:4px;cursor:pointer}:focus-visible{outline:3px solid #ad4700;outline-offset:4px}.bio{white-space:pre-wrap;overflow-wrap:anywhere}.hint{max-width:72ch}form{max-width:740px}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}small{display:block}@media(max-width:600px){main{padding:32px 18px}nav{gap:14px}article img{float:none;display:block}button{width:100%;margin-right:0}}