:root{--bg:#0d1117;--text:#c9d1d9;--accent:#58a6ff;--card:#161b22;--border:#30363d}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
a{color:var(--accent);text-decoration:none}
.container{max-width:860px;margin:0 auto;padding:0 20px}
header{background:var(--card);border-bottom:1px solid var(--border);padding:20px 0;margin-bottom:30px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:20px 0}
.article-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;transition:.2s}
.article-card:hover{border-color:var(--accent)}
.article-card h3{font-size:16px;margin-bottom:8px}
.article-card p{font-size:13px;color:var(--border)}
.article-body{max-width:760px;margin:20px auto;padding:0 20px}
.article-body h2{font-size:22px;margin:40px 0 16px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:8px}
.article-body h3{font-size:17px;margin:24px 0 10px;color:#e6edf3}
.article-body p{margin:14px 0}
.article-body ul,.article-body ol{margin:14px 0;padding-left:24px}
.article-body li{margin:8px 0}
.article-body strong{color:#e6edf3}
.ad-placeholder{background:var(--card);border:1px dashed var(--border);padding:16px;text-align:center;margin:30px 0;color:var(--border);border-radius:8px;font-size:13px}
.meta{color:var(--border);font-size:13px;margin:10px 0}
.breadcrumb{margin:15px 0;color:var(--border);font-size:13px}
.breadcrumb a{color:var(--border)}
footer{text-align:center;padding:40px 0;color:var(--border);font-size:13px}
@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-body{padding:0 10px}}