:root{color-scheme:light;font-family:system-ui,sans-serif;color:#263c35;background:#f2f4f0}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:48px auto;padding:0 24px 60px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:36px 0 18px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.7;color:#65756d}article,section{background:white;border:1px solid #dfe6de;border-radius:16px;padding:28px;margin-bottom:18px}form{margin:20px 0}label{display:block;font-size:14px;line-height:1.8}input,select{font:inherit;max-width:100%;padding:10px;border:1px solid #bacabd;border-radius:8px;background:white}input:not([type=file]){display:block;width:100%;max-width:400px}button{font:inherit;font-size:14px;font-weight:600;background:#294f41;color:white;border:0;border-radius:8px;padding:12px 20px;cursor:pointer;margin-top:12px}button:hover{background:#37634f}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c19958;outline-offset:3px}img{max-width:100%;border-radius:10px;display:block;margin:16px 0}img[hidden]{display:none}.errorlist{color:#8b4137;padding-left:20px}a{color:#294f41}@media(max-width:600px){main{margin-top:28px;padding:0 16px 40px}article,section{padding:20px}}

.brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.brand img{width:40px;height:40px;margin:0;display:block;border-radius:0}.brand h1{margin:0}

input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}code{overflow-wrap:anywhere}