*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:#172c3b;font:16px/1.5 system-ui,sans-serif}header{background:#112c40;color:white;padding:24px 22px 18px;border-bottom:4px solid #ba9851}.brand{font-size:27px;letter-spacing:3px;font-weight:750}.brand small{display:block;font-size:11px;letter-spacing:4px}header p{margin:12px 0 0;color:#cbd6ce;font-size:14px}main{padding:22px;max-width:560px;margin:auto}h1{font-size:28px;line-height:1.2;margin:0 0 8px}.intro{margin:0 0 20px;color:#526359}nav{display:grid;gap:10px}a{display:block;min-height:68px;padding:14px 16px;border:1px solid #ced6cf;border-left:4px solid #708873;background:white;color:#172c3b;text-decoration:none;border-radius:6px}a strong{display:block}a span{display:block;font-size:13px;color:#526359}a:hover{background:#edf2ed}a:focus-visible,button:focus-visible{outline:3px solid #9a7729;outline-offset:3px}button{min-height:48px;padding:10px 18px;background:#173c50;color:white;border:0;border-radius:5px;font:inherit}footer{font-size:13px;color:#526359;margin-top:24px}#status{font-size:14px}