html.lang-fa {
  font-family: 'Vazirmatn', sans-serif;
}

html.lang-fa body,
html.lang-fa .nav-links a,
html.lang-fa .btn,
html.lang-fa .tl-role,
html.lang-fa .tl-desc,
html.lang-fa .section-title,
html.lang-fa .section-tag,
html.lang-fa h1, html.lang-fa h2, html.lang-fa h3, html.lang-fa h4,
html.lang-fa p, html.lang-fa span, html.lang-fa a, html.lang-fa li,
html.lang-fa .hero-brand,
html.lang-fa .hero-name,
html.lang-fa .hero-greeting,
html.lang-fa .stat-label,
html.lang-fa .detail-label,
html.lang-fa .detail-val,
html.lang-fa .paper-title,
html.lang-fa .paper-conf,
html.lang-fa .contact-platform,
html.lang-fa .contact-handle,
html.lang-fa .edu-field,
html.lang-fa .edu-uni {
  font-family: 'Vazirmatn', sans-serif;
}

html.lang-fa .hero-text { text-align: right; }
html.lang-fa .hero-cta { justify-content: flex-start; }
html.lang-fa .hero-location { flex-direction: row-reverse; justify-content: flex-end; }

html.lang-fa .about-grid { direction: rtl; }
html.lang-fa .about-text { text-align: right; }
html.lang-fa .detail-row { flex-direction: row-reverse; text-align: right; }
html.lang-fa .about-actions { flex-direction: row-reverse; }
html.lang-fa #about p { text-align: right; }

html.lang-fa .timeline::before { right: 50%; left: auto; }
html.lang-fa .tl-item { padding-right: 0; padding-left: 3rem; }
html.lang-fa .tl-item.tl-right { padding-left: 0; padding-right: 3rem; margin-left: 0; margin-right: 50%; }
html.lang-fa .tl-dot { right: auto; left: -7px; }
html.lang-fa .tl-item.tl-right .tl-dot { left: auto; right: -7px; }
html.lang-fa .tl-card { text-align: right; }
html.lang-fa .tl-top { flex-direction: row-reverse; }
html.lang-fa .tl-company { flex-direction: row-reverse; }
html.lang-fa .tl-tags { flex-direction: row-reverse; }
html.lang-fa .paper-card:hover { transform: translateX(-4px); }

@media (max-width: 860px) {
  html.lang-fa .timeline::before { right: auto; left: 20px; }
  html.lang-fa .tl-item,
  html.lang-fa .tl-item.tl-right {
    padding-right: 0; padding-left: 52px; margin-right: 0;
  }
  html.lang-fa .tl-dot,
  html.lang-fa .tl-item.tl-right .tl-dot { left: 14px; right: auto; }
}

html.lang-fa .skill-card-header { flex-direction: row-reverse; }
html.lang-fa .skill-pills { flex-direction: row-reverse; }

html.lang-fa .paper-card { flex-direction: row-reverse; text-align: right; }
html.lang-fa .research-note { flex-direction: row-reverse; text-align: right; }

html.lang-fa .edu-card { flex-direction: row-reverse; text-align: right; }
html.lang-fa .edu-loc { flex-direction: row-reverse; }

html.lang-fa .nav-container { flex-direction: row-reverse; }
html.lang-fa .nav-links { flex-direction: row-reverse; }
html.lang-fa .mobile-menu { right: auto; left: -100%; }
html.lang-fa .mobile-menu.open { left: 0; right: auto; }
html.lang-fa .mobile-close { left: 1.25rem; right: auto; }
html.lang-fa .mobile-menu a { text-align: right; }

html.lang-fa .section-head { direction: rtl; }

html.lang-fa .contact-location { flex-direction: row-reverse; }

html.lang-fa .footer-inner { direction: rtl; }
html.lang-fa .footer-nav { flex-direction: row-reverse; }

html.lang-fa .project-body { text-align: right; }
html.lang-fa .project-meta { flex-direction: row-reverse; }
html.lang-fa .project-stack { flex-direction: row-reverse; }

html.lang-fa .back-top { right: auto; left: 2rem; }

html.lang-fa .cert-overlay { direction: rtl; }

html.lang-fa .hero-stats { direction: rtl; }