*{box-sizing:border-box}body{margin:0;background:#f2f1ed;color:#242931;font:18px/1.75 system-ui,sans-serif}main{max-width:1000px;margin:0 auto;padding:48px 24px}header{border-top:5px solid #9e3039;padding-top:24px}h1{font-size:40px;line-height:1.15}h2{font-size:27px;line-height:1.3;margin-top:36px}a{color:#962d38}article{background:white;border:1px solid #deddd8;border-radius:12px;padding:30px;margin:24px 0}small{font-size:13px;color:#6c737b}.button{display:inline-block;padding:10px 18px;background:#252b33;color:white;border-radius:5px;text-decoration:none}nav{margin-bottom:24px}footer{margin-top:40px;font-size:14px;color:#6c737b}@media(max-width:600px){main{padding:24px 16px}h1{font-size:30px}article{padding:20px}}figure.photo{margin:28px 0}figure.photo img{display:block;width:100%;height:auto;border-radius:10px}figcaption{font-size:14px;line-height:1.5;color:#6c737b;margin-top:10px}.test-note{background:#fff6e6;border:1px solid #f0d9a8;border-radius:8px;padding:14px 16px;font-size:15px;line-height:1.55;color:#6b4d12}