* {box-sizing:border-box} body {margin:0;background:#f0f3f7;color:#192437;font:16px/1.5 system-ui,sans-serif} main {max-width:860px;margin:auto;padding:2rem 1rem} header {background:#172842;color:white;padding:1.5rem;border-radius:14px} h1,h2,p {margin:0 0 .65rem} header p:first-child {letter-spacing:.18em;font-size:.8rem} form,#workspace>section {background:white;padding:1.25rem;border:1px solid #dce3ed;border-radius:14px;margin:1rem 0} label {display:block;font-weight:600;margin:0 0 .75rem} input,textarea,select {width:100%;display:block;padding:.55rem;border:1px solid #8e9cb0;border-radius:6px;font:inherit;color:inherit;background:white} button {background:#25487b;color:white;border:0;padding:.6rem 1rem;border-radius:7px;font:inherit;cursor:pointer} button:disabled {opacity:.55} .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 1rem} ul {list-style:none;padding:0} li {border-top:1px solid #dce3ed;padding:.85rem 0;overflow-wrap:anywhere} .notes {white-space:pre-wrap} #message {margin:.75rem 0;color:#723410} [hidden] {display:none!important}