/* 11-04 · 인사이트 목록 · 고객 리뷰 페이지: 좌우 여백을 고정 헤더(--side)에 맞춘다 */
.insight-index-hero.page-wrap,
.insight-library.page-wrap,
.reviews-main.page-wrap{
  width:calc(100% - var(--side, 50px) * 2)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* 인사이트 목록: 데스크톱 4열 · 태블릿 3열 · 모바일 2열 */
#ideaGrid.idea-grid-12{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:56px clamp(14px,1.4vw,22px)!important}
#ideaGrid .idea-card h3{font-size:clamp(17px,1.25vw,21px)!important}
@media(max-width:1024px){#ideaGrid.idea-grid-12{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px 16px!important}}
@media(max-width:760px){
  #ideaGrid.idea-grid-12{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 12px!important}
  #ideaGrid .idea-card h3{font-size:15px!important;line-height:1.45;margin:12px 0 0!important;min-height:0!important}
  #ideaGrid .carousel-card-meta{flex-wrap:wrap;gap:4px!important}
  #ideaGrid .carousel-card-meta span{font-size:12px!important}
  #ideaGrid .idea-cover:not(.carousel-cover):not(.entry-cover){padding:18px!important} /* 11-06: 사진 표지는 모바일에서도 꽉 차게 */
  #ideaGrid .idea-cover.carousel-cover,#ideaGrid .idea-cover.entry-cover{padding:0!important}
  #ideaGrid .idea-cover.carousel-cover img,#ideaGrid .idea-cover.entry-cover>img{object-fit:cover}
  /* 11-06: 분류 4개가 본문 폭 안에 꼭 맞게 (마지막 칩이 오른쪽 여백선을 6px 넘던 문제) */
  .idea-filters{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px!important}
  .idea-filters::-webkit-scrollbar{display:none}
  .idea-filters button{flex:1 1 auto;padding-left:10px!important;padding-right:10px!important;white-space:nowrap}
}

/* 모바일 '더 보기' */
#ideaGrid .idea-card.is-folded{display:none!important}
.idea-more-wrap{display:flex;justify-content:center;margin:40px 0 0}
.idea-more{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:52px;padding:0 28px;border:1px solid #080808;border-radius:999px;background:#fff;color:#080808;font:inherit;font-size:15px;font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:background .2s,color .2s}
.idea-more:focus-visible{background:#080808;color:#fff}@media(hover:hover){.idea-more:hover{background:#080808;color:#fff}}
.idea-more[hidden]{display:none}
.insight-library{padding-bottom:clamp(100px,9vw,160px)}
/* 모바일 카드: 분류만 남기고 날짜는 숨겨 한 줄로 */
@media(max-width:760px){#ideaGrid .carousel-card-meta span:last-child{display:none!important}}
/* 고객 리뷰: 태블릿에서 3열 후기 글자가 빽빽하지 않게 */
@media(min-width:761px) and (max-width:1024px){.voice-grid article p{font-size:17px!important;line-height:1.6!important}}