*{box-sizing:border-box}body{margin:0;background:#f4f2eb;color:#19373a;font:17px/1.8 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:30px 22px 70px}h1{font-size:clamp(28px,5vw,44px);line-height:1.3;letter-spacing:-.035em}h2{font-size:24px}a{color:#00696f}section,form,article{background:white;border:1px solid #c9d7d5;border-radius:18px;padding:24px;margin:24px 0}label{display:block;margin:14px 0;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #789c9e;border-radius:7px;padding:9px;max-width:100%}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}button,.button{font:inherit;display:inline-block;background:#075d62;color:white;padding:12px 20px;border:0;border-radius:8px;cursor:pointer;text-decoration:none;margin:7px 8px 7px 0}button:disabled{opacity:.5;cursor:default}.small{font-size:14px;color:#526c70}.result{background:#e4f3ee}pre{white-space:pre-wrap;overflow-wrap:anywhere}ul{padding-left:23px}nav{font-size:14px}footer{font-size:14px;border-top:1px solid #a4bfbe;padding-top:20px}[hidden]{display:none!important}:focus-visible{outline:3px solid #da980e;outline-offset:3px}fieldset{border:1px solid #a4bfbe;border-radius:8px}output{display:block} @media(max-width:430px){main{padding:22px 15px 48px}form,section,article{padding:18px}button,.button{max-width:100%}}