/* V48 — restrained, responsive article teaser with complete, local-language titles. */
.yfi-v47-articles {
  --v47-navy: #071b33;
  --v47-red: #dc2944;
  position: relative;
  isolation: isolate;
  padding: clamp(30px,4.2vw,54px) 0 clamp(28px,3.8vw,45px);
  background: radial-gradient(ellipse 50% 120% at 90% -10%, #1a3858 0%, transparent 70%), var(--v47-navy);
  color: #fff;
  overflow: hidden;
}
.yfi-v47-articles, .yfi-v47-articles * { box-sizing: border-box; }
.yfi-v47-articles[lang="fa"] { font-family: Vazirmatn, Tahoma, sans-serif; }
.yfi-v47-articles[lang="ar"] { font-family: Cairo, Tahoma, sans-serif; }
.yfi-v47-articles[lang="zh"] { font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
.yfi-v47-articles[lang="ko"] { font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; }
.yfi-v47-wrap { max-width: 1330px; padding: 0 clamp(20px,5.4vw,82px); margin: 0 auto; }
.yfi-v47-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.yfi-v47-heading { min-width: 0; }
.yfi-v47-eyebrow {
  display: block;
  color: #ff8192;
  font-size: clamp(11px,1.05vw,13px);
  font-weight: 800;
  line-height: 1.6;
  letter-spacing: .09em;
}
.yfi-v47-articles[lang="fa"] .yfi-v47-eyebrow,
.yfi-v47-articles[lang="ar"] .yfi-v47-eyebrow,
.yfi-v47-articles[lang="zh"] .yfi-v47-eyebrow,
.yfi-v47-articles[lang="ko"] .yfi-v47-eyebrow { letter-spacing: normal; }
.yfi-v47-top h2 {
  color: #fff;
  font-size:clamp(25px,3vw,43px);
  font-weight:850;
  line-height:1.24;
  font-family: inherit;
  margin: 5px 0 0;
  letter-spacing: -.025em;
  max-width: 100%;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.yfi-v47-articles[lang="fa"] .yfi-v47-top h2,
.yfi-v47-articles[lang="ar"] .yfi-v47-top h2 { letter-spacing: normal; line-height: 1.65; }
.yfi-v47-all {
  flex: 0 0 auto;
  color: #fff;
  font-weight: 750;
  font-size: clamp(13px,1vw,15px);
  line-height: 1.5;
  padding-bottom: 5px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.65);
  text-wrap: balance;
}
.yfi-v47-all:hover { color: #ffc6cf; border-color: #ffc6cf; }
.yfi-v47-all:focus-visible,.yfi-v47-toggle:focus-visible,.yfi-v47-card:focus-visible { outline: 3px solid #ff8391; outline-offset: 3px; }
.yfi-v47-carousel { position: relative; }
.yfi-v47-carousel::before,.yfi-v47-carousel::after {
  content: "";
  position: absolute;
  width: clamp(8px,2.5vw,40px);
  top:0;bottom:52px;
  pointer-events: none;
  z-index: 2;
}
.yfi-v47-carousel::before {left:0;background:linear-gradient(90deg,var(--v47-navy),transparent);}
.yfi-v47-carousel::after {right:0;background:linear-gradient(270deg,var(--v47-navy),transparent);}
.yfi-v47-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-behavior: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  padding: 8px 0 16px;
  cursor: grab;
  touch-action: pan-x pan-y;
}
.yfi-v47-viewport:active { cursor: grabbing; }
.yfi-v47-viewport::-webkit-scrollbar { display:none; }
.yfi-v47-track { display:flex; align-items:stretch; gap: 14px; width:max-content; padding: 0 clamp(20px,5.4vw,82px); }
.yfi-v47-card {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
  width: clamp(190px,19vw,245px); /* matches compact collaboration cards */
  min-height: 103px; /* height expands when a complete title needs more lines */
  height: auto;
  border: 1px solid rgba(218,228,240,.95);
  border-radius: 17px;
  padding: 11px 12px;
  background: linear-gradient(145deg,#fff,#f7f9fc);
  box-shadow: 0 14px 35px rgba(0,0,0,.16);
  color: #071b33;
  text-decoration: none;
  text-align: start;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
  overflow-wrap: break-word;
  white-space: normal;
}
.yfi-v47-card:hover { transform: translateY(-3px); box-shadow: 0 17px 38px rgba(0,0,0,.26); }
.yfi-v47-card-upper { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:21px; }
/* No article numbers: maintain a single, unobtrusive link icon at the card edge. */
.yfi-v47-card-upper { justify-content: flex-end; }
.yfi-v47-icon {
  color: #fff; background: #b9233f; border-radius: 50%;
  display:grid;place-items:center;width:21px;height:21px;
  font: 800 15px/1 Arial,sans-serif;
  flex-shrink:0;
}
.yfi-v47-card-title {
  display:block;
  font-family: inherit;
  font-size: clamp(16px,1.3vw,17px);
  font-weight: 850;
  line-height: 1.48;
  letter-spacing: normal;
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  color: #071b33;
}
.yfi-v47-articles[lang="fa"] .yfi-v47-card-title,
.yfi-v47-articles[lang="ar"] .yfi-v47-card-title {line-height:1.6;font-size:clamp(16px,1.3vw,17px);}
.yfi-v47-controls {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:1330px;margin:4px auto 0;padding:0 clamp(20px,5.4vw,82px);
}
.yfi-v47-hint {color:#b6c9df;font-size:12px;line-height:1.6;}
.yfi-v47-toggle {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-size:12px;
  font-weight:750;
  line-height:1.4;
  font-family:inherit; color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.4);
  min-height:41px; padding:8px 15px; border-radius:99px;
  cursor:pointer;flex-shrink:0;
}
.yfi-v47-toggle:hover { background:rgba(255,255,255,.18); }
.yfi-v47-toggle-icon { font:800 15px/1 Arial,sans-serif; }

/* Remove all decorative red stripes within the institutional partner cards. */
.yfi-network-card .yfi-network-card-mark,
.yfi-network-section--compact .yfi-network-card-mark,
.yfi-network-card::before,.yfi-network-card::after { display:none!important;content:none!important; }

/* Photograph dissolves directly into the navy band, including the old white gap. */
#about.intro-grid {
  max-width: none;
  margin: 0;
  padding-bottom: 0!important;
  background: linear-gradient(to bottom, #fff 0%, #fff 63%, #e4e9f0 77%, #071b33 100%);
}
#about.intro-grid .portrait {
  margin-bottom:0!important;
  align-self: end;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#about.intro-grid .portrait img {
  display:block;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.85) 75%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.85) 75%,transparent 99%);
}
#about.i18n-about {
  max-width:none;
  margin:0;
  padding-bottom:0!important;
  background:linear-gradient(to bottom,#fff 0%,#fff 64%,#e5eaf1 78%,#071b33 100%);
}
#about.i18n-about > img {
  align-self:end;
  margin-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 67%,rgba(0,0,0,.86) 75%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 67%,rgba(0,0,0,.86) 75%,transparent 99%);
}
#about.i18n-about > div { align-self: center; padding-bottom: clamp(24px,4vw,50px); }
/* Four career statistics on localized homepages, immediately before marquee. */
.yfi-v47-stats {
  background:#071b33;
  color:#fff;
  padding: clamp(26px,4vw,50px) clamp(22px,6vw,95px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap: clamp(16px,2vw,32px);
}
.yfi-v47-stat { display:flex;flex-direction:column;gap:8px;min-width:0; }
.yfi-v47-stat strong { font: 800 clamp(32px,3.5vw,55px)/1.18 Inter,Vazirmatn,Cairo,system-ui,sans-serif;color:#fff;overflow-wrap:break-word; }
.yfi-v47-stat:nth-child(4) strong {font-size:clamp(17px,2vw,27px);line-height:1.4;}
.yfi-v47-stat span { color:#acbcd1;font-size:clamp(12px,1.13vw,16px);line-height:1.6; }
html[lang="fa"] .yfi-v47-stat, html[lang="ar"] .yfi-v47-stat{font-family:inherit;}
@media(max-width:850px) {
  .yfi-v47-top {align-items:flex-start;flex-direction:column;gap:10px;}
  .yfi-v47-all {align-self:flex-start;}
  .yfi-v47-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px) {
  .yfi-v47-articles {padding:26px 0 25px;}
  .yfi-v47-top {margin-bottom:12px;}
  .yfi-v47-top h2 {font-size:clamp(24px,6vw,31px);line-height:1.4;}
  .yfi-v47-card {width:204px;min-height:105px;padding:11px 12px;gap:6px;}
  .yfi-v47-card-title {font-size:16px;line-height:1.42;}
  .yfi-v47-articles[lang="fa"] .yfi-v47-card-title,.yfi-v47-articles[lang="ar"] .yfi-v47-card-title{font-size:16px;line-height:1.58;}
  .yfi-v47-hint {max-width:220px;font-size:11px;}
  .yfi-v47-toggle {font-size:12px;padding:8px 12px;}
  .yfi-v47-stats {padding:29px 22px;gap:23px 15px;}
  .yfi-v47-stat strong {font-size:clamp(27px,8vw,40px);}
  .yfi-v47-stat:nth-child(4) strong {font-size:17px;}
  /* Remove bright trailing whitespace after the portrait on narrow screens. */
  #about.intro-grid, #about.i18n-about {padding-bottom:0!important;}
  #about.intro-grid .portrait {max-width:100%!important;}
  #about.i18n-about > div {padding-bottom:0;}
}
@media(prefers-reduced-motion:reduce) {
  .yfi-v47-card {transition:none!important;}
  .yfi-v47-viewport {scroll-behavior:auto!important;}
}

/* Keep every localized headline fully visible, never ellipsized or line-clamped. */
.yfi-v47-card-title {display:block;white-space:normal;overflow:visible;max-height:none;-webkit-line-clamp:unset;line-clamp:unset;}

/* V49 luxury article cards: same compact horizontal sizing as collaboration marquee. */
.yfi-v47-articles {
  --v49-red:#d81d3a;
}
.yfi-v47-track { gap:12px; padding:0 18px; }
.yfi-v47-card {
  position:relative;
  width:clamp(238px,23vw,294px);
  min-height:148px;
  height:auto;
  gap:10px;
  padding:16px 18px 19px;
  border-radius:18px;
  border:1px solid #e0e6ef;
  color:#171e2a;
  background: radial-gradient(circle at 94% 6%,rgba(221,31,61,.095),transparent 42%),
              linear-gradient(145deg,#fff 12%,#f8fafc 100%);
  box-shadow:0 10px 26px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease,
             border-color .24s ease, background .24s ease;
  transform-origin:center center;
  overflow:hidden;
  cursor:pointer;
}
.yfi-v47-card::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 48%);
}
.yfi-v47-card:hover {
  border-color:#d0d7e1;
  transform:translateY(-4px) rotate(-.4deg);
  box-shadow:0 18px 34px rgba(0,0,0,.21),0 0 0 1px rgba(216,29,58,.10);
}
.yfi-v47-card:active, .yfi-v47-card.yfi-v49-pressed {
  transform:translateY(2px) scale(.965) rotate(.6deg);
  box-shadow:0 5px 13px rgba(0,0,0,.17),0 0 0 2px rgba(216,29,58,.13);
  border-color:#df8391;
}
.yfi-v47-card-upper {position:relative;justify-content:flex-end;min-height:25px;z-index:1;}
.yfi-v47-icon {
  display:grid;
  place-items:center;
  background:#071b33;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  width:26px;height:26px;
  font:800 16px/1 Arial,sans-serif;
  transition:transform .22s ease,background .22s ease;
}
.yfi-v47-card:hover .yfi-v47-icon,
.yfi-v47-card.yfi-v49-pressed .yfi-v47-icon {transform:rotate(35deg) scale(1.07);background:var(--v49-red);}
.yfi-v47-card-title {
  position:relative;
  z-index:1;
  color:#171e2a;
  font-size:clamp(16px,1.2vw,18px);
  font-weight:830;
  line-height:1.48;
  text-wrap:pretty;
  overflow-wrap:break-word;
  word-break:normal;
  white-space:normal;
}
.yfi-v47-card-title .yfi-v49-key {color:var(--v49-red);font-weight:900;}
.yfi-v47-articles[lang="fa"] .yfi-v47-card-title,
.yfi-v47-articles[lang="ar"] .yfi-v47-card-title {
  font-size:clamp(16px,1.22vw,18px);
  line-height:1.68;
}
@media(max-width:700px){
  .yfi-v47-track {gap:10px;padding:0 13px;}
  .yfi-v47-card {width:min(75vw,280px);min-height:146px;padding:14px 15px 18px;}
  .yfi-v47-card-title {font-size:16px;line-height:1.52;}
  .yfi-v47-articles[lang="fa"] .yfi-v47-card-title,
  .yfi-v47-articles[lang="ar"] .yfi-v47-card-title {font-size:16px;line-height:1.7;}
}
@media(prefers-reduced-motion:reduce){
 .yfi-v47-card, .yfi-v47-icon {transition:none!important;}
}
