/* --- 스니펫 ID: 2402 | 각주 팝업 + 하단 각주 스타일 추가 --- */
/* 1. 각주 번호 스타일링 - 다크 그린 포인트 */

.fn a {

    display: inline-block;

    color: #2D4B43 !important; /* 다크 그린 */

    font-weight: 800; /* 조금 더 볼드하게 */

    text-decoration: none !important;

    padding: 0 3px;

    transition: all 0.2s;

    font-size: 1.1em; /* 번호 자체도 살짝 크게 */

}



.fn a:hover {

    background: rgba(45, 75, 67, 0.1); /* 다크 그린 연하게 */

    border-radius: 4px;

}



/* 2. 팝업 박스 디자인 - 화이트 기반 */

.vault-fn-popup {

    position: absolute;

    z-index: 9999;

    background: #ffffff; /* 화이트 배경 */

    color: #111111; /* 다크 그레이 텍스트 (가독성) */

    padding: 18px 22px; /* 여백 살짝 늘림 */

    border-radius: 12px;

    

    /* 폰트 크기 2px 더 키움 (기본 14px -> 16px) */

    font-size: 16px; 

    

    line-height: 1.7; /* 줄간격 살짝 넓힘 */

    max-width: 350px; /* 최대 폭 살짝 늘림 */

    

    /* 화이트 배경에 맞는 부드러운 그림자 */

    box-shadow: 0 15px 50px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05);

    

    border-bottom: 3px solid #2D4B43; /* 하단 다크 그린 포인트 라인 (두께 증가) */

    

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    pointer-events: auto;

    word-break: keep-all; /* 한글 단어 단위 줄바꿈 */

}



.vault-fn-popup.is-active {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



/* 꼬리표 - 화이트 배경과 다크 그린 테두리 */

.vault-fn-popup::after {

    content: '';

    position: absolute;

    bottom: -10px; /* 꼬리표 크기 증가 */

    left: 25px;

    border-width: 10px 10px 0;

    border-style: solid;

    

    /* 꼬리표는 배경색인 화이트로 */

    border-color: #ffffff transparent transparent;

}



/* 꼬리표 외곽선 (부드럽게 보이기 위해 미세하게 추가) */

.vault-fn-popup::before {

    content: '';

    position: absolute;

    bottom: -11px;

    left: 24px;

    border-width: 11px 11px 0;

    border-style: solid;

    border-color: rgba(0,0,0,0.05) transparent transparent;

    z-index: -1;

}



/* 각주 원문 영역 */

.wp-block-footnotes {

    font-size: 13px;

    font-weight: 400;

    color: #aaa;

    line-height: 1.7;

    margin-top: 40px;

    padding-top: 16px;

    border-top: 1px solid #eee;

}



.wp-block-footnotes li {

    font-size: 13px;

    font-weight: 400;

    color: #aaa;

}



.wp-block-footnotes a {

    color: #bbb;

    font-weight: 400;

    text-decoration: none;

}



.wp-block-footnotes a:hover {

    color: #2D4B43;

}