:root{--bg:#0b1220;--panel:#131c2e;--panel2:#0f1727;--text:#e8eef7;--muted:#9db2cc;
--blue:#4da3ff;--magenta:#c9a86a;--border:#22314d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
header.site{background:var(--panel2);border-bottom:2px solid var(--magenta);padding:20px 16px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.logo{font-size:32px;font-weight:800;color:var(--text)}
.logo span{color:var(--magenta)}
.logo-img{height:40px;width:40px;object-fit:cover;border-radius:8px;vertical-align:-8px;margin-right:10px}
.tagline{color:var(--muted);margin:2px 0 10px}
nav.main a{margin-right:16px;font-weight:600}
main{padding:24px 0 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover;display:block;background:var(--panel2)}
.card .pad{padding:14px 16px}
.card h2{font-size:19px;margin:0 0 6px;line-height:1.35}
.card h2 a{color:var(--text)}
.date{color:var(--muted);font-size:13px}
.excerpt{color:#c7d3e4;font-size:15px}
.chips{margin-top:10px}
.chip{display:inline-block;background:var(--panel2);border:1px solid var(--border);
border-radius:999px;padding:2px 10px;font-size:12px;margin:0 6px 6px 0;color:var(--blue)}
article.post{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px}
article.post img{max-width:100%;height:auto}
article.post h1{line-height:1.25;margin-top:0}
footer.site{background:var(--panel2);border-top:1px solid var(--border);padding:20px 16px;color:var(--muted)}
footer.site a{margin-right:16px}
h1.page{margin-top:0}
ul.listing{list-style:none;padding:0}
ul.listing li{background:var(--panel);border:1px solid var(--border);border-radius:8px;
padding:12px 16px;margin-bottom:10px}
@media (max-width:640px){.logo{font-size:26px}.card img{height:150px}}
.adslot{margin:18px 0;text-align:center}
.adslot-empty{border:1px dashed var(--border);color:var(--muted);padding:14px;
font-size:13px;letter-spacing:.08em;text-transform:uppercase}