/* Papers r1 - product/partner 스타일과 동일한 카드 그리드
   목적: 연구자료도 제품처럼 '썸네일 + 제목 + 메타'로 깔끔하게
*/

.grid.papers-4x4{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.grid.papers-4x4{grid-template-columns:repeat(2,1fr)}}

.card-paper{
  border:1px solid var(--border, #e5e5e5);
  border-radius:18px;
  background:var(--surface, #fff);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:var(--text, #111);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.card-paper:hover{background:var(--surface2, #f7f7f7)}

.card-paper .thumb{
  width:100%;
  aspect-ratio:16/9;
  background:rgba(255,255,255,.06);
  overflow:hidden;
}
.card-paper .thumb img,.card-paper .thumb video{width:100%;height:100%;object-fit:cover}
.card-paper .no-media{color:var(--muted, #777);height:100%;display:flex;align-items:center;justify-content:center}

.card-paper .body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.card-paper .title{
  font-weight:900;
  font-size:1.05rem;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
}

.card-paper .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.card-paper .chip{
  font-size:.82rem;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:var(--muted, #555);
}
.card-paper .date{font-size:.85rem;color:var(--muted, #555)}

/* 페이저는 기존 공통 pager 스타일을 그대로 사용 */

@media (max-width:520px){.grid.papers-4x4{grid-template-columns:1fr}}