:root{font-family:system-ui,sans-serif;color:#173b33;background:#f4f8f6;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:40px auto;padding:36px;background:white;border:1px solid #dce8e1;border-radius:22px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#11765c}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}h2{font-size:1.3rem;margin-top:30px}.draft{padding:20px;border:1px solid #e8bd65;background:#fff6df;border-radius:12px;color:#684a14}.meta{color:#617c71}li{margin:8px 0}footer{margin-top:36px;border-top:1px solid #dce8e1;padding-top:18px}@media(max-width:640px){main{margin:12px;padding:22px}}