/* ============================================================
   DataSolid Lab — Academic Profile 전체 통합본 (v8)
   ★ v8: etc(.font-italic) 내부 링크 스타일 추가
          → CMS etc 필드에 <a> 태그만 넣으면 색·밑줄·호버 자동 적용
          → 인라인 style= 불필요
   ★ v7: <br> 무력화(Advisor 인라인)를 PC(min-width:1025px) 전용으로 분리
          → 모바일(max-width:1024px)은 원래대로 Advisor가 아랫줄
   ------------------------------------------------------------
   PC 전용으로 묶은 3개 (반드시 함께 있어야 함):
     1) .profile-exp dd br { display:none }
     2) .font-italic { margin-left:1.2rem }
     3) .font-italic:not(:only-of-type) { display:block }
   → 모바일에 남기면 <br> + block 이 겹쳐 빈 줄이 생김
   ============================================================ */

/* ---------- 1. 토글 헤더 ---------- */
.profile-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 0 2rem 3rem;
	font-size: 2.0rem;
	font-weight: 700;
	color: var(--point1);
	cursor: pointer;
	list-style: none;
}
.profile-summary::-webkit-details-marker { display: none; }
.profile-summary::after {
	content: '\f107';
	font-family: var(--font-icon);
	font-size: 1.5rem;
	transition: transform 0.3s;
}
.profile-section[open] .profile-summary::after {
	content: '\f106';
}

/* ---------- 2. 본문 컨테이너 ---------- */
.profile-con {
	padding: 1rem 1rem 1rem;
	--ds-profile-indent: 1.0rem;   /* 제목 대비 본문 들여쓰기 */
}
.profile-block {
	margin-top: 1.0rem;
}
.profile-block:first-child {
	margin-top: 0;
}
.profile-tit {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--color1);
	margin-bottom: 1rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid var(--line5);
}
.profile-block > p {
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--color4);
}
.profile-block > p,
.profile-exp,
.profile-courses {
	padding-left: var(--ds-profile-indent);
}
.profile-exp dt {
	margin-top: 1.2rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color1);
}
.profile-exp dt:first-child {
	margin-top: 0;
}

/* ---------- 3. Experiences ---------- */
.profile-exp dd {
	margin-top: 0.3rem;
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--color4);
}
/* etc 공통 스타일 (PC·모바일 동일) */
.profile-exp dd .font-italic {
	font-style: italic;
	color: var(--color7);
}
/* 항목 불릿 */
.profile-exp dt::before,
.profile-exp dd.no-period::before {
	content: '· ';
	color: var(--color1);
}

/* ---------- 3-1. ★v8 etc 내부 링크 (Advisor 이름 등) ---------- */
/* CMS etc 필드에 <a href="..." target="_blank" rel="noopener">이름</a> 만 넣으면 됨
   → 부모(.font-italic)의 회색 이탤릭을 그대로 상속, 밑줄로만 링크 구분 */
.profile-con .font-italic a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	text-decoration-thickness: 0.8px;
	transition: color 0.2s;
}
.profile-con .font-italic a:hover,
.profile-con .font-italic a:focus-visible {
	color: var(--point1);
}

/* ---------- 4. PC 전용: Advisor 인라인 ---------- */

	/* ★ dd 안의 강제 줄바꿈 무력화 */
	.profile-exp dd br {
		display: none;
	}
	/* etc 1개(Advisor만) → 직책 옆에 인라인 */
	.profile-exp dd .font-italic {
		margin-left: 0.4rem;
	}
	/* etc 2개 이상(Thesis + Advisor 등) → 각각 아랫줄 */
	.profile-exp dd .font-italic:not(:only-of-type) {
		display: block;
		margin-left: 0;
	}

/* ---------- 5. 멤버 탭 ---------- */
.tab-member {
	border-top: 2px solid var(--line7);
	padding-top: 2rem;
	margin-top: 4rem;
	color: var(--color7) !important;
}

.tab-member.active {
	background: transparent !important;
	border: 1px solid var(--point1) !important;
	color: var(--point1) !important;
}


/* ---------- 6. 모바일 ---------- */
@media only screen and (max-width: 1024px) {
	.profile-summary {
		font-size: 1.2rem;
		padding: 1.0rem 0.5rem 1.0rem 0.5rem;
	}
	.profile-con {
		padding: 0rem 0.5rem 1rem;
		--ds-profile-indent: 0.4rem;   /* 본문 들여쓰기 축소 */
	}
	.profile-tit { font-size: 1.3rem; }
	.profile-block > p,
	.profile-exp dt,
	.profile-courses li { font-size: 1.2rem; }
	.profile-exp dd { font-size: 1.1rem; }
}