*{box-sizing:border-box}body{margin:0;background:#ecf0ec;color:#0c2733;font:18px/1.6 system-ui}main,nav,footer{max-width:1000px;margin:auto;padding:24px}nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:3px solid}a{color:#087467}h1{font-size:clamp(32px,5vw,60px);line-height:1.1}section{padding:48px 0;border-bottom:1px solid #9bb7b0}button,input{font:inherit;padding:12px;border:2px solid #0c2733;border-radius:5px}button{background:#087467;color:white;cursor:pointer}label{display:block;margin:20px 0}input{display:block;max-width:100%;width:420px}aside{padding:16px;background:#d6e7df}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0c2733;color:#c5ecdf;padding:20px}small{display:block} [hidden]{display:none}