:root{font:16px system-ui,sans-serif;color:#132b3b;background:#f1f5f7}body{margin:0}main{max-width:1000px;margin:40px auto;padding:24px}header p:first-child{color:#3d6c80;font-size:.8rem;letter-spacing:.14em}h1{font-size:2rem}section,article{background:white;padding:24px;margin:20px 0;border:1px solid #d7e2e8;border-radius:12px}label{display:block;margin:16px 0}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #91a8b5;border-radius:6px;font:inherit}input[type=checkbox]{display:inline;width:auto}button{padding:12px 20px;border:0;border-radius:6px;color:white;background:#005c72;font:inherit;cursor:pointer}button:disabled{opacity:.5}pre{white-space:pre-wrap;font:14px system-ui;background:#f5f7f8;padding:15px;max-height:250px;overflow:auto}a{color:#005c72}.warning{color:#884c00}#status{font-weight:600}