/* Full-width container with small side padding */
.container-w{max-width:1600px;margin:0 auto;padding:0 16px}

:root{
  --c-bg:#0b0e14; --c-surface:#0f141c; --c-muted:#92a0b3; --c-text:#e7eef7;
  --c-primary:#5aa6ff; --shadow:0 6px 18px rgba(0,0,0,.25);
  --feature-h: 320px;        /* Featured card height (desktop) */
  --feature-h-sm: 240px;     /* Featured card height (mobile)  */
  --card-h: 440px;           /* Regular card fixed height      */
}

.site-main{background:var(--c-bg);color:var(--c-text)}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.6rem 1rem;border:1px solid transparent;text-decoration:none;cursor:pointer}
.btn-primary{background:var(--c-primary);color:#001a33}
.btn-ghost{background:transparent;color:var(--c-text);border-color:#223047}
.btn:hover{filter:brightness(1.05)}

.news-head{padding:36px 0 8px;background:linear-gradient(180deg,#0d121a 0,#0b0e14 100%)}
.news-title{font-size:clamp(28px,2.6vw,40px);margin:0 0 6px}
.news-subtitle{color:var(--c-muted);margin:0 0 12px}

/* Filters (unchanged) */
.news-filters{position:sticky;top:0;z-index:8;background:rgba(11,14,20,.7);backdrop-filter:blur(8px)}
.news-filter-form{display:flex;flex-direction:column;gap:12px;padding:14px 0}
.filter-row{display:grid;grid-template-columns:1fr 260px 200px auto;gap:12px}
.filter-group{display:flex;flex-direction:column;gap:6px}
.filter-label{font-size:.85rem;color:var(--c-muted)}
.news-filter-form input[type="search"], .news-filter-form select{
  background:var(--c-surface);color:var(--c-text);border:1px solid #1c2a3b;border-radius:10px;padding:.7rem .8rem;outline:none
}
.filter-actions{display:flex;gap:10px;align-items:flex-end}

/* === Featured slider: 2-up, overlay, hidden scrollbar, auto slide === */
.news-featured{padding:14px 0 24px; margin-bottom: 28px; border-bottom: 1px solid #1b2533;} /* increased gap */
.featured-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.featured-title{font-size:1.1rem;margin:0;color:#d5e6ff}
.featured-controls button{
  background:transparent;color:var(--c-text);border:1px solid #223047;border-radius:10px;padding:.45rem .7rem;cursor:pointer
}

/* Track shows two cards; hide scrollbar */
.featured-track{
  display:grid; grid-auto-flow:column; grid-auto-columns:calc(50% - 10px); gap:20px;
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:16px; padding-bottom:2px;
  -ms-overflow-style: none; scrollbar-width: none;
}
.featured-track::-webkit-scrollbar { display:none; }

/* Featured card with image fill + bottom overlay */
.feature-card{
  position:relative; height:var(--feature-h);
  border:1px solid #1a2636;border-radius:16px;overflow:hidden;background:#0d1117;
  scroll-snap-align:start;
}
.feature-card__media{position:absolute; inset:0; display:block;}
.feature-card__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}

/* Gradient + content at bottom */
.feature-card__overlay{
  position:absolute; inset:auto 0 0 0; padding:16px 16px 14px;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(10,14,20,.7) 40%, rgba(10,14,20,.95) 100%);
}
.feature-card__meta{color:#cbd6e6;font-size:.9rem;margin:0 0 4px}
.feature-card__title{font-size:1.25rem;margin:0 0 6px;line-height:1.25}
.feature-card__title a{color:#fff;text-decoration:none}
.feature-card__excerpt{color:#d9e6fb;margin:0 0 8px}
.feature-card__cta{color:var(--c-primary);text-decoration:none;font-weight:600}

@media (max-width:1024px){
  .filter-row{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .featured-track{grid-auto-columns:90%}
  :root{ --feature-h: var(--feature-h-sm); }
}

/* === Results grid: fixed-size cards === */
.news-results{padding:24px 0 80px;} /* was 56px; now 80px for clearer footer separation */
.news-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.news-card{
  grid-column:span 4; height:var(--card-h);
  background:var(--c-surface);border:1px solid #1a2636;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;transition:transform .2s ease
}
.news-card:hover{transform:translateY(-2px)}
.news-card__media img,.news-card__placeholder{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#121826}
.news-card__body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.news-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--c-muted);font-size:.9rem}
.news-card__terms{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:.2rem 0 0;padding:0}
.news-card__terms a{color:var(--c-muted);text-decoration:none;border-bottom:1px dotted #314259}
.news-card__title{font-size:1.05rem;margin:0}
.news-card__title a{color:var(--c-text);text-decoration:none}
.news-card__excerpt{color:#c5d3e6;margin:0}
.news-card__cta{margin-top:auto;color:var(--c-primary);text-decoration:none;font-weight:600}

/* Line clamp utilities so heights stay uniform */
.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.pager{margin-top:24px}
.pager__inner{display:flex;justify-content:space-between}
.pager a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border:1px solid #223047;border-radius:10px;color:var(--c-text);text-decoration:none}

@media (max-width:1000px){
  .news-card{grid-column:span 6}
}
@media (max-width:640px){
  .news-card{grid-column:span 12}
}