:root{
  --bg:#0a1024;
  --panel:#0f1830;
  --border:#1e2a4d;
  --text:#e9eef7;
  --muted:#a7b3cf;
  --brand:#2b6fff;
  --brand-2:#6aa2ff;
  --accent:#99c2ff;
  --good:#00c46c;
  --warn:#ffcc00;
  --bad:#ff5c5c;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#07102a, #0a1024);color:var(--text)}
.wrap{max-width:1100px;margin:0 auto;padding:24px}
.header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0a1024 60%, rgba(10,16,36,0));padding:12px 0 14px;border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.brand{font-weight:800;font-size:22px;letter-spacing:.3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.input,.select{background:#0b1531;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-width:160px;outline:none}
.input:focus,.select:focus{border-color:var(--brand)}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--brand);background:linear-gradient(180deg,#183985,#153170);color:#e9f0ff;padding:10px 14px;border-radius:12px;text-decoration:none;box-shadow:var(--shadow);cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.btn.ghost{border-color:var(--border);background:#0f1830}
.meta{margin:16px 0;color:var(--muted)}
.card{display:grid;grid-template-columns:180px 1fr;gap:16px;background:radial-gradient(120% 120% at 0 0,#101a38 0%, #0e1733 60%, #0d162f 100%);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}
.thumb{display:block;overflow:hidden;border-radius:12px;background:#0b1531;border:1px solid var(--border);height:120px}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:12px}
.body{display:flex;flex-direction:column;gap:8px}
.title{font-size:18px;font-weight:700;color:var(--text);text-decoration:none}
.title:hover{color:var(--accent)}
.sub{display:flex;gap:12px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.summary{margin-top:6px;padding:10px;border:1px solid var(--border);background:#0b1531;border-radius:12px}
.summary-title{font-weight:700;color:var(--accent);margin-bottom:6px}
.summary-content{line-height:1.55;white-space:pre-wrap}

.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--text);background:#0e1733}
.badge.neutral{opacity:.85}
.badge.thai{border-color:#2b6fff;background:rgba(43,111,255,.15)}
.badge.cambodia{border-color:#00c46c;background:rgba(0,196,108,.15)}
.badge.critical-5{border-color:var(--bad);background:rgba(255,92,92,.18)}
.badge.critical-4{border-color:#ff7a00;background:rgba(255,122,0,.18)}
.badge.critical-3{border-color:var(--warn);background:rgba(255,204,0,.18)}
.badge.critical-2{border-color:#7aa0ff;background:rgba(122,160,255,.18)}
.badge.critical-1{border-color:#7aa0ff;background:rgba(122,160,255,.12)}

.pager{display:flex;gap:8px;justify-content:center;margin:20px 0}
.footer{margin-top:24px;color:var(--muted);font-size:12px;text-align:center;opacity:.9}

.badge.thai-m1,.badge.thai-m2,.badge.thai-m3{ background: rgba(43,111,255,.15); }
.badge.thai-m4,.badge.thai-m5,.badge.thai-m6{ background: rgba(43,111,255,.22); }
.badge.thai-m7,.badge.thai-m8,.badge.thai-m9,.badge.thai-m10{ background: rgba(43,111,255,.30); }
.badge.cambodia-m1,.badge.cambodia-m2,.badge.cambodia-m3{ background: rgba(0,196,108,.15); }
.badge.cambodia-m4,.badge.cambodia-m5,.badge.cambodia-m6{ background: rgba(0,196,108,.22); }
.badge.cambodia-m7,.badge.cambodia-m8,.badge.cambodia-m9,.badge.cambodia-m10{ background: rgba(0,196,108,.30); }
.badge.neutral-m0{ opacity: .85; }