.profile-image {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 5px solid #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  transition: all 0.3s ease-in-out;
}

.profile-image:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.card {
  transition: transform .2s;
}

.card:hover {
  transform: scale(1.02);
}



/* Centering for jaylee.html hero section */
.text-center.container-fluid.bg-light .profile-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-center.container-fluid.bg-light h1,
.text-center.container-fluid.bg-light p {
    text-align: center;
}

/* Increase spacing between name and subtitle */
.text-center.container-fluid.bg-light h1 {
  margin-bottom: 20px;   /* 기본보다 증가 */
}

/* Custom styles for service area cards and more info sections */
#services .card img {
    border: none;
}

#services .card {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.info-content {
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 5px;
}

/* Styling for lists in jaylee.html career/services sections */
.album .card-body {
    text-align: center;
}

.album .list-group {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    width: 300px; /* Set a fixed width to align lists */
    position: relative; /* Enable positioning */
    left: 30px;       /* Shift right by 20px (adjust as needed) */
}

.album .list-group-item {
    text-align: left;
    border: none; /* list-group-flush removes borders, but let's be sure */
    padding-left: 0; /* Ensure no left padding from Bootstrap */
    margin-left: 0;  /* Ensure no left margin */
}

/* Remove border/shadow from career/services cards on jaylee.html */
.album .card {
    border: none;
    box-shadow: none;
}

/* ===== Jay Lee Page Adjustments ===== */

/* Enable JSON \n line breaks for profile paragraphs */
.text-center.container-fluid.bg-light p[data-i18n="jl_p1"],
.text-center.container-fluid.bg-light p[data-i18n="jl_p2"] {
  white-space: pre-line;
}

/* Add spacing below disclaimer */
.jl-disclaimer {
  margin-bottom: 18px;   /* ← 여백 조절 가능 (12~24px 추천) */
  font-size: 0.9rem;
  color: #666;
  line-height: 1.4;
}

/* Increase line spacing in Jay Lee page lists */
.album .list-group-item {
  line-height: 1.6;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* ===== Tighten gap between intro and next section (jaylee.html) ===== */

/* 1) Reduce hero section bottom padding */
.text-center.container-fluid.bg-light {
  padding-top: 50px;
  padding-bottom: 6px !important; /* 핵심 */
}

/* 2) Remove bottom margin of intro paragraphs (last p creates big gap) */
.text-center.container-fluid.bg-light p {
  margin-bottom: 6px;
}

/* 마지막 문단은 더 타이트하게 */
.text-center.container-fluid.bg-light p:last-of-type {
  margin-bottom: 0 !important;
}

/* 3) Remove top padding/margin of the next section wrapper */
.jaylee-sections {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* album 기본 여백도 같이 눌러줌 */
.album {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ===== Language-specific list width (Jay Lee page) ===== */

/* Default (Korean): keep current layout */
body[data-lang="ko"] .album .list-group {
  width: 300px;
  left: 30px;
}

/* English: wider list to reduce wrapping */
body[data-lang="en"] .album .list-group {
  width: 700px;      /* 650~800 사이에서 조절 */
  max-width: 90vw;   /* 반응형 안전장치 */
  left: 0;           /* 영어는 가운데 정렬이 더 자연스러움 */
}

/* (Optional) Slightly smaller font on English list */
body[data-lang="en"] .album .list-group-item {
  font-size: 0.95rem;
  line-height: 1.55;
}

/* Move English list slightly to the right */
body[data-lang="en"] .album .list-group {
  width: 700px;
  max-width: 90vw;
  margin-left: 120px;   /* ← 오른쪽으로 이동 */
}