:root{
  --primary:#1a5276;
  --primary-dark:#154360;
  --accent:#d35400;
  --light:#f8f9fa;
  --dark:#2c3e50;
  --gray:#7f8c8d;
  --border:#e0e0e0;
  --shadow:0 4px 12px rgba(0,0,0,0.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins','Noto Sans Devanagari',sans-serif;background:#f5f7fa;color:#333}
.hindi-text{font-family:'Noto Sans Devanagari',sans-serif}

.header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:1rem 0}

.editorial-hero{
  background:linear-gradient(rgba(26,82,118,0.85),rgba(21,67,96,0.0)),
             url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS48U0Fv54piO9WYzvPf3pysARwK9965j-F4w&s');
  background-size:cover;
  background-position:center;
  padding:3.5rem 0;
  color:white;
  text-align:center;
}
.hero-container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero-title{font-size:3rem;font-weight:700;margin-bottom:.6rem;text-shadow:2px 2px 4px rgba(0,0,0,.25)}
.hero-subtitle{font-size:1.15rem;opacity:.95}

.stats{display:flex;justify-content:center;gap:2.5rem;margin-top:1.5rem}
.stat-item{text-align:center}
.stat-number{font-size:2rem;font-weight:700;color:var(--accent)}
.stat-label{font-size:.95rem;opacity:.9}

.main-container{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:1fr 300px;gap:1.5rem}

.filter-section{background:white;padding:1.2rem;border-radius:12px;box-shadow:var(--shadow);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.filter-btn{padding:.45rem 1.2rem;border-radius:25px;border:2px solid var(--border);background:white;cursor:pointer}
.filter-btn.active{background:var(--primary);color:white;border-color:var(--primary)}
.refresh-btn{background:var(--accent);color:white;padding:.45rem 1rem;border-radius:25px;border:none}

.editorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}
.editorial-card{background:white;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:all .25s}
.editorial-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.editorial-image{height:180px;overflow:hidden}
.editorial-image img{width:100%;height:100%;object-fit:cover}
.editorial-content{padding:1.2rem;display:flex;flex-direction:column;flex-grow:1}
.editorial-title{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}
.editorial-excerpt{color:var(--gray);flex-grow:1;margin-bottom:1rem}
.editorial-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--gray)}
.read-more{color:var(--accent);font-weight:600;text-decoration:none}

.sidebar{display:flex;flex-direction:column;gap:1rem}
.sidebar-section{background:white;border-radius:12px;padding:1rem;box-shadow:var(--shadow)}
.section-title{font-size:1.05rem;color:var(--primary);font-weight:600;margin-bottom:.75rem}
.tag{display:inline-block;padding:.4rem .8rem;border-radius:20px;background:#eef6fb;color:var(--primary);margin:.25rem}

.loading{grid-column:1/-1;text-align:center;padding:2rem}
.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}
@keyframes spin{to{transform:rotate(360deg)}}

.back-to-top{position:fixed;bottom:28px;right:28px;background:var(--primary);color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:all .25s}
.back-to-top.visible{opacity:1;transform:translateY(0)}

.marquee{overflow:hidden;white-space:nowrap}
.marquee span{display:inline-block;padding-left:100%;animation:marquee 30s linear infinite}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* Breaking News styles (copied from uttarakhand-news.css for exact behavior) */
.breaking-news{
  background:#D90000;
  color:white;
  padding:0.8rem;
  margin-bottom:2rem;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:15px;
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{opacity:1}
  50%{opacity:0.8}
  100%{opacity:1}
}
.breaking-label{
  background:white;
  color:#D90000;
  padding:0.3rem 1rem;
  border-radius:20px;
  font-weight:700;
  font-size:0.9rem;
  white-space:nowrap;
}
.breaking-text{
  flex-grow:1;
  font-weight:500;
}
/* Ensure marquee items are visible and inline like Uttarakhand page */
.breaking-news .marquee a.marquee-item{ display:inline-block; padding:0 6px; color:inherit; text-decoration:none; }
.breaking-news .marquee a.marquee-item:hover{ text-decoration:underline; }

/* small accessibility / contrast tweak for marquee text on editorial page */
.breaking-news .marquee { color: #fff; }
.breaking-news .marquee a.marquee-item { color: #fff; }

/* end breaking-news styles */

@media(max-width:992px){.main-container{grid-template-columns:1fr}.hero-title{font-size:2.4rem}}
@media(max-width:480px){.filter-section{flex-direction:column}.filter-btn,.refresh-btn{width:100%}}

/* add this near your .filter-section rules */
.filter-section {
  margin-bottom: 2rem;   /* space between filter and cards */
  padding-bottom: 1.2rem; /* optional, gives inner breathing room */
}