*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --text:#1a1a1a;--text-s:#555;--bg:#fafafa;--bg-card:#fff;
  --accent:#c0392b;--border:#e0e0e0;--max-w:740px;
  --f-body:Georgia,'Times New Roman',serif;
  --f-head:'Inter',-apple-system,'Helvetica Neue',sans-serif;
}
body{font-family:var(--f-body);color:var(--text);background:var(--bg);line-height:1.7;font-size:18px}
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.site-header{border-bottom:3px solid var(--text);padding:24px 0 16px;margin-bottom:40px}
.logo{font-family:var(--f-head);font-size:2.4rem;font-weight:900;color:var(--text);text-decoration:none;letter-spacing:-1px;display:inline-block}
.logo::after{content:'';display:block;width:100%;height:3px;background:var(--accent);margin-top:2px}
.tagline{font-size:.85rem;color:var(--text-s);margin-top:4px;font-style:italic}
nav{margin-top:12px;display:flex;align-items:center;gap:16px}
.lang-switch{display:flex;gap:4px}
.lang-btn{font-family:var(--f-head);font-size:.8rem;padding:4px 10px;border:1px solid var(--border);color:var(--text-s);text-decoration:none;transition:all .2s}
.lang-btn.active,.lang-btn:hover{background:var(--text);color:#fff;border-color:var(--text)}
.categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:16px}
.category-tag{font-family:var(--f-head);font-size:.8rem;padding:4px 12px;border:1px solid var(--border);cursor:pointer;text-decoration:none;color:var(--text);transition:all .2s}
.category-tag:hover,.category-tag.active{background:var(--text);color:#fff}
.article-card{border-bottom:1px solid var(--border);padding:24px 0}
.article-card:last-child{border-bottom:none}
.article-meta{font-family:var(--f-head);font-size:.75rem;color:var(--text-s);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.article-meta .category{color:var(--accent);margin-left:12px;font-weight:600}
.article-card h2{font-family:var(--f-head);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:8px}
.article-card h2 a{color:var(--text);text-decoration:none}
.article-card h2 a:hover{color:var(--accent)}
.article-card .summary{color:var(--text-s);font-size:1rem;line-height:1.6}
.manipulation-badge{display:inline-block;font-family:var(--f-head);font-size:.7rem;padding:2px 8px;background:var(--accent);color:#fff;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}
.article-page h1{font-family:var(--f-head);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:16px}
.article-page .summary{font-size:1.15rem;color:var(--text-s);border-left:3px solid var(--accent);padding-left:16px;margin-bottom:32px}
.article-body p{margin-bottom:20px}
.article-body h2{font-family:var(--f-head);font-size:1.3rem;margin:32px 0 12px}
.article-body blockquote{border-left:3px solid var(--accent);padding-left:16px;color:var(--text-s);font-style:italic;margin:20px 0}
.sources{list-style:none;font-size:.85rem}
.sources li{margin-bottom:4px}
.sources a{color:var(--accent)}
.site-footer{border-top:1px solid var(--border);padding:24px 0;margin-top:60px;font-size:.85rem;color:var(--text-s)}
.powered{font-size:.75rem;margin-top:4px}
@media(max-width:600px){body{font-size:16px}.logo{font-size:1.8rem}.article-page h1{font-size:1.5rem}}

/* Beta banner */
.beta-banner{background:#fff3cd;border-bottom:1px solid #e0c86e;padding:8px 20px;font-family:var(--f-head);font-size:.78rem;color:#665d1e;text-align:center;line-height:1.4}
.beta-banner span{font-weight:600}