:root{font-family:system-ui,sans-serif;color:#172331;background:#f3f5f7}body{margin:0}header{background:#12273b;color:#fff;padding:22px 5%;display:flex;justify-content:space-between}header span{font-weight:400;color:#96c8da}main{max-width:1040px;margin:48px auto;padding:0 24px;min-height:65vh}h1{font-size:34px;letter-spacing:-.8px}p{line-height:1.65}form{max-width:740px}label{display:block;margin:16px 0}input,textarea{box-sizing:border-box;width:100%;padding:13px;border:1px solid #aab6c1;border-radius:7px;font:inherit;background:white}textarea{min-height:105px}button{background:#164c69;color:white;border:0;padding:12px 19px;border-radius:6px;cursor:pointer;font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #de9a32}nav{display:flex;gap:10px;flex-wrap:wrap}nav button{background:#e0e7eb;color:#172331}article{background:white;padding:18px 24px;margin:20px 0;border:1px solid #dbe2e8;border-radius:9px}h2{font-size:19px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#425566}.answer{white-space:pre-wrap;background:#fff;padding:22px;border-left:4px solid #288598}footer{padding:20px 5%;color:#566474;font-size:12px;border-top:1px solid #d2dbe1}.sr{position:absolute;width:1px;height:1px;overflow:hidden}#notice{color:#8b351b}

dialog{max-width:850px;width:85%;max-height:80vh;border:1px solid #aab6c1;border-radius:9px;padding:24px}dialog::backdrop{background:#12273b99}button:disabled{opacity:.45;cursor:default}.state{font-size:13px;color:#566474}#results>button{margin:6px}