*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#222;line-height:1.8;background:#f6f8fc;}
a{color:inherit;text-decoration:none;}
main{max-width:1200px;margin:0 auto;padding:48px 24px 80px;background:#fff;}
.kicker{font-size:13px;color:#2563eb;font-weight:600;margin-bottom:12px;}
h1{font-size:32px;line-height:1.35;font-weight:700;margin-bottom:16px;}
.summary{font-size:16px;color:#666;margin-bottom:24px;}
.meta{font-size:13px;color:#999;padding-bottom:24px;border-bottom:1px solid #eee;margin-bottom:36px;}
.meta span+span::before{content:"กค";margin:0 8px;}
article p{margin-bottom:20px;font-size:16px;}
article h2{font-size:21px;margin:40px 0 16px;font-weight:700;}
article ul,article ol{margin:0 0 20px 22px;}
article li{margin-bottom:8px;font-size:16px;}
.tags{margin-top:48px;padding-top:24px;border-top:1px solid #eee;font-size:13px;color:#888;}
.tags span{display:inline-block;background:#f5f5f5;padding:4px 12px;border-radius:20px;margin-right:8px;}
.post-nav{display:flex;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #eee;}
.post-nav a{display:flex;flex-direction:row;align-items:center;flex:1;padding:16px;background:#fafafa;border-radius:8px;transition:background 0.2s;}
.post-nav a:hover{background:#f0f0f0;}
.post-nav .label{font-size:12px;color:#999;display:block;margin-bottom:6px;}
.post-nav .title{font-size:15px;font-weight:500;line-height:1.5;}
.related_info{display:flex;justify-content:space-between;margin:2rem 0;}
.related_info .list{width: 50%;margin: 0 2rem;}
.related_info .list .tit{margin:1.2rem 0;font-size:18px;font-weight:600;}
.related_info .list .box ul{padding: 16px;background: #fafafa;}
.related_info .list .box ul li{margin:1.2rem;}
.post-nav .next{text-align:right;}
@media (max-width: 600px){h1{font-size:25px;}nav{display:none;}main{padding:32px 20px 60px;}}