
/* ============ RESEARCH INDEX ============ */
.filters{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.fchip{cursor:pointer;background:none;border:1px solid var(--line);border-radius:2px;padding:9px 16px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.16em;color:var(--muted);
  text-transform:uppercase;transition:color .2s,border-color .2s}
.fchip .bk{color:#3b5069;transition:color .2s}
.fchip:hover{color:var(--cyan);border-color:rgba(90,200,240,.5)}
.fchip.on{color:var(--cyan);border-color:var(--cyan)}
.fchip.on .bk{color:var(--cyan)}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.rcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden;
  background:linear-gradient(180deg,var(--panel),var(--bg2));transition:border-color .25s,transform .25s,opacity .3s}
.rcard:hover{border-color:rgba(90,200,240,.5);transform:translateY(-3px)}
.rcard .img{aspect-ratio:16/9;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.rcard .txt{padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.rcard .tags{display:flex;gap:8px;flex-wrap:wrap}
.rcard .tag{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.18em;color:var(--cyan);
  border:1px solid rgba(90,200,240,.35);padding:4px 9px;border-radius:2px}
.rcard h2{font-size:19px;line-height:1.3;margin-bottom:0}
.rcard:hover h2{color:var(--cyan)}
.rcard p{font-size:13px;line-height:1.65;color:var(--muted);flex:1}
.rmeta{display:flex;gap:14px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.rcard.hide{display:none}
@media(max-width:1020px){.rgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.rgrid{grid-template-columns:1fr}}
