body{margin:0;font-family:Meiryo,sans-serif;background:#f3f6fa;color:#19364a;line-height:1.9}main{max-width:850px;margin:auto;padding:40px 24px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#116d69}article{background:white;border:1px solid #dbe5eb;border-radius:18px;padding:28px;margin:28px 0}h1{font-size:30px}h2{font-size:21px}.draft{padding:14px;background:#fff0cc;border-radius:8px}footer{font-size:13px;color:#536878}@media(max-width:600px){main{padding:20px 14px}article{padding:20px}h1{font-size:25px}}