*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,TH Sarabun New,Arial,sans-serif;background:#f7f8fb;color:#1f2430;line-height:1.65}
.wrap{max-width:960px;margin:0 auto;padding:16px}
.site-header{background:#0b3d91;color:#fff;border-bottom:4px solid #ffd100}
.nav{margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:8px}
.nav a:hover{background:rgba(255,255,255,.14)}
.card{background:#fff;border:1px solid #e5e8f1;border-radius:14px;padding:16px;margin:14px 0}
h1,h2{margin:8px 0}
pre{white-space:pre-wrap;word-wrap:break-word}
.article{background:#fff;border:1px solid #e5e8f1;border-radius:14px;padding:18px}
.site-footer{background:#0b3d91;color:#fff;margin-top:24px}
.badge{display:inline-block;background:#0b3d91;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px}
.search{display:flex;gap:8px;margin-bottom:12px}
.search input{flex:1;padding:10px;border:1px solid #cfd7ea;border-radius:10px}
.search button{padding:10px 14px;border:1px solid #0b3d91;background:#0b3d91;color:#fff;border-radius:10px}