/* 양육정보 사용자 페이지 스타일 - 트렌디 버전 (이미지 없음) */
.parenting-info-container-modern {max-width: 1440px;margin: 0 auto;padding: 0px;}
.parenting-info-header-modern {text-align: left;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #f0f0f0;}
.parenting-info-header-modern h1 {font-size: 28px;font-weight: 700;color: #1a1a1a;margin-bottom: 16px;line-height: 1.4;letter-spacing: -0.5px;}
.parenting-info-header-modern .subtitle-modern {font-size: 18px;color: #4a5568;margin: 0 0 8px 0;font-weight: 500;line-height: 1.6;}
.parenting-info-header-modern .description-modern {font-size: 15px;color: #718096;margin: 0;line-height: 1.6;}

/* 카테고리 탭 - 트렌디 버전 */
.category-tabs-modern {margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.tab-group-modern {display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;}
.category-tab-modern {display: inline-block;padding: 10px 20px;background-color: #ffffff;color: #4a5568;text-decoration: none;border-radius: 8px;font-size: 18px;font-weight: 500;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1.5px solid #e2e8f0;box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.category-tab-modern:hover {background-color: #f7fafc;border-color: #cbd5e0;text-decoration: none;transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.category-tab-modern.active {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;border-color: #667eea;box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);}

/* 카테고리 탭 */
.category-tabs {margin-bottom: 30px;}
.tab-group {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.category-tab {display: inline-block;padding: 12px 24px;background-color: #f5f5f5;color: #333;text-decoration: none;border-radius: 25px;font-size: 1.2em;font-weight: 500;transition: all 0.3s ease;border: 2px solid transparent;}
.category-tab:hover {background-color: #e0e0e0;text-decoration: none;}
.category-tab.active {background-color: #4a90e2;color: #fff;border-color: #4a90e2;}

/* 카테고리 그리드 - 육각형 카드 버전 */
.category-grid-container-modern {margin-top: 20px;overflow: visible;}
.category-grid-modern {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 30px;padding: 20px 0;justify-items: center;overflow: visible;}
.category-item-modern {position: relative;width: 100%;max-width: 320px;overflow: visible;transform-style: preserve-3d;padding: 20px;box-sizing: border-box;}
.category-link-modern {display: block;text-decoration: none;color: inherit;height: 100%;overflow: visible;transform-style: preserve-3d;perspective: 1000px;}

/* 육각형 카드 - pseudo-element 사용 (둥근 모서리) */
.category-hexagon-modern.rounded-hexagon-pseudo {position: relative;margin: 0 auto;background: #e74c3c;border-radius: 15px;height: 0;width: 100%;padding-bottom: 120%;text-align: center;transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1);/* box-shadow: 0 8px 24px rgba(0,0,0,0.15); */display: flex;align-items: center;justify-content: center;overflow: visible;transform-style: preserve-3d;backface-visibility: visible;transform-origin: center center;transform: translateZ(0);}
/*
.category-hexagon-modern.rounded-hexagon-pseudo::before,
.category-hexagon-modern.rounded-hexagon-pseudo::after {content: "";position: absolute;top: 0;left: 0;background: inherit;border-radius: inherit;height: 100%;width: 100%;z-index: -1;}
*/
.category-hexagon-modern.rounded-hexagon-pseudo::before {transform: rotate(60deg);}
.category-hexagon-modern.rounded-hexagon-pseudo::after {transform: rotate(-60deg);}
.category-link-modern:hover .category-hexagon-modern.rounded-hexagon-pseudo {transform: translateY(-8px) scale(1) rotateY(180deg);box-shadow: 0 12px 32px rgba(0,0,0,0.25);transform-origin: center center;}

/* 육각형 내용 */
.hexagon-content-modern {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) translateZ(50px);width: 100%;text-align: center;z-index: 10;display: flex;flex-direction: column;gap: 10px;align-items: center;justify-content: center;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style: preserve-3d;backface-visibility: visible;pointer-events: none;transform-origin: center center;will-change: transform;padding: 20px;box-sizing: border-box;}
.category-link-modern:hover .hexagon-content-modern {transform: translate(-50%, -50%) rotateY(-180deg) translateZ(50px);}
.hexagon-content-modern img {max-height:150px; margin-bottom:10px;}

/* 영문 제목 */
.hexagon-title-en {font-size: 26px;font-weight: 700;color: #333;/*letter-spacing: 2px;*/text-transform: uppercase;line-height: 1.2;margin-bottom: 10px;/*text-shadow: 0 2px 4px rgba(0,0,0,0.2);*/}
.hexagon-title-en:after {content:''; display:block; margin:20px auto 0; width:10px; height:1px; background-color:#333;}

/* 한글 제목 */
.hexagon-title-ko {font-size: 18px;font-weight: 500;color: #555;line-height: 1.4;word-break: keep-all;/* text-shadow: 0 1px 3px rgba(0,0,0,0.2); */}

/* 자세히보기 버튼 */
.hexagon-button-modern {margin-top: 10px;padding: 10px 24px;background-color: #ffffff;border-radius: 25px;/* box-shadow: 0 4px 12px rgba(0,0,0,0.2); */transition: all 0.3s ease;}
.hexagon-button-modern span {font-size: 14px;font-weight: 600;color: #333;letter-spacing: 0.5px;}
.category-link-modern:hover .hexagon-button-modern {transform: scale(1.05);box-shadow: 0 6px 16px rgba(0,0,0,0.3);background-color: #f8f8f8;}

/* 빈 메시지 */
.empty-message-modern {text-align: center;padding: 80px 20px;color: #a0aec0;font-size: 16px;background-color: #f7fafc;border-radius: 12px;border: 2px dashed #e2e8f0;}
.empty-message-modern p {margin: 0;font-weight: 500;}

/* 반응형 디자인 */
@media (max-width: 1024px) {
	.category-grid-modern {grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 25px;padding: 30px 0;}
	.parenting-info-header-modern h1 {font-size: 24px;}
	.hexagon-title-en {font-size: 24px;}
	.hexagon-title-ko {font-size: 16px;}
}

@media (max-width: 768px) {
	.parenting-info-container-modern {padding: 0 10px;}
	.parenting-info-header-modern {margin-bottom: 30px;padding-bottom: 15px;}
	.parenting-info-header-modern h1 {font-size: 22px;margin-bottom: 12px;}
	.parenting-info-header-modern .subtitle-modern {font-size: 16px;}
	.parenting-info-header-modern .description-modern {font-size: 14px;}
	.category-tabs-modern {margin-bottom: 30px;padding-bottom: 15px;}
	.tab-group-modern {gap: 8px;}
	.category-tab-modern {padding: 8px 16px;font-size: 14px;}
	.category-grid-modern {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 20px;padding: 20px 0;}
	.category-item-modern {max-width: 280px;}
	.hexagon-content-modern {gap: 16px;}
	.hexagon-title-en {font-size: 22px;letter-spacing: 1.5px;}
	.hexagon-title-ko {font-size: 15px;}
	.hexagon-button-modern {padding: 8px 20px;}
	.hexagon-button-modern span {font-size: 13px;}
}

@media (max-width: 480px) {
	.parenting-info-header-modern h1 {font-size: 20px;}
	.category-grid-modern {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 15px 0;}
	.category-item-modern {max-width: 100%;padding: 0;}
	.hexagon-content-modern {gap: 14px;}
	.hexagon-title-en {font-size: 20px;letter-spacing: 1px;}
	.hexagon-title-ko {font-size: 14px;}
	.hexagon-button-modern {padding: 8px 18px;}
	.hexagon-button-modern span {font-size: 12px;}
	.empty-message-modern {padding: 60px 15px;font-size: 14px;}
}