@charset "UTF-8";
/**
 * 종합허브 — 생활정보 중 '감성 구간' 카드 (us-life-sense)
 * 카테고리 탭/배지와 동일한 --life-gradient · --category-life-border 톤으로 통일
 * (이전 슬레이트 청록은 생활 보라와 어긋나 아이콘·보더가 불일치하던 이슈 수정)
 */
.unified-search-page--story {
    --us-life-sense-paper: var(--life-paper);
    --us-life-sense-tint: rgba(106, 64, 143, 0.14);
    --us-life-sense-tint-hover: rgba(106, 64, 143, 0.22);
}

/* 생활 그룹 내 감성 카드: 좌측·아이콘 = 상단 '생활·학습' 탭과 동일 보라 계열 */
#services-life .service-item.us-life-sense {
    border-left: 4px solid var(--category-life-border);
    background: var(--us-life-sense-paper);
    border-color: var(--us-life-sense-tint);
    box-shadow:
        0 4px 18px rgba(80, 45, 115, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

#services-life .service-item.us-life-sense:hover {
    border-color: var(--us-life-sense-tint-hover);
    box-shadow:
        0 14px 32px rgba(80, 45, 115, 0.11),
        0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

#services-life .service-item.us-life-sense .service-icon {
    background: var(--life-gradient);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 8px 20px rgba(80, 45, 115, 0.28);
}

#services-life .service-item.us-life-sense .service-icon i {
    color: #fff;
    opacity: 0.98;
}

#services-life .service-item.us-life-sense .service-info h4 {
    color: #2d1f3d;
    font-weight: 700;
    letter-spacing: -0.02em;
}

#services-life .service-item.us-life-sense .service-info p {
    color: #5c4a68;
}

/* 우측 화살표: modern_unified #services-life … 와 동일(중복 제거) */

#services-life .service-item.us-life-sense::before {
    background: linear-gradient(135deg, rgba(120, 75, 165, 0.1) 0%, rgba(120, 75, 165, 0.03) 100%);
}

/* 스토리 셸 — 동일 톤 */
.unified-search-page--story #services-life .service-item.us-life-sense {
    min-height: 90px;
}

.unified-search-page--story #services-life .service-item.us-life-sense .service-icon {
    border-radius: 10px;
}

@media (max-width: 600px) {
    #services-life .service-item.us-life-sense {
        min-height: 86px;
    }
}