/*
 * FloS /topics/ — Picture2 art-blend pass v27
 * 2026-10-03
 *
 * 목표: v26의 구조/치수를 유지하면서 그림2처럼 장식 이미지가 카드에 자연스럽게 녹아들게 한다.
 * - Editor's Pick: 사각 이미지 경계 제거, 오른쪽 아래에 부드럽게 페이드
 * - 회원 제안: 말풍선/챔순이를 오른쪽 아래에 자연스럽게 통합
 * - 분야별 주제: 독서 챔순이 조각의 왼쪽 경계를 더 부드럽게 처리
 */

@media (min-width:761px){
  .topics-home-v3 .topic-card-art-catalog{
    width:276px!important;
    height:122px!important;
    right:-1px!important;
    top:9px!important;
    clip-path:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 23%,rgba(0,0,0,.7) 37%,#000 52%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 23%,rgba(0,0,0,.7) 37%,#000 52%,#000 100%)!important;
  }

  .topics-home-v3 .pick-top .side-box{
    width:64%!important;
  }
  .topics-home-v3 .topic-card-art-pick{
    right:-2px!important;
    bottom:-1px!important;
    width:238px!important;
    height:184px!important;
    max-width:46%!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    clip-path:none!important;
    border-radius:0 0 19px 0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.78) 28%,#000 42%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.78) 28%,#000 42%,#000 100%)!important;
    filter:none!important;
  }

  .topics-home-v3 .member-proposals .side-box{
    width:61%!important;
  }
  .topics-home-v3 .topic-card-art-member{
    right:-3px!important;
    bottom:-2px!important;
    width:258px!important;
    height:205px!important;
    max-width:47%!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    clip-path:none!important;
    border-radius:0 0 19px 0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 11%,rgba(0,0,0,.75) 25%,#000 39%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 11%,rgba(0,0,0,.75) 25%,#000 39%,#000 100%)!important;
    filter:none!important;
  }
}

@media (max-width:760px){
  .topics-home-v3 .topic-card-art-catalog{
    clip-path:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 34%,#000 52%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 34%,#000 52%,#000 100%)!important;
  }
  .topics-home-v3 .topic-card-art-pick{
    clip-path:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 16%,#000 34%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 16%,#000 34%,#000 100%)!important;
  }
  .topics-home-v3 .topic-card-art-member{
    clip-path:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 18%,#000 36%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 18%,#000 36%,#000 100%)!important;
  }
}