:root{
  --bg:#f6f7f9; --card:#fff; --text:#0b1220; --muted:#6b7280;
  --line:#e3e7ee; --primary:#0a2878; --primary-soft:#e9edfb;
  --bull:#0f9d58; --bull-soft:#e6f7ee; --bear:#d93025; --bear-soft:#fde9e8;
  --radius:14px; --shadow:0 8px 24px rgba(16,24,40,.06);
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px;}

.site-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px;}
.brand{display:flex;align-items:center;gap:10px;line-height:1.2;}
.brand-logo{height:42px;width:auto;display:block;}
.brand-text{display:none;}
@media (max-width:480px){
  .brand-logo{height:32px;}
}
.nav{display:flex;gap:4px;flex-wrap:wrap;}
.nav a{padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#374151;}
.nav a:hover,.nav a.active{background:var(--primary-soft);color:var(--primary);}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;
  font-size:18px;padding:6px 10px;cursor:pointer;}

.ticker-bar{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;border-top:1px solid var(--line);}
.ticker-chip{flex:0 0 auto;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;
  background:#f1f3f8;color:#374151;border:1px solid var(--line);}
.ticker-chip:hover,.ticker-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);}

.main{padding:24px 16px 40px;min-height:60vh;}

.hero{margin-bottom:24px;}
.hero h1{font-size:30px;margin:0 0 8px;letter-spacing:-.4px;}
.hero p{color:var(--muted);margin:0;}

.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start;}
.section-title{font-size:20px;font-weight:800;margin:0 0 14px;}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:16px;}

.post-list{display:grid;gap:14px;}
.post-card{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.post-card .thumb{aspect-ratio:16/10;background:#eef0f4;overflow:hidden;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .body{padding:12px 14px 12px 0;min-width:0;}
.post-card .cat{display:inline-block;font-size:11px;font-weight:800;color:var(--primary);
  background:var(--primary-soft);padding:3px 8px;border-radius:999px;margin-bottom:6px;}
.post-card h3{font-size:16px;margin:0 0 6px;line-height:1.35;}
.post-card .meta{font-size:12px;color:var(--muted);}
.post-card .excerpt{font-size:13px;color:#4b5563;margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.badge-sentiment{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;margin-left:6px;}
.badge-sentiment.bullish{color:var(--bull);background:var(--bull-soft);}
.badge-sentiment.bearish{color:var(--bear);background:var(--bear-soft);}
.badge-sentiment.neutral{color:var(--muted);background:#f1f3f8;}
.ticker-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;
  background:#eef2ff;color:#3730a3;margin-right:4px;}

.sidebar .widget{margin-bottom:16px;}
.sidebar h4{font-size:14px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;}
.tag-list a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:#fff;}

.ad-slot{min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;}

.article h1{font-size:28px;line-height:1.3;margin:0 0 10px;}
.article .meta{color:var(--muted);font-size:13px;margin-bottom:16px;}
.article .thumb{border-radius:var(--radius);overflow:hidden;margin-bottom:20px;}
.article .content{font-size:16px;color:#1f2937;}
.article .content h2{font-size:22px;margin:28px 0 12px;}
.article .content h3{font-size:18px;margin:20px 0 10px;}
.article .content p{margin:0 0 16px;}
.article .content ul,.article .content ol{margin:0 0 16px;padding-left:22px;}
.article .content img{border-radius:10px;margin:16px 0;}
.article .content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;}
.article .content table td,.article .content table th{border:1px solid var(--line);padding:8px 10px;}

.site-foot{border-top:1px solid var(--line);background:#fff;margin-top:40px;}
.foot-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;
  flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;}
.foot-links{display:flex;gap:14px;}
.disclaimer{padding:0 16px 18px;color:#9aa3af;font-size:11px;text-align:center;}

.pagination{display:flex;gap:8px;justify-content:center;margin-top:20px;}
.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px;
  font-size:13px;background:#fff;}
.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary);}

@media (max-width:1199px){
  .grid{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .nav-toggle{display:inline-block;}
  .nav{display:none;flex-direction:column;width:100%;position:absolute;left:0;top:100%;
    background:#fff;border-bottom:1px solid var(--line);padding:8px 12px;}
  .nav.open{display:flex;}
  .topbar{position:relative;}
  .post-card{grid-template-columns:1fr;}
  .post-card .thumb{aspect-ratio:16/9;}
  .post-card .body{padding:12px 14px;}
  .hero h1{font-size:24px;}
  .article h1{font-size:22px;}
}