/*===========================================
🟩 [타입 C] 녹색 콜아웃+ 인용 트리거 (메이슨리 정렬형)
===========================================*/

.notion-callout[class*="green"]:has(blockquote),
.notion-callout[class*="green"]:has([class*="blockquote"]) {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* 인용 트리거 숨김 */
.notion-callout[class*="green"]:has(blockquote) blockquote,
.notion-callout[class*="green"]:has([class*="blockquote"]) [class*="blockquote"] {
    display: none !important;
}

/*세로 */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-gallery,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-gallery {

    display:block !important;

    column-count:4 !important;
    column-gap:10px !important;

}

/* [카드 베이스] R값 제거 및 레이아웃 초기화 */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important; /* 이미지 잘림 방지 */
}

/* [커버] R값(border-radius) 0으로 강제 고정 및 비율 최적화 */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card__cover,
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card__cover img,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card__cover,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card__cover img {
    border-radius: 0 !important; /* R값 완벽 제거 */
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.notion-callout[class*="green"]:has(blockquote) .notion-collection-card__content,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card__content {

    padding: 10px 0 10px 0 !important;
    margin: 0 !important;

}

/* 방법 1: 콘텐츠 영역 상단 패딩 조절 (전체 간격 조정) */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card__content,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card__content {
    padding: 5px 0 10px 0 !important; /* 10px에서 5px로 줄이면 간격이 좁아짐 */
}


/* 속성 1 (제목 / 속성) */
/*베이스에서 스타일 일괄 조정*/

/* 제목과 아래 속성 사이의 간격 제어 */
.notion-callout[class*="green"]:has(blockquote) .notion-property__title,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-property__title {
    margin-bottom: 3px !important; /* 이 값을 조절하여 간격을 줄이거나 늘리세요 */
    margin-top: 5px !important;    /* 위쪽 간격이 필요하면 조정 */
}

/* [구분선] Divider 속성 고유 클래스 타겟팅 수정 [베이스로 넘김] */ 


/* 🟩 속성 간격 조절*/
/* [이름] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-55686768,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-55686768{

    /* 간격 */
    margin-bottom:-5px !important;
}

/* [연도] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-4f7b606b,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-4f7b606b{

    /* 간격 */
    margin-bottom:6px !important;
}



/* [전시중] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-6b7b6e74,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-6b7b6e74{

    /* 간격 */
    margin-bottom:-5px !important;

    /* 글자 */
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}

/* 내부 span까지 강제 적용 */
.notion-callout[class*="green"]:has(blockquote)
.property-6b7b6e74 *,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-6b7b6e74 *{

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}


/* [전시안함] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-5d70643d,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-5d70643d{

    /* 간격 */
    margin-bottom:-6px !important;

    /* 글자 */
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}

/* 내부 span까지 강제 적용 */
.notion-callout[class*="green"]:has(blockquote)
.property-5d70643d *,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-5d70643d *{

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}

/* 갤러리 위치 */
.property-63795250{
    margin-top:0 !important;        /* 필요하면 조절 */
}



/*==========================================
🟩 Masonry Card - 7번째 속성(다중선택) 배지
==========================================*/

/* 카드 기준 */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-card{
    position:relative !important;
}

/*==========================================
🟩 Masonry Card - 다중선택 배지
==========================================*/

/* 다중선택 속성만 */
.notion-callout[class*="green"]:has(blockquote)
.property-647a6444,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-647a6444{

    position:absolute !important;

    top:5px !important;
    left:6px !important;

    z-index:30 !important;

    margin:0 !important;
    padding:0 !important;
}

/* 일반 Text 속성은 절대 오버랩 금지 */
.property-63795250{
    position:static !important;
    top:auto !important;
    left:auto !important;
    z-index:auto !important;
    margin:0 !important;
}


/* 빨간색 Multi-select만 라임으로 변경 */

/* 다중선택 배지 */
.notion-callout[class*="green"]:has(blockquote)
.property-647a6444 .notion-pill[class*="red"],

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-647a6444 .notion-pill[class*="red"]{

    background:#C9FF6B !important;
    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;

    border:none !important;
    border-radius:999px !important;

    padding:3px 7px !important;

    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}

/* 로딩문제 */
/* 1. 이미지 로딩 중 공간 확보 (레이아웃 틀어짐 방지) */
.notion-callout[class*="green"] .notion-collection-card__cover {
    min-height: 150px; /* 로딩 전 최소 높이 확보 */
    background-color: #f7f7f5; /* 로딩 전 배경색 */
    position: relative;
    overflow: hidden;
}

/* 2. 메이슨리 렌더링 안정화 (컬럼 분할 방지) */
.notion-callout[class*="green"]:has(blockquote) .notion-collection-card {
    break-inside: avoid; /* 카드 중간에 줄바꿈 방지 */
    margin-bottom: 15px !important; /* 카드 간 간격 */
    display: inline-block !important; /* 렌더링 속도 향상 */
    width: 100% !important;
}

/* 3. 로딩 성능 최적화 */
.notion-callout[class*="green"]:has(blockquote) img {
    will-change: transform; /* 로딩 가속 */
    transition: opacity 0.3s ease-in-out;
}

@media (max-width:768px){

.notion-callout[class*="green"]:has(blockquote) .notion-collection-gallery,
.notion-callout[class*="green"]:has([class*="blockquote"]) .notion-collection-gallery {

    column-count:2 !important;
    column-gap:8px !important;
    

}

  .notion-collection-gallery:not(.notion-callout *):not([style*="flex"]) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }


/* [모바일 전용] 구분선 위치 미세 조정 [베이스로 넘김]*/

  
/* 🟩 속성 간격 조절*/
/* [이름] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-55686768,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-55686768{

    /* 간격 */
    margin-bottom:-7px !important;
}

/* [연도] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-4f7b606b,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-4f7b606b{

    /* 간격 */
    margin-bottom:6px !important;
}



/* [전시중] 속성 스타일*/
/* 내부 span까지 강제 적용 */
.notion-callout[class*="green"]:has(blockquote)
.property-6b7b6e74 *,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-6b7b6e74 *{

    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}


/* [전시안함] 속성 스타일*/
.notion-callout[class*="green"]:has(blockquote)
.property-5d70643d,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-5d70643d{

    /* 간격 */
    margin-bottom:-6px !important;

    /* 글자 */
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}

/* 내부 span까지 강제 적용 */
.notion-callout[class*="green"]:has(blockquote)
.property-5d70643d *,

.notion-callout[class*="green"]:has([class*="blockquote"])
.property-5d70643d *{

    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    color:#37352F !important;
    -webkit-text-fill-color:#37352F !important;
}

/* 갤러리 위치 */
.property-63795250{
    margin-top:0 !important;        /* 필요하면 조절 */
}  
}