*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:#172c31;font:18px/1.6 system-ui,sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:28px}header{border-bottom:1px solid #bcc9ca;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}nav{display:flex;gap:22px}section{padding:42px 0;border-bottom:1px solid #bcc9ca}h1{font-size:clamp(38px,6vw,68px);line-height:1.08;max-width:850px}h2{line-height:1.2}p{max-width:780px}a{color:inherit}label{display:block;margin:20px 0}input:not([type=checkbox]),select,textarea{width:100%;padding:12px;font:inherit;border:1px solid #687f85;border-radius:5px;background:white;color:inherit}button,.button{display:inline-block;background:#173d47;color:white;padding:12px 20px;border:0;border-radius:5px;font:inherit;cursor:pointer}small,.muted{color:#52666c}article{padding:15px 0}fieldset{border:1px solid #bcc9ca}#result{background:#e6eeee;padding:20px}#result[hidden]{display:none}:focus-visible{outline:3px solid #cd7500;outline-offset:4px}@media(max-width:600px){header,main,footer{padding:20px}nav{font-size:15px}}