/* Shared surfaces for both languages; logical spacing follows reading direction. */
:root{
  --tile-bg:#f0f5ef;
  --tile-border:#d3dfd4;
  --tile-shadow:0 6px 24px #153e3b06;
  --tile-radius:20px;
}
.hero-copy,.about-copy>p,.facts>div,.publication,.timeline article,
.experience,.skill-grid article,.presentation,#courses details,.soft-skills{
  border:1px solid var(--tile-border);
  border-radius:var(--tile-radius);
  background:var(--tile-bg);
  box-shadow:var(--tile-shadow);
  min-width:0;
}
.hero-copy{
  padding:clamp(24px,3vw,42px);
  background:linear-gradient(145deg,#f3f7f0,#e8f0e7);
  position:relative;
}
.hero-copy::before{
  content:'';display:block;width:42px;height:4px;border-radius:4px;
  background:#63927a;margin-bottom:24px;
}
.hero{align-items:stretch}
.hero-art{min-height:100%;height:auto}
.hero-copy h1{font-size:clamp(36px,4vw,58px)}
html[lang=fa] .hero-copy h1{font-size:clamp(34px,3.55vw,51px)}
.hero-copy .intro{max-width:none}
.hero-foot{
  padding-top:18px;border-top:1px solid #ccdacd;
  align-items:center;
}
.image-note{
  inset-inline:24px;bottom:24px;padding:20px 24px;
  border:1px solid #effffb55;border-radius:18px;
  background:linear-gradient(135deg,#f2fff51c,#ffffff06 48%,#103d3826);
  box-shadow:inset 0 1px 0 #ffffff42,inset 0 -1px 0 #ffffff12,0 8px 28px #082c3414;
  -webkit-backdrop-filter:blur(3px) saturate(115%);
  backdrop-filter:blur(3px) saturate(115%);
  text-shadow:0 1px 4px #062e35aa;
}
.hero-art:after{background:linear-gradient(0deg,#092f3299,transparent 62%)}
@supports not ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){
  .image-note{background:linear-gradient(135deg,#143f3b55,#143f3b33)}
}
html[lang=fa] .image-note{inset-inline:24px;bottom:24px}
.image-note strong{font-size:28px}
.image-note .art-caption{margin-top:10px}
.network-strip{border:0;background:transparent}
.network-inner{flex-wrap:wrap;justify-content:flex-start;padding-block:8px 24px;gap:12px}
.network-inner>span{margin-inline-end:auto}
.network-inner a{
  background:#edf3ec;border:1px solid var(--tile-border);border-radius:12px;
  padding:12px 18px;font-size:13px;transition:background .2s,border-color .2s;
}
.network-inner a:hover{background:#e1eddf;border-color:#9eb7a6}
.about-copy{column-gap:42px;row-gap:16px;align-items:start}
.about-copy>p{padding:26px 28px;margin:0;border-inline-start:3px solid #98b9a4}
.about-copy>.facts{margin-top:8px}
.facts{border-top:0;padding-top:0;gap:16px}
.facts>div{padding:22px 26px;background:#e8f0e6}
.research-card{border-radius:var(--tile-radius);box-shadow:var(--tile-shadow)}
.research-card .tags span{background:#e6eee3;border:0;border-radius:7px;padding:6px 10px}
#publication-list{display:grid;gap:14px}
.publication,.publication:last-child{
  padding:24px;border:1px solid var(--tile-border);
  background:#f1f5ef;align-items:start;
}
.publication:hover{background:#eaf2e7;border-color:#acc5b1}
.pub-year{display:inline-flex;justify-content:center;align-items:center;min-height:32px;padding:5px 8px;background:#e1ebdf;border-radius:8px}
.pub-link{background:#fff9;border-color:#b9cdbd}
.pub-meta{line-height:1.9}
.section-note{max-width:850px}
.journey-grid{gap:32px;align-items:start}
.column-title{border:0;margin-bottom:18px;padding-bottom:0}
.timeline,html[lang=fa] .timeline{border:0;margin:0;padding:0;display:grid;gap:14px}
.timeline article{padding:22px 24px;margin:0;background:#f7f9f3}
.timeline article::before{display:none}
.timeline h3{margin-top:12px}
.timeline p{margin-bottom:0}
.experience{padding:26px;background:#f7f9f3}
.experience ul{margin-bottom:0}
.skill-grid{gap:18px}
.skill-grid article{padding:24px;background:#edf3ea}
.skill-grid h3{margin-bottom:18px}
.pills span{background:#f9fbf6;border-color:#d3dfce;border-radius:8px}
.soft-skills{padding:20px 24px;margin-top:18px;line-height:2.1;background:#e8f0e6}
.further{gap:32px}
.presentation{padding:23px 25px;margin-bottom:14px}
.presentation h3{margin-block:12px}
.presentation small{display:inline-block;border-radius:6px;padding:3px 9px;background:#e1ebdd}
#courses{display:grid;gap:12px;margin-top:24px}
#courses details{padding-inline:22px;overflow:hidden;background:#f0f5ed}
#courses details:last-child{border-bottom:1px solid var(--tile-border)}
#courses summary{align-items:center;padding-block:20px}
#courses summary::after{color:#527f6e;flex-shrink:0}
#courses details[open]{background:#f8faf5;border-color:#adc5b3}
.course-item:last-child{padding-bottom:20px}
.contact-grid>div{
  padding:26px;border:1px solid #76998c55;border-radius:var(--tile-radius);
  background:#ffffff07;min-width:0;
}
.contact-grid>div p{max-width:none}
.contact-links{justify-content:flex-start;gap:12px}
.contact-links a{padding:10px 16px;border:1px solid #789c8b66;border-radius:10px;background:#ffffff08;transition:background .2s}
.contact-links a:hover{background:#ffffff14}
@media(max-width:1050px){
  .hero-copy{padding:24px}.hero{gap:24px}
  html[lang=fa] .hero-copy h1{font-size:36px}
  .image-note{padding:18px;inset-inline:18px}
  .image-note strong{font-size:24px}
  .network-inner>span{width:100%}
}
@media(max-width:760px){
  :root{--tile-radius:16px}
  .hero-copy{padding:24px 20px}.hero-copy::before{margin-bottom:18px}
  html[lang=fa] .hero-copy h1{font-size:clamp(29px,8vw,39px)}
  .hero-art{min-height:0;height:440px}
  .image-note,html[lang=fa] .image-note{inset-inline:16px;bottom:16px;padding:16px}
  html[lang=fa] .image-note strong{font-size:22px}
  .network-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .network-inner>span{grid-column:1/-1}
  .network-inner a{text-align:center;padding:12px 8px;font-size:12px}
  .about-copy>p{padding:22px;margin-block:16px}
  .facts{grid-template-columns:1fr;gap:12px}
  .facts>div{padding:20px}
  .publication,.publication:last-child{padding:18px 14px;grid-template-columns:42px minmax(0,1fr) 24px}
  html[lang=fa] .publication{gap:10px}
  .pub-year{font-size:11px;padding-inline:3px}
  .timeline article,.experience,.skill-grid article,.presentation{padding:22px 20px}
  .contact-grid>div{padding:22px 18px}
  .contact-links a{font-size:12px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.network-inner a,.contact-links a{transition:none}}
/* Prominent profile rail and paper-first publication cards. */
.network-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:12px 28px}
.network-inner>span{grid-column:1/-1;width:auto;font-size:14px;letter-spacing:0;margin:0 0 4px}
.network-inner a{min-height:76px;display:flex;align-items:center;justify-content:center;font-size:18px;padding:18px;border-radius:16px;font-weight:600;background:linear-gradient(135deg,#e1eddf,#eff5ec)}
html[lang=fa] .network-inner a{font-size:18px}
.section>.eyebrow,.section .section-head .eyebrow,.about-copy>.eyebrow,.journey .wrap>.eyebrow,.further .eyebrow,.contact .wrap>.eyebrow{font-size:15px;font-weight:650;letter-spacing:.5px}
html[lang=fa] .section .eyebrow,html[lang=fa] .contact .eyebrow{font-size:17px;font-weight:650;letter-spacing:0}
html[lang=fa] .hero .eyebrow{font-size:12px}
.research-card h3{margin-top:0}
#publication-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.publication,.publication:last-child,html[lang=fa] .publication{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;align-items:stretch}
.paper-preview{display:block;height:240px;overflow:hidden;background:#fff;border-bottom:1px solid var(--tile-border);padding:16px 18px 0;transition:background .2s}
.paper-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s}
.paper-preview:hover img{transform:scale(1.025)}
.paper-preview:focus-visible{outline-offset:-5px}
.paper-body{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.paper-body h3{margin:0;width:100%}
.paper-body .pub-year{font-size:12px}
.paper-body .pub-meta{margin-top:auto}
.paper-body .pub-link{align-self:flex-end;flex-shrink:0}
@media(max-width:760px){
 .network-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .network-inner a,html[lang=fa] .network-inner a{font-size:11px;min-height:62px;padding:12px 4px;border-radius:10px}
 #publication-list{grid-template-columns:1fr;gap:18px}
 .paper-preview{height:220px;padding:12px 12px 0}
 .paper-body{padding:20px}
 html[lang=fa] .section .eyebrow{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.paper-preview img{transition:none}}