@font-face {
  font-family: 'Doran';
  src: url('../fonts/doran/Doran-VF.woff2') format('woff2'),
       url('../fonts/doran/Doran-VF.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Single family everywhere; weights from the variable font axis */
:root {
  --font-family: 'Doran', 'Tahoma', 'Segoe UI', sans-serif;
  --font-display: var(--font-family);
  --font-body: var(--font-family);
  --font-mono: var(--font-family);
  --font-fa-display: var(--font-family);
  --font-fa-body: var(--font-family);
  --body-weight: 400;
  --headline-weight: 900;
}

.display-xxl {
  font-weight: var(--headline-weight);
}
* {
  letter-spacing: 0 !important;
}
body {
  font-family: var(--font-body);
  font-weight: var(--body-weight);
}

.display, h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: var(--headline-weight);
}
.hero__num{
  font-weight: 900;
  line-height: 1.2;
}


.eyebrow {

  font-weight: 600;
}


/* ---- Layout (RTL mirrors) ---- */
.nav__link.is-active::before { left: 14px; right: 14px; }

.page-banner__meta { flex-direction: row-reverse; }

/*
 * Footer: با dir=rtl مقدارهای «start» همان راست است. والد برای دسکتاپ از flex-start/start
 * استفاده می‌کند؛ flex-end یا text-align:end در ستون عمودی در RTL را به چپ می‌چسباند.
 * در max-width:880px والد همه را center می‌کند — برای فارسی با راست‌چینی برمی‌گردانیم.
 */
.footer__col h4 {
  text-align: start;
}
.footer__col a:hover {
  transform: translateX(-4px);
}

@media (max-width: 880px) {
  .footer {
    text-align: start;
  }
  .footer__brand-block {
    align-items: flex-start;
    text-align: start;
  }
  .footer__brand {
    justify-content: flex-start;
  }
  .footer__tagline {
    margin-left: unset;
    margin-right: unset;
    margin-inline: 0;
  }
  .footer__col ul {
    align-items: flex-start;
  }
  .footer__bottom {
    align-items: flex-start;
    text-align: start;
  }
  .footer__social {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .footer__cta {
    justify-content: flex-start;
  }
}

.btn:hover .btn__arrow { transform: translateX(-4px); }

.timeline               { padding-left: 0; padding-right: 32px; }
.timeline::before       { left: auto; right: 0; }
.tl-item::before        { left: auto; right: -36px; }

.pull-quote             { border-left: none; border-right: 2px solid var(--accent); padding: 0 24px 0 0; margin: 56px 0; }
.stat-callout           { border-left: none; border-right: 3px solid var(--accent); }
.article-foot__source strong { margin-right: 0; margin-left: 8px; }

.note-bar { border-left: none; border-right: 2px solid var(--accent); }

.player-frame__corner { left: auto; right: 16px; }
.player-info .tag { align-self: flex-end; }

.album-filter__count { margin-left: 0; margin-right: auto; }
@media (max-width: 720px) { .album-filter__count { margin-left: 0; margin-right: 16px; } }
.photo__num { left: auto; right: 12px; }
.lightbox__nav svg { transform: scaleX(-1); }
.lightbox__meta { text-align: left; }

.article-meta-row .read-time::before { margin-right: 0; margin-left: 12px; }

.mwall-card { border-left: 1px solid var(--border-soft); border-right: 2px solid var(--accent); }

.media-card__playicon { right: auto; left: 14px; }
.media-card__duration { left: auto; right: 14px; }
.play-button svg,
.media-card__playicon svg { transform: scaleX(-1); }

.gi__type { left: auto; right: 14px; }

.quote-banner__icon { transform: scaleX(-1); }

.vc-cta__icon svg { transform: scaleX(-1); }

.dualcta__cell              { border-right: none; border-left: 1px solid var(--border-soft); }
.dualcta__cell:last-child   { border-left: none; }

.actions .progress__bar-fill { left: auto; right: 0; }
.actions .share-tile { align-items: flex-end; text-align: right; }

.doc__dl { direction: rtl; }

.news-item:hover           { padding-left: 0; padding-right: 12px; }
@media (max-width: 720px) {
  .news-item:hover         { padding-right: 24px; }
}

.hero__eyebrow { flex-direction: row-reverse; justify-content: center; }


@media (max-width: 540px) {
  .photo__num { right: 8px; left: auto; }
}
.quote-banner__text {
  font-family: var(--font-body);
  font-weight: 600;
}
.nav__brand-name {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 900;
  color: var(--text-primary);
  line-height: normal;
}
.incident__cell-value {
  font-family: var(--font-body);
  font-weight:700;
}
.hero__title {
  line-height: 1.3;
}
.nav__drawer .nav__link {
  font-family: var(--font-body);
  font-weight:800;
}