@import url('neo-sentinel.css');

/* Investigations: extend Neo-Sentinel look but change article card presentation
   Magazine-style: large featured card on the left, list/grid of cards on the right. */

:root{
  /* subtle tonal tweak for investigations if needed; keep most variables inherited */
}

.investigations-page .wrap{
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 28px;
  align-items: start;
}

.investigations-page .inv-feature{
  display:block;
  padding: 22px 22px 20px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,245,246,0.02), rgba(0,0,0,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
.investigations-page .inv-feature .feature-title{font-size:2.0rem;margin:6px 0;color:rgba(255,176,0,0.96)}
.investigations-page .inv-feature .feature-dek{color:rgba(234,238,247,0.86)}

.investigations-page .recos{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.investigations-page .recos-card.investigation-card{
  padding:12px 12px;
  border-radius:10px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
}

/* smaller cards on narrow screens: stack below feature */
@media (max-width: 940px){
  .investigations-page .wrap{ display:block; }
  .investigations-page .recos{ margin-top:18px }
}