*{box-sizing:border-box}body{margin:0;background:#f8f4ea;color:#183d34;font:18px/1.9 Tahoma,Arial,sans-serif}header{background:#123e34;color:#e0b76d;padding:40px 22px;text-align:center}main{max-width:850px;margin:32px auto;padding:28px;background:#fffdf8;border:1px solid #decba8;border-radius:18px}h1{margin:0;font-size:32px}h2{font-size:23px;margin-top:30px}a{color:#086452;overflow-wrap:anywhere}nav{padding:12px;text-align:center}nav a{margin:0 15px}footer{text-align:center;padding:24px;color:#63756c}.note{background:#edf3ec;padding:18px;border-radius:12px}@media(max-width:600px){main{margin:16px;padding:20px}h1{font-size:26px}}