*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#24372f;font:17px/1.6 Arial,sans-serif}header,footer{padding:24px max(24px,calc((100% - 1040px)/2));border-bottom:1px solid #d8ded4}header{font-weight:700}header span{font-weight:400;margin-left:24px;color:#43594b}main{max-width:1040px;margin:56px auto;padding:0 24px}h1{font-size:36px;line-height:1.2}h2{margin-top:36px;font-size:24px}form{max-width:440px}label{display:block;margin:20px 0 6px}input{width:100%;font:inherit;padding:12px;border:1px solid #758276;border-radius:6px;background:#fff}button{font:inherit;background:#176340;color:#fff;border:0;border-radius:6px;padding:12px 22px;margin:20px 0;cursor:pointer}button:hover{background:#10472e}a{color:#135c3b;text-underline-offset:3px}:focus-visible{outline:3px solid #9f6537;outline-offset:3px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #d8ded4}td form{margin:0}td button{margin:0;padding:8px 12px}aside{padding:16px;background:#e7eadf;margin:20px 0}::selection{background:#b6d6bc}footer{border-top:1px solid #d8ded4;border-bottom:0} @media(max-width:600px){header span{display:block;margin:4px 0 0}main{margin:32px auto}h1{font-size:30px}table{font-size:14px}td,th{padding:8px 4px}}