/* pages/instructor.css — بخشی از سیستم سبک سایت عمومی پلاس */
.prof-grid{display:grid;grid-template-columns:290px minmax(0,1fr);
  gap:clamp(24px,4vw,56px);align-items:center}
.prof-photo{position:relative}
.prof-badge{position:absolute;inset-block-end:14px;inset-inline-start:14px;z-index:3;
  font-family:var(--font-display);font-size:11px;font-weight:800;color:#fff;
  padding:7px 13px;border-radius:var(--chip-radius);
  background:rgba(8,14,32,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.prof-copy h1{font-family:var(--font-display);font-size:clamp(30px,4.4vw,52px);font-weight:900;
  color:#fff;line-height:1.3}
.prof-copy .role{font-size:14px;color:var(--accent-soft);margin-block:10px 16px}
.prof-copy .lede{max-inline-size:52ch}
.prof-stats{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:26px}
.prof-stats div{flex:1 1 130px;padding:14px 16px;border-radius:16px;
  border:1px solid var(--line-strong);background:rgba(11,18,38,.5);backdrop-filter:blur(8px);
  font-size:11.5px;color:#93A5C6}
.prof-stats b{display:block;font-family:var(--font-display);font-size:22px;font-weight:900;
  color:#fff;margin-block-end:4px}
.prof-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-block-start:26px}
.prof-act .btn svg{inline-size:17px;block-size:17px}
.pq{position:relative;margin-block-start:24px;padding:22px 26px;border-radius:var(--card-radius);
  border:1px solid color-mix(in oklab,var(--teal-600) 22%,transparent);
  background:color-mix(in oklab,var(--teal-600) 6%,transparent)}
.pq p{font-family:var(--font-display);font-size:clamp(15px,1.9vw,18px);font-weight:800;
  line-height:2;color:var(--fg);max-inline-size:52ch}
.pq cite{display:block;margin-block-start:12px;font-style:normal;font-size:12.5px;
  color:var(--teal-600)}
.exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.exp-c{padding:20px;border:1px solid var(--line);border-radius:var(--card-radius);
  background:var(--surface)}
.exp-i{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:13px;
  color:var(--teal-600);background:color-mix(in oklab,var(--teal-600) 11%,transparent);
  margin-block-end:14px}
.exp-i svg{inline-size:21px;block-size:21px}
.exp-c b{display:block;font-family:var(--font-display);font-size:15px;font-weight:900;color:var(--fg)}
.exp-d{display:block;margin-block-start:8px;font-size:13px;line-height:2;color:var(--fg-muted)}
.rline{list-style:none;position:relative}
.rline::before{content:"";position:absolute;top:12px;bottom:12px;right:7px;
  inline-size:2px;background:var(--line)}
.rline li{position:relative;display:flex;gap:20px;flex-wrap:wrap;
  padding:0 30px 24px 0}
.rline li::before{content:"";position:absolute;top:8px;right:0;z-index:2;
  inline-size:16px;block-size:16px;border-radius:50%;
  background:var(--bg-elev);border:3px solid var(--teal-600)}
.rline li:last-child{padding-block-end:0}
.ry{flex:none;min-inline-size:11ch;font-family:var(--font-display);font-size:12px;
  font-weight:800;color:var(--teal-600);padding-block-start:2px}
.rline b{display:block;font-family:var(--font-display);font-size:15px;font-weight:900;color:var(--fg)}
.rd{display:block;margin-block-start:5px;font-size:12.5px;color:var(--fg-muted)}
.rk{display:block;margin-block-start:4px;font-style:normal;font-size:11px;
  font-weight:700;color:var(--fg-muted)}
@media (max-width:1040px){
.prof-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
.rline li{padding-inline-end:26px}
.ry{min-inline-size:100%}
}