:root{font:16px/1.6 Arial,sans-serif;color:#24384b;background:#f4f7f8}*{box-sizing:border-box}body{margin:0}header{background:#103553;color:#fff;padding:20px;font-weight:bold}main{max-width:850px;margin:30px auto;padding:20px}h1,h2,h3{color:#103553}button,a{touch-action:manipulation}button{background:#103553;color:white;border:0;border-radius:6px;padding:14px 20px;min-height:44px;font:inherit;cursor:pointer;margin:8px 6px 8px 0}button:disabled{opacity:.6}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bccbd1;border-radius:6px;font:inherit;margin:8px 0 18px}textarea{min-height:140px}label{display:block;font-weight:bold}article,section{padding:20px;background:white;border:1px solid #dce5e9;border-radius:12px;margin:18px 0;overflow-wrap:anywhere}a{color:#103553}p{white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere}#message{background:#eaf4ed;padding:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #2e7d32;outline-offset:3px}.danger{background:#8b2929} @media(max-width:500px){main{padding:12px;margin:10px auto}button{width:100%;margin-right:0}}

input[type=checkbox]{display:inline-block;width:auto;margin:8px 10px 8px 0;min-width:22px;min-height:22px;vertical-align:middle}