body{margin:0;font:15px system-ui;color:#182b3d;background:#f4f6f8}header{display:flex;justify-content:space-between;align-items:center;background:#102e43;color:white;padding:18px 4%}h1{margin:0;font-size:26px}main{padding:20px 4%;max-width:1500px;margin:auto}.banner{padding:12px;background:#e8eff5;border-radius:6px}.layout{display:grid;grid-template-columns:250px 1fr;gap:28px}aside,article{background:white;padding:20px;border-radius:9px}button,input,select,textarea{font:inherit;padding:9px;box-sizing:border-box}button{cursor:pointer;border:1px solid #c0cbd3;border-radius:5px;background:#eef4f8;color:#12334c;margin:5px 8px 5px 0}button:disabled{opacity:.5;cursor:default}label{display:block;margin:9px 0}input,textarea,select{width:100%;border:1px solid #a8b8c5;border-radius:4px}textarea{min-height:70px}.condition{border-top:1px solid #d9e1e6;padding:16px 0}blockquote{white-space:pre-wrap;margin:12px;padding:12px;background:#f5f7f9}.blocked{color:#a62d24}.ready{color:#176e49}.controls{display:flex;flex-wrap:wrap;gap:8px}.error{color:#a62d24}#status{min-height:24px}details{margin:12px 0}summary{cursor:pointer;font-weight:600}small{color:#526777}.casebutton{display:block;width:100%;text-align:left}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.layout{grid-template-columns:1fr}}