/* =========================================================
   Infochief – Giảng viên & Chuyên gia
   Page-scoped styles only. Global Header/Footer remain in style.css.
   ========================================================= */
.leaders-page{background:#fff}
.leaders-hero{position:relative;height:430px;min-height:430px;overflow:hidden;background:#082e57;color:#fff}
.leaders-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.leaders-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,38,72,.98) 0%,rgba(7,45,83,.93) 39%,rgba(7,45,83,.46) 62%,rgba(7,45,83,.08) 100%)}
.leaders-hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.leaders-hero-copy{width:min(690px,55%)}
.leaders-hero h1{margin:0 0 16px;color:#fff;font-size:clamp(46px,4.2vw,66px);line-height:1.04;letter-spacing:-2px}
.leaders-hero h1::after{content:"";display:block;width:72px;height:4px;margin-top:18px;border-radius:999px;background:var(--accent)}
.leaders-hero p{max-width:650px;margin:0;color:#eef6ff;font-size:16px;line-height:1.72}

.leaders-value-strip{position:relative;z-index:3;margin-top:-36px;padding-bottom:34px}
.leaders-value-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(29,75,122,.12)}
.leaders-value-grid div{padding:19px 21px;border-right:1px solid var(--line)}.leaders-value-grid div:last-child{border-right:0}
.leaders-value-grid strong{display:block;color:#174b82;font-size:15px}.leaders-value-grid span{display:block;margin-top:4px;color:#6b7d91;font-size:10.5px;line-height:1.45}

.leaders-section-head{align-items:end}.leaders-section-head>div>p:last-child{max-width:760px}
.leaders-featured{padding-top:30px}
.leaders-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.leader-profile-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(29,75,122,.08);transition:.22s}
.leader-profile-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(29,75,122,.12)}
.leader-profile-media{position:relative;height:390px;overflow:hidden;background:linear-gradient(145deg,#eef4fa,#fff)}
.leader-profile-media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.leader-photo-accent{position:absolute;left:-46px;bottom:-70px;width:180px;height:180px;background:var(--blue-700);transform:rotate(45deg);opacity:.98}
.leader-profile-body{padding:24px 26px 26px}
.leader-profile-label{margin:0 0 7px;color:var(--accent-strong);font-size:9px;font-weight:900;letter-spacing:.12em}
.leader-profile-card h3{margin:0;color:#153f70;font-size:24px;line-height:1.25}
.leader-role{margin:7px 0 0;color:#1b5c9c;font-size:13px;font-weight:900}
.leader-summary{margin:11px 0 0;color:#596f86;font-size:12px;line-height:1.65}
.leader-expertise-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;list-style:none;margin:18px 0;padding:0}
.leader-expertise-list li{position:relative;padding-left:20px;color:#38536f;font-size:10.5px;font-weight:700}
.leader-expertise-list li::before{content:"✓";position:absolute;left:0;top:-1px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#174f88;color:#fff;font-size:8px}

.leaders-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.leader-principle-card{border:1px solid var(--line);border-radius:15px;padding:21px 18px;background:#fff;text-align:center}
.leader-principle-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 13px;border-radius:17px;background:var(--blue-050);color:#17559a}
.leader-principle-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.leader-principle-card h3{margin:0;color:#153f70;font-size:15px}.leader-principle-card p{margin:8px 0 0;color:#667a91;font-size:10.5px;line-height:1.55}

.leaders-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.leader-domain-card{border:1px solid var(--line);border-radius:15px;padding:21px 18px;background:linear-gradient(145deg,#fbfdff,#f5f9fd)}
.leader-domain-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e8f2fc;color:#17549a}
.leader-domain-card svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.leader-domain-card h3{margin:13px 0 0;color:#153f70;font-size:15px}.leader-domain-card p{margin:7px 0 0;color:#667a91;font-size:10.5px;line-height:1.55}
.leaders-cta{padding-top:14px}

@media(max-width:1020px){
  .leaders-hero-copy{width:65%}
  .leaders-feature-grid{grid-template-columns:1fr 1fr}
  .leader-profile-media{height:340px}
  .leaders-principle-grid,.leaders-domain-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .leaders-hero{height:410px;min-height:410px}.leaders-hero-image{object-position:67% center}
  .leaders-hero-overlay{background:linear-gradient(90deg,rgba(5,38,72,.97),rgba(7,45,83,.88) 58%,rgba(7,45,83,.46))}
  .leaders-hero-copy{width:78%}.leaders-hero h1{font-size:42px}.leaders-hero p{font-size:14px}
  .leaders-value-grid{grid-template-columns:1fr 1fr}.leaders-value-grid div{border-right:0;border-bottom:1px solid var(--line)}.leaders-value-grid div:nth-child(odd){border-right:1px solid var(--line)}.leaders-value-grid div:nth-last-child(-n+2){border-bottom:0}
  .leaders-feature-grid{grid-template-columns:1fr}.leader-profile-media{height:420px}
}
@media(max-width:520px){
  .leaders-hero{height:390px;min-height:390px}.leaders-hero-copy{width:88%}.leaders-hero h1{font-size:36px;letter-spacing:-1.2px}.leaders-hero p{font-size:13px}
  .leaders-value-strip{margin-top:-24px}.leaders-value-grid{grid-template-columns:1fr}.leaders-value-grid div,.leaders-value-grid div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.leaders-value-grid div:last-child{border-bottom:0}
  .leader-profile-media{height:330px}.leader-profile-body{padding:21px 20px}.leader-profile-card h3{font-size:21px}.leader-expertise-list{grid-template-columns:1fr}
  .leaders-principle-grid,.leaders-domain-grid{grid-template-columns:1fr}
}

/* ===== EXECUTIVE PROFILE CARDS FOR SMALL SOURCE PORTRAITS ===== */
/* Source portraits are only 125x157px. Do not scale them to full-card photography. */
.leaders-feature-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.leader-executive-card{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:28px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:25px 28px;
  background:linear-gradient(135deg,#ffffff 0%,#fbfdff 58%,#f1f7fd 100%);
  box-shadow:0 10px 30px rgba(29,75,122,.07);
}
.leader-executive-portrait{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:230px;
  padding:18px 14px;
  border-radius:16px;
  background:linear-gradient(145deg,#edf5fd,#ffffff);
  border:1px solid #dce9f6;
}
.leader-portrait-frame{
  width:150px;
  height:188px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  background:#eef4fa;
  border:1px solid #cfdfee;
  box-shadow:0 8px 20px rgba(27,72,118,.10);
}
.leader-portrait-frame img{
  width:125px;
  height:157px;
  max-width:125px;
  max-height:157px;
  object-fit:contain;
  image-rendering:auto;
}
.leader-executive-badge{
  display:inline-flex;
  margin-top:13px;
  padding:6px 9px;
  border-radius:999px;
  background:#174f88;
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
.leader-executive-content h3{
  margin:0;
  color:#153f70;
  font-size:27px;
  line-height:1.2;
  letter-spacing:-.5px;
}
.leader-executive-content .leader-role{
  margin:7px 0 0;
  color:#1b5c9c;
  font-size:14px;
  font-weight:900;
}
.leader-executive-summary{
  margin:14px 0 0;
  color:#405a74;
  font-size:12.5px;
  line-height:1.72;
  font-weight:700;
}
.leader-executive-detail{
  margin:10px 0 0;
  color:#5f748b;
  font-size:12px;
  line-height:1.7;
}
.leader-expertise-list-wide{
  grid-template-columns:1fr 1fr;
  margin-top:17px;
  margin-bottom:17px;
}
.leader-expertise-list-wide li{
  font-size:11px;
  line-height:1.45;
}
@media(max-width:820px){
  .leader-executive-card{
    grid-template-columns:175px minmax(0,1fr);
    gap:20px;
    padding:22px;
  }
  .leader-executive-portrait{min-height:215px}
  .leader-portrait-frame{width:145px;height:182px}
  .leader-executive-content h3{font-size:24px}
}
@media(max-width:620px){
  .leader-executive-card{
    grid-template-columns:1fr;
    gap:18px;
    padding:20px;
  }
  .leader-executive-portrait{
    min-height:0;
    padding:16px;
  }
  .leader-portrait-frame{
    width:150px;
    height:188px;
  }
  .leader-executive-content{text-align:left}
  .leader-executive-content h3{font-size:23px}
  .leader-expertise-list-wide{grid-template-columns:1fr}
}
/* ===== END EXECUTIVE PROFILE CARDS FOR SMALL SOURCE PORTRAITS ===== */