body{margin:0;color:#1c1915;background:#f7f4ee;font-family:"Leelawadee UI",Tahoma,sans-serif;line-height:1.65}
a{color:#12324d}a:hover{color:#8a6418}
.top{background:#12324d;color:#fff}
.top .bar{max-width:980px;margin:0 auto;padding:14px 20px;display:flex;gap:18px;align-items:center}
.top img{width:42px;height:42px;border-radius:6px;background:#fff}
.brand{font-weight:700;letter-spacing:.04em}
.nav{margin-left:auto;display:flex;gap:14px}
.nav a{color:#fff;text-decoration:none}
.wrap{max-width:980px;margin:0 auto;padding:28px 20px 64px}
h1{font-size:1.7rem;line-height:1.35;margin:0 0 8px}
.meta{color:#5c564c;font-size:.92rem;margin-bottom:22px}
.tag{display:inline-block;margin-right:8px;padding:2px 8px;border:1px solid #e4dccb;border-radius:999px;background:#fff}
.search{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d9d0c0;border-radius:10px;font:inherit;margin:8px 0 18px}
.item{list-style:none;margin:0;padding:0}
.item li{border-top:1px solid #e7e0d4}
.item a{display:block;padding:10px 2px;text-decoration:none}
.item small{display:block;color:#6d675e}
.card{background:#fff;border:1px solid #e7e0d4;border-radius:14px;padding:18px 20px;margin:0 0 16px}
.card h2{margin:0 0 10px;font-size:1.05rem}
.article img{max-width:100%;height:auto}
.article p{margin:0 0 .8em}
.article ul,.article ol{padding-left:1.2em}