:root{--bg:#0b1020;--card:#141b2f;--line:#243047;--fg:#e6ebf5;--mut:#93a1bd;--ok:#3ddc97;--acc:#6aa8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,Noto Sans Thai,Segoe UI,sans-serif;line-height:1.6}.wrap{max-width:760px;margin:0 auto;padding:40px 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:18px}h1{margin:0 0 4px;font-size:1.6rem}.tag{display:inline-block;background:#6aa8ff24;color:var(--acc);border:1px solid rgba(106,168,255,.3);border-radius:999px;padding:2px 12px;font-size:.8rem;margin-bottom:14px}.marker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--ok);background:#3ddc9714;border:1px dashed rgba(61,220,151,.35);border-radius:8px;padding:10px 12px;word-break:break-all}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:18px 0 0}dt{color:var(--mut)}dd{margin:0}nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}nav a,.btn{color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:#0f1526}nav a:hover,.btn:hover{border-color:var(--acc);color:var(--acc)}small{color:var(--mut)}ul{padding-left:20px}li{margin:4px 0}code{background:#0f1526;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.9em}