:root{font:16px system-ui,sans-serif;color:#1a2340;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:36px 24px}header{margin-bottom:26px}h1{font-size:2.2rem;margin:0}h2{font-size:1.25rem}.eyebrow{color:#4164d7;font-weight:700;letter-spacing:.12em}section{background:white;border:1px solid #dce2ef;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 3px 10px #2034500b}p,footer{line-height:1.55;color:#4a5873}label{display:block;font-weight:600;margin:16px 0 8px}input{display:block;width:100%;padding:11px;border:1px solid #aebbd0;border-radius:6px;margin-top:7px;font:inherit}button{background:#3158d5;color:white;border:0;border-radius:6px;padding:11px 18px;font-weight:650;margin:16px 0;cursor:pointer}button:focus,input:focus{outline:3px solid #9cb7ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;border-bottom:1px solid #e1e6f0;padding:12px 8px;overflow-wrap:anywhere}th{color:#51607a;font-size:.85rem}#status{background:#edf2ff;border-radius:8px;padding:12px}footer{font-size:.85rem}
textarea{display:block;width:100%;padding:11px;border:1px solid #aebbd0;border-radius:6px;font:inherit}.opportunity{border-top:1px solid #dce2ef;padding:14px 0}.opportunity label{font-weight:400}.opportunity input[type=checkbox]{display:inline;width:auto;margin-right:8px}.opportunity p{margin:6px 0}


main{max-width:1200px}button:disabled{cursor:wait;opacity:.6}select{font:inherit;padding:10px;border:1px solid #aebbd0;border-radius:6px;max-width:100%}.secondary{background:#e8effc;color:#23419a}.danger{background:#a62339}.check input{display:inline;width:auto;margin-right:8px}details{padding:12px 0}summary{cursor:pointer;font-weight:650}a{color:#2357b5}input[type=checkbox]{accent-color:#3158d5}article{overflow-wrap:anywhere}article pre{white-space:pre-wrap}.demo-notice{padding:12px;border:1px solid #b37c00;background:#fff7dd;color:#5b4000}button{margin-right:8px}footer{padding:18px 0}label,summary,button,select{min-height:36px}@media(max-width:600px){main{padding:20px 12px}section{padding:16px}.row{display:block}}