:root{--primary:#2563eb;--bg:#f8fafc}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.topbar{background:#0f172a;color:#fff;padding:6px 0;font-size:13px}
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.header-inner{display:flex;gap:16px;align-items:center;padding:12px 0}
.logo{font-weight:800;font-size:22px;color:var(--primary)}
.search{flex:1}
.search input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px}
.quick-access{background:#fff;border-top:1px solid #e2e8f0;position:sticky;top:64px;z-index:40}
.quick-access .container{display:flex;gap:12px;overflow:auto;padding:8px 0}
.quick-access a{padding:8px 14px;background:#eef2ff;border-radius:999px;text-decoration:none;color:#1e293b;font-weight:600}
.ticker{background:#fef3c7;padding:8px 0}
.main-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px 0}
@media(max-width:1024px){.main-grid{grid-template-columns:1fr}}
.urgency-row{display:flex;gap:12px;overflow:auto}
.urgency-card{min-width:240px;background:#fff;padding:14px;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.timeline{list-style:none;padding:0}
.tl-item{padding:12px 16px;background:#fff;border-left:4px solid var(--primary);margin-bottom:10px;border-radius:12px}
.state-big{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.state-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:20px;border-radius:20px;text-decoration:none;font-weight:700}
.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.filter-chips button{padding:6px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff}
.post-card{background:#fff;padding:14px;border-radius:14px;margin-bottom:10px}
.sidebar .widget{background:#fff;padding:16px;border-radius:16px;margin-bottom:16px}
.site-footer{background:#0f172a;color:#cbd5e1;padding:32px 0;margin-top:40px}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-around;padding:8px 0}
@media(min-width:768px){.bottom-nav{display:none}}

.breadcrumbs{font-size:13px;margin-bottom:12px;color:#64748b}
.breadcrumbs a{color:#2563eb;text-decoration:none}
.post-meta{background:#fff;padding:16px;border-radius:16px;margin-bottom:16px}
.related-box{background:#fff;padding:16px;border-radius:16px;margin-top:24px}
.related-box h3{margin-top:0}
.related-box ul{margin:0;padding-left:18px}
