:root{font-family:system-ui,sans-serif;color:#173142;background:#f2f5f7}body{margin:0}header{background:#122d40;color:white;padding:32px max(24px,calc((100vw - 1100px)/2))}header span{font-size:12px;letter-spacing:2px;color:#69d4c3}h1{font-size:36px;margin:12px 0}main{max-width:1100px;margin:auto;padding:24px}button{background:#086c61;color:white;border:0;border-radius:6px;padding:12px;margin:6px 8px 6px 0;cursor:pointer}input{padding:12px;border:1px solid #9aabb4;border-radius:6px;width:260px}article{background:white;border:1px solid #d7e0e5;border-radius:10px;padding:18px;margin:14px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#notice{color:#086c61}h3{text-transform:capitalize}p{line-height:1.6}label{display:block}button:focus-visible,input:focus-visible{outline:3px solid #c98915}