/*
 * Research profile layouts ported from !TestWebPages/research-profiles-25-styles.html.
 * This file loads after front.css so the selected reference layout remains authoritative.
 */
.kh-research.research-section {
  --ink:#1c242b;
  --muted:#60727d;
  --paper:#fbfcfd;
  --page:#e7f0f4;
  --page-2:#f5f8fa;
  --line:#a8d7eb;
  --line-strong:#4a9ec2;
  --blue-pale:#d9eff8;
  --blue-soft:#c4e6f4;
  --blue-brush:#b8e2f3;
  --white:#fff;
  --shadow:0 14px 34px rgba(55,91,108,.13);
  --shadow-soft:0 8px 20px rgba(55,91,108,.10);
  --radius:18px;
  --ease:cubic-bezier(.22,.8,.24,1);
}
.kh-research.research-section .profiles { position:relative; display:grid; gap:14px; padding:0; overflow:visible; }
.kh-research.research-section .profile-card {
  position:relative; min-width:0; max-width:none; width:auto; margin:0; color:inherit; text-decoration:none;
  outline:none; border-radius:0; box-shadow:none; transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease);
}
.kh-research.research-section .profile-card:focus-visible { box-shadow:0 0 0 4px rgba(74,158,194,.22)!important; }
.kh-research.research-section .profile-icon { width:27px; height:27px; max-width:100%; max-height:100%; flex:0 0 auto; color:var(--line-strong); object-fit:contain; }
.kh-research.research-section .profile-name { min-width:0; font-family:inherit; font-size:13px; font-weight:700; line-height:1.5; white-space:normal; }
.kh-research.research-section .profile-title-primary { display:block; }
.kh-research.research-section .profile-subtitle { display:block; margin-top:5px; color:var(--muted); font-size:12px; font-weight:500; line-height:1.55; }
.kh-research.research-section .profile-index { direction:ltr; font-size:10px; color:var(--line-strong); font-weight:800; }
.kh-research.research-section .profile-icon-wrap { min-height:0; overflow:hidden; }
.kh-research.research-section .profile-icon-wrap img { display:block; max-width:100%; max-height:100%; object-fit:contain; }

.kh-research.style-4 .profiles { grid-template-columns:1.35fr repeat(2,1fr); grid-template-rows:repeat(2,145px); }
.kh-research.style-4 .profile-card { display:flex; align-items:flex-end; overflow:hidden; padding:22px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,#fff,var(--blue-pale)); box-shadow:var(--shadow-soft); }
.kh-research.style-4 .profile-card:first-child { grid-row:span 2; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.kh-research.style-4 .profile-card::after { content:""; position:absolute; width:110px; height:110px; left:-33px; top:-33px; border:20px solid rgba(74,158,194,.10); border-radius:50%; }
.kh-research.style-4 .profile-card:hover { transform:translateY(-6px) rotate(-.5deg); }
.kh-research.style-4 .profile-icon-wrap { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border-radius:20px; background:#fff; box-shadow:var(--shadow-soft); margin-left:12px; }
.kh-research.style-4 .profile-card:first-child .profile-icon-wrap { width:96px; height:96px; flex-basis:96px; margin:0 0 18px; border-radius:30px; }
.kh-research.style-4 .profile-card:first-child .profile-icon { width:48px; height:48px; }
.kh-research.style-4 .profile-name,.kh-research.style-7 .profile-name,.kh-research.style-10 .profile-name,.kh-research.style-17 .profile-name,.kh-research.style-18 .profile-name,.kh-research.style-19 .profile-name,.kh-research.style-23 .profile-name,.kh-research.style-25 .profile-name { font-size:16px; line-height:1.65; }

.kh-research.style-5 .profiles { grid-template-columns:repeat(5,1fr); position:relative; gap:0; }
.kh-research.style-5 .profiles::before { content:""; position:absolute; top:30px; right:8%; left:8%; height:3px; border-radius:99px; background:linear-gradient(90deg,var(--line),var(--line-strong),var(--line)); }
.kh-research.style-5 .profile-card { display:flex; min-height:0; flex-direction:column; align-items:center; text-align:center; gap:19px; padding:0 8px; border:0; background:transparent; }
.kh-research.style-5 .profile-card::before { content:""; position:absolute; top:21px; width:21px; height:21px; z-index:0; border:5px solid var(--page-2); border-radius:50%; background:var(--line-strong); }
.kh-research.style-5 .profile-icon-wrap { z-index:1; display:grid; place-items:center; width:62px; height:62px; flex:0 0 62px; border-radius:50%; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-soft); }
.kh-research.style-5 .profile-name { padding:14px 12px; width:100%; border-radius:14px; background:rgba(255,255,255,.8); }
.kh-research.style-5 .profile-card:hover .profile-icon-wrap { transform:scale(1.13); box-shadow:0 0 0 10px rgba(168,215,235,.24); }

.kh-research.style-7 .profiles { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:28px 5px; padding:35px 0; }
.kh-research.style-7 .profile-card { width:205px; min-width:205px; height:178px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; border:0; background:#fff; clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%); filter:drop-shadow(0 12px 12px rgba(55,91,108,.14)); }
.kh-research.style-7 .profile-card::after { content:""; position:absolute; inset:9px; z-index:-1; background:var(--blue-pale); clip-path:inherit; opacity:.48; }
.kh-research.style-7 .profile-card:nth-child(2),.kh-research.style-7 .profile-card:nth-child(4) { transform:translateY(70px); }
.kh-research.style-7 .profile-card:hover { background:var(--blue-soft); }
.kh-research.style-7 .profile-icon-wrap { display:grid; place-items:center; width:54px; height:54px; flex:0 0 54px; border-radius:50%; background:#fff; }

.kh-research.style-10 .profiles { grid-template-columns:repeat(5,1fr); position:relative; padding:38px 14px 14px; background-image:linear-gradient(rgba(168,215,235,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(168,215,235,.22) 1px,transparent 1px); background-size:28px 28px; }
.kh-research.style-10 .profiles::before { content:""; position:absolute; top:17px; right:8%; left:8%; height:1px; background:var(--line-strong); }
.kh-research.style-10 .profile-card { min-height:220px; padding:25px 18px; border:1px solid var(--line-strong); background:rgba(251,252,253,.94); display:flex; flex-direction:column; justify-content:space-between; }
.kh-research.style-10 .profile-card::before { content:""; position:absolute; top:-25px; right:50%; height:25px; width:1px; background:var(--line-strong); }
.kh-research.style-10 .profile-card::after { content:""; position:absolute; inset:8px; border:1px dashed var(--line); pointer-events:none; }
.kh-research.style-10 .profile-card:hover { transform:translateY(-6px); box-shadow:8px 8px 0 rgba(168,215,235,.45); }
.kh-research.style-10 .profile-icon-wrap { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border:1px solid var(--line-strong); border-radius:50%; }

.kh-research.style-17 .profiles { grid-template-columns:repeat(5,1fr); align-items:end; }
.kh-research.style-17 .profile-card { height:325px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; text-align:center; padding:25px 12px; border:1px solid var(--line); border-radius:100px 100px 18px 18px; background:linear-gradient(180deg,var(--blue-pale),#fff 50%); box-shadow:var(--shadow-soft); }
.kh-research.style-17 .profile-card:nth-child(even) { height:275px; }
.kh-research.style-17 .profile-card::before { content:""; position:absolute; top:32px; width:90px; height:90px; border:1px dashed var(--line-strong); border-radius:50%; }
.kh-research.style-17 .profile-card:hover { height:350px; }
.kh-research.style-17 .profile-icon-wrap { position:absolute; top:50px; display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#fff; }
.kh-research.style-17 .profile-name { position:relative; z-index:2; width:100%; margin-top:110px; padding-top:16px; border-top:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%); }

.kh-research.style-18 .profiles { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; padding:20px; }
.kh-research.style-18 .profile-card { width:280px; min-width:280px; min-height:92px; display:flex; align-items:center; gap:16px; padding:12px 22px; border:1px solid var(--line); border-radius:999px; background:#fff; box-shadow:var(--shadow-soft); }
.kh-research.style-18 .profile-card:nth-child(1),.kh-research.style-18 .profile-card:nth-child(5) { width:350px; }
.kh-research.style-18 .profile-card:nth-child(3) { width:420px; }
.kh-research.style-18 .profile-card::before { content:""; position:absolute; inset:8px 50% 8px 8px; border-radius:999px; background:linear-gradient(90deg,rgba(168,215,235,.45),transparent); z-index:0; }
.kh-research.style-18 .profile-card>* { position:relative; z-index:1; }
.kh-research.style-18 .profile-card:hover { transform:scale(1.05); background:var(--blue-pale); }
.kh-research.style-18 .profile-icon-wrap { display:grid; place-items:center; width:62px; height:62px; flex:0 0 62px; border-radius:50%; background:var(--blue-pale); }

.kh-research.style-19 .profiles { grid-template-columns:repeat(5,1fr); }
.kh-research.style-19 .profile-card { min-height:300px; padding:28px 15px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; text-align:center; border:1px solid var(--line); background:#fff; box-shadow:0 12px 0 rgba(168,215,235,.34),var(--shadow-soft); }
.kh-research.style-19 .profile-card::before { content:""; position:absolute; inset:10px; border:1px solid var(--line); }
.kh-research.style-19 .profile-card::after { content:"✦"; display:grid; place-items:center; width:48px; height:48px; border:2px solid var(--line-strong); border-radius:50%; color:var(--line-strong); font-size:20px; }
.kh-research.style-19 .profile-card:hover { transform:translateY(-9px) rotate(-1deg); }
.kh-research.style-19 .profile-icon-wrap { display:grid; place-items:center; width:62px; height:62px; flex:0 0 62px; border-radius:50%; background:var(--blue-pale); }

.kh-research.style-22 .profiles { grid-template-columns:repeat(5,1fr); gap:28px; }
.kh-research.style-22 .profile-card { display:flex; min-height:0; flex-direction:column; align-items:center; text-align:center; gap:18px; padding:28px 8px 18px; border:0; border-bottom:2px solid var(--line); background:transparent; }
.kh-research.style-22 .profile-card::after { content:""; position:absolute; bottom:-2px; right:50%; left:50%; height:2px; background:var(--line-strong); transition:.25s; }
.kh-research.style-22 .profile-card:hover::after { right:0; left:0; }
.kh-research.style-22 .profile-card:hover { transform:translateY(-7px); }
.kh-research.style-22 .profile-icon-wrap { display:grid; place-items:center; width:80px; height:80px; flex:0 0 80px; border-radius:50%; background:var(--blue-pale); }
.kh-research.style-22 .profile-icon { width:38px; height:38px; }

.kh-research.style-23 .profiles { grid-template-columns:repeat(5,1fr); gap:0; border-top:5px solid var(--line-strong); border-bottom:1px solid var(--line); padding:22px 0; }
.kh-research.style-23 .profile-card { min-height:285px; padding:20px 18px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; text-align:center; border:0; border-left:1px solid var(--line); }
.kh-research.style-23 .profile-card:last-child { border-left:0; }
.kh-research.style-23 .profile-card::before { content:attr(data-order); font-size:50px; font-weight:900; color:rgba(74,158,194,.17); line-height:1; }
.kh-research.style-23 .profile-card:hover { background:rgba(217,239,248,.6); }
.kh-research.style-23 .profile-icon-wrap { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border:1px solid var(--line); border-radius:50%; background:#fff; }
.kh-research.style-23 .profile-name { width:100%; padding-top:15px; border-top:1px solid var(--line); text-align:center; }

.kh-research.style-25 .profiles { grid-template-columns:repeat(5,1fr); position:relative; z-index:1; overflow:hidden; padding:20px; background:linear-gradient(145deg,#edf5f8,#f9fbfc); }
.kh-research.style-25 .profiles::before { content:""; position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(74,158,194,.08) 50px),repeating-linear-gradient(0deg,transparent 0 49px,rgba(74,158,194,.08) 50px); mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent); }
.kh-research.style-25 .profile-card { min-height:245px; padding:24px 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:18px; border:1px solid var(--line-strong); background:rgba(255,255,255,.72); clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px)); backdrop-filter:blur(7px); }
.kh-research.style-25 .profile-card::before,.kh-research.style-25 .profile-card::after { content:""; position:absolute; width:28px; height:28px; border-color:var(--line-strong); }
.kh-research.style-25 .profile-card::before { right:7px; top:7px; border-right:2px solid; border-top:2px solid; }
.kh-research.style-25 .profile-card::after { left:7px; bottom:7px; border-left:2px solid; border-bottom:2px solid; }
.kh-research.style-25 .profile-card:hover { transform:translateY(-8px); background:rgba(217,239,248,.86); box-shadow:0 0 28px rgba(74,158,194,.25); }
.kh-research.style-25 .profile-icon-wrap { display:grid; place-items:center; width:72px; height:72px; flex:0 0 72px; border:1px solid var(--line-strong); border-radius:50%; background:#fff; box-shadow:0 0 0 7px rgba(168,215,235,.3); }

@media (max-width:1050px) {
  .kh-research.style-5 .profiles,.kh-research.style-10 .profiles,.kh-research.style-17 .profiles,.kh-research.style-19 .profiles,.kh-research.style-22 .profiles,.kh-research.style-23 .profiles,.kh-research.style-25 .profiles { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .kh-research.style-5 .profiles,.kh-research.style-10 .profiles,.kh-research.style-17 .profiles,.kh-research.style-19 .profiles,.kh-research.style-22 .profiles,.kh-research.style-23 .profiles,.kh-research.style-25 .profiles { grid-template-columns:1fr; }
  .kh-research.style-4 .profiles { grid-template-columns:1fr; grid-template-rows:none; }
  .kh-research.style-4 .profile-card,.kh-research.style-4 .profile-card:first-child { min-height:120px; grid-row:auto; flex-direction:row; text-align:right; justify-content:flex-start; }
  .kh-research.style-4 .profile-card:first-child .profile-icon-wrap { width:58px; height:58px; flex-basis:58px; margin:0 0 0 12px; border-radius:20px; }
  .kh-research.style-4 .profile-card:first-child .profile-icon { width:27px; height:27px; }
  .kh-research.style-5 .profiles { gap:14px; }
  .kh-research.style-5 .profiles::before,.kh-research.style-5 .profile-card::before { display:none; }
  .kh-research.style-5 .profile-card { flex-direction:row; text-align:right; padding:10px; border:1px solid var(--line); border-radius:16px; background:#fff; }
  .kh-research.style-5 .profile-name { border:0; text-align:right; }
  .kh-research.style-7 .profile-card:nth-child(n) { transform:none; width:160px; min-width:160px; height:145px; }
  .kh-research.style-10 .profiles { padding-top:0; }
  .kh-research.style-10 .profiles::before,.kh-research.style-10 .profile-card::before { display:none; }
  .kh-research.style-10 .profile-card { min-height:145px; }
  .kh-research.style-17 .profile-card,.kh-research.style-17 .profile-card:nth-child(n) { height:170px; border-radius:70px 70px 16px 16px; }
  .kh-research.style-17 .profile-card:hover { height:180px; }
  .kh-research.style-17 .profile-card::before { top:15px; width:65px; height:65px; }
  .kh-research.style-17 .profile-icon-wrap { top:26px; }
  .kh-research.style-18 .profile-card,.kh-research.style-18 .profile-card:nth-child(n) { width:100%; min-width:0; min-height:78px; }
  .kh-research.style-19 .profile-card { min-height:220px; }
  .kh-research.style-22 .profile-card { flex-direction:row; text-align:right; padding:14px; }
  .kh-research.style-22 .profile-icon-wrap { width:58px; height:58px; flex-basis:58px; }
  .kh-research.style-22 .profile-icon { width:28px; height:28px; }
  .kh-research.style-23 .profiles { border-top-width:3px; }
  .kh-research.style-23 .profile-card { min-height:150px; border-left:0; border-bottom:1px solid var(--line); }
  .kh-research.style-25 .profile-card { min-height:150px; }
}
@media (prefers-reduced-motion:reduce) {
  .kh-research.research-section *,.kh-research.research-section *::before,.kh-research.research-section *::after { transition:none!important; animation:none!important; }
}