*{box-sizing:border-box}body{margin:0;background:#14241f;color:#f5ecdc;font:17px/1.7 system-ui,sans-serif}main{max-width:850px;margin:auto;padding:45px 24px 80px}a{color:#f5ecdc;text-underline-offset:4px}nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #506456;padding-bottom:20px}h1{font:46px/1.1 Georgia,serif;letter-spacing:-1px}h2{font-size:25px;margin-top:35px}.tag{color:#f3957d;font-size:12px;letter-spacing:2px}.card{border:1px solid #506456;border-radius:18px;padding:24px;margin:25px 0;background:#20352d}.notice{padding:16px;border-left:3px solid #f3957d}footer{margin-top:45px;font-size:14px;color:#b5c3b5}img{max-width:100%;height:auto}.icon{width:72px;border-radius:16px} @media(max-width:500px){h1{font-size:36px}main{padding:25px 18px}}