*{box-sizing:border-box}body{margin:0;background:#101a24;color:#e9eff5;font:17px/1.6 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:28px 20px 70px}a{color:#7bd8f1}nav{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}article,section{background:#192a39;border:1px solid #435567;border-radius:12px;padding:24px;margin:24px 0}h1,h2{line-height:1.25}h2{font-size:1.3rem}dt{font-weight:700;color:#a6c3d5}dd{margin:0 0 12px;overflow-wrap:anywhere;white-space:normal}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;font:inherit;border:1px solid #97b0c2;border-radius:6px;background:#0c1720;color:#fff}button{padding:11px 16px;margin:5px 0;background:#bbe7f2;color:#102433;border:0;border-radius:6px;font:inherit;cursor:pointer}button:hover{background:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffcf6b;outline-offset:3px}.notice{border-left:4px solid #ffcf6b;padding:14px;background:#24394a}details{margin-top:20px}li{overflow-wrap:anywhere}