/* blogV1 섹션 리스트 - 3열 카드 그리드 (GQ 스타일) */
:root{
  --gq-sec-fg:#0b0b0c;
  --gq-sec-muted:#6b7280;
  --gq-sec-line:#e5e7eb;
  --gq-sec-radius:14px;
}

.gq-section-list{
  max-width:1160px;
  margin:0 auto;
  padding:24px 20px 42px;
}

.gq-section-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:50px;
}

.gq-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.gq-card-media{
  display:block;
  overflow:hidden;
  background:#f3f4f6;
  border:1px solid var(--gq-sec-line);
}

.gq-card-img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  transform:translateZ(0);
  transition:transform .18s ease;
}
.gq-card-img--ph{
  background:linear-gradient(135deg,#e5e7eb,#f3f4f6);
}
.gq-card:hover .gq-card-img{transform:scale(1.03)}

.gq-card-body{
  padding-top:12px;
}

.gq-card-title{
  margin:0;
  font-weight:900;
  letter-spacing:-.02em;
  font-size:18px;
  line-height:1.28;
}
.gq-card-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.gq-card-title a{
  color:inherit;
  text-decoration:none;
}
.gq-card-title a:hover{text-decoration:underline}

.gq-badge{
  display:inline-block;
  font-weight:900;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-right:8px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--gq-sec-line);
}

.gq-card-meta{
  margin-top:10px;
  font-size:12px;
  color:var(--gq-sec-muted);
  display:flex;
  align-items:center;
  gap:8px;
}

/* Responsive */
@media (max-width: 1024px){
  .gq-section-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .gq-card-title{font-size:17px}
}
@media (max-width: 640px){
  .gq-section-list{padding:18px 16px 34px}
  .gq-section-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
  .gq-card-title{font-size:16px}
}
@media (max-width: 420px){
  .gq-section-grid{grid-template-columns:1fr}
}