body{font:16px system-ui,sans-serif;line-height:1.5;color:#18212c;background:#f6f8fb;margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{border-bottom:1px solid #d8e0ea}h1{margin-bottom:0}button,input,select{font:inherit;padding:8px;margin:5px}button{cursor:pointer}button:disabled{cursor:default}section{margin:20px 0}label{display:inline-block;margin-right:12px}nav{margin:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:16px;border:1px solid #d8e0ea}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;border-bottom:1px solid #d8e0ea;padding:8px;vertical-align:top}#status{min-height:24px;color:#a33020}footer{font-size:14px;color:#526171}a{color:#235db7}input{max-width:95%}