:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.card{background:#fff;border:1px solid #d9e0ea;border-radius:1rem;width:min(100%,48rem);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 1rem 3rem #23334d1a}.eyebrow{color:#536d9d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}h1,h2{line-height:1.2}h1{margin:0;font-size:clamp(2rem,5vw,3rem)}h2{margin:2rem 0 .75rem;font-size:1.25rem}.intro{color:#536075;margin:1rem 0 2rem}.question-form{gap:.75rem;display:grid}.question-form label{font-weight:700}textarea{resize:vertical;border:1px solid #aeb9c9;border-radius:.5rem;width:100%;padding:.8rem}button:focus-visible,textarea:focus{outline-offset:2px;outline:3px solid #9fc1ff}button{color:#fff;cursor:pointer;background:#1c4f9e;border:0;border-radius:.5rem;width:fit-content;padding:.7rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}.message{border-radius:.5rem;margin:1.25rem 0 0;padding:.8rem 1rem}.error{color:#8a1c1c;background:#fff0f0}.answer{background:#f3f7fd;border-left:.25rem solid #5c88ca;margin:0;padding:1rem}.matches{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.matches li{border:1px solid #d9e0ea;border-radius:.5rem;gap:.15rem;padding:.8rem 1rem;display:grid}.matches span{color:#536075;font-size:.9rem}