body{margin:0;background:#17242c;color:#eee9dd;font:17px/1.85 system-ui}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{border-bottom:1px solid #77818a;display:flex;justify-content:space-between;gap:20px}a{color:#e9c782}h1{font-size:clamp(26px,4vw,38px);font-weight:500;max-width:22em}.work{display:grid;grid-template-columns:300px 1fr;gap:40px;margin:30px 0}aside{border-right:1px solid #77818a;padding-right:24px}label{display:block;margin:14px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;box-sizing:border-box;background:#f3f0e7;color:#17242c;padding:10px;font:inherit;border:1px solid #abb5ba}input[type=checkbox]{margin-right:12px;width:20px;height:20px;vertical-align:middle}button{background:#e9c782;color:#17242c;border:0;padding:12px;font:inherit}footer{border-top:1px solid #77818a;font-size:14px}p{max-width:74ch}#end{border-bottom:1px solid #77818a;padding-bottom:15px}@media(max-width:700px){header{display:block}.work{grid-template-columns:1fr;gap:15px}aside{border:0;padding:0}main{padding:18px}}@media print{body{background:white;color:black}header nav,button,footer{display:none}.work{display:block}a{color:black}}