*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#252525;font:16px/1.7 Arial,sans-serif}header{background:#080808;color:#f3c44c;padding:24px max(24px,calc((100% - 850px)/2))}header a{color:inherit;text-decoration:none;font-size:22px;font-weight:bold}main{max-width:900px;margin:32px auto;padding:28px;background:white;border-radius:12px}h1{font-size:32px;line-height:1.2}h2{font-size:20px;margin-top:30px}p{margin:10px 0}a{color:#765013}nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;border-top:1px solid #ddd;padding-top:20px}@media(max-width:600px){main{margin:12px;padding:22px}h1{font-size:27px}}