*{box-sizing:border-box}body{font:17px system-ui;color:#19365e;background:#f4f7fb;max-width:950px;margin:30px auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px}header>a{font-size:25px;font-weight:750}a{color:#193f72}main,details{background:white;padding:20px;margin:16px 0;border-radius:12px}textarea{display:block;width:100%;height:220px;margin:12px 0;font:14px monospace}button{font:inherit;background:#193f72;color:white;padding:12px;border:0;border-radius:6px;margin:12px 0;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere}summary{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d59b30;outline-offset:3px}@media(max-width:600px){body{margin:0;padding:16px}header{flex-wrap:wrap}main,details{padding:14px}}