:root{font-family:Georgia,serif;color:#102540;background:#fbf4e4}body{margin:0}main{max-width:860px;margin:2rem auto;padding:1.5rem}h1{font-size:2.3rem}h2{font-size:1.4rem}p,label,input,select,button,a{font-size:1rem;line-height:1.6}section{background:#fff;padding:1.4rem;margin:1.4rem 0;border:1px solid #c9c2b7;border-radius:8px}label{display:block;margin:.6rem 0}input,select{display:block;padding:.5rem;border:1px solid #7b8492;border-radius:4px;width:100%;box-sizing:border-box}button{padding:.55rem 1rem;background:#102540;color:#fff;border:0;border-radius:4px;margin:.7rem .5rem .7rem 0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#184c80}#message{padding:1rem;border-left:4px solid #a75d0b;white-space:pre-line}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem} @media(max-width:550px){.grid{display:block}main{margin:0;padding:1rem}}