/* =======================================================
   06. COMPONENT: NOW TIMELINE
   - 쇼트코드 [vault_timeline] 렌더링 스타일
   - 홀수/짝수 항목 좌우 교차 배치
   - 중앙 세로선 + 도트 + 페이드인
======================================================= */
.now-content {
    font-size: 19px;
    line-height: 1.9;
    max-width: 420px;
    white-space: pre-line;
    transition: transform 0.4s var(--transition-ease);
    cursor: default;
}
.now-content:hover { transform: scale(1.05); }

.now-date { display: inline-block; transition: transform 0.4s var(--transition-ease); cursor: default; }
.now-date:hover { transform: scale(1.1); }
.now-day, .now-content { transition: var(--transition); cursor: default; }

/* 타임라인 도트 */
.now-item::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    background: var(--text-black);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: var(--transition);
}
.now-item:hover::after {
    background: var(--point-color);
    animation: dotBreathing 2.4s ease-in-out infinite;
}

@keyframes dotBreathing {
    0%, 100% { transform: translateX(-50%) scale(1.2); opacity: 1; }
    50%       { transform: translateX(-50%) scale(2.0); opacity: 0.7; }
}

.now-item:hover .now-day     { color: var(--point-color); transform: scale(1.1); }
.now-item:hover .now-content { transform: scale(1.02); }
.now-item:nth-child(odd)  .now-text-box { transform-origin: right center; }
.now-item:nth-child(even) .now-text-box { transform-origin: left center; }