body{font-family:system-ui,Arial;margin:0;background:#0b0f14;color:#e8eef6}
a{color:inherit;text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:24px}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #1e2633;position:sticky;top:0;background:#0b0f14}
.brand{font-weight:700}
nav a{margin-left:14px;opacity:.9}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.card{border:1px solid #1e2633;border-radius:16px;padding:20px;background:#0f1622}
.card:hover{border-color:#2d3a52}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}
.chip{border:1px solid #1e2633;border-radius:999px;padding:8px 12px;background:#0f1622}
.posts{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.posts li{border:1px solid #1e2633;border-radius:14px;padding:14px;background:#0f1622}
.muted{opacity:.7;font-size:.9rem;margin-top:4px}
.article{line-height:1.65}
.back{display:inline-block;margin-bottom:14px;opacity:.8}
.footer{padding:20px 24px;border-top:1px solid #1e2633;opacity:.8}
@media (max-width:720px){.grid{grid-template-columns:1fr}}