/* Article Experience v24 */
:root{
  --article-max:1180px;
  --article-text:760px;
}
html[lang="en"] body{font-family:"Instrument Sans",Arial,sans-serif}
html[lang="en"] .page-hero h1,
html[lang="en"] .prose h2,
html[lang="en"] .quick-answer h2,
html[lang="en"] .article-endcap h2{
  font-family:"Newsreader",Georgia,serif!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
body:has(article.prose){background:#e4ebf0}
body:has(article.prose) .header{
  background:rgba(228,235,240,.97)!important;
  min-height:76px;
  border-bottom:1px solid #bfd0d8!important;
}
body:has(article.prose) .header-row{height:76px!important}
body:has(article.prose) .brand{gap:0!important}
body:has(article.prose) .brand .mark{display:none!important}
body:has(article.prose) .brand-copy strong{font-size:18px!important;font-weight:700!important}
body:has(article.prose) .brand-copy small{font-size:11px!important;line-height:1.5!important}
body:has(article.prose) .header-actions .btn{
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:10px!important;
  border-bottom:1px solid #0b2137!important;
}
body:has(article.prose) .lang{
  border:1px solid #9fb5c0!important;
  background:transparent!important;
  width:38px!important;height:32px!important;
}

body:has(article.prose) .page-hero{
  padding:54px 0 46px!important;
  background:#d7e3e7!important;
  border-bottom:1px solid #bfd0d8;
}
body:has(article.prose) .page-hero-grid{
  width:min(var(--article-max),calc(100% - 56px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  gap:54px!important;
  align-items:end!important;
}
body:has(article.prose) .page-hero .eyebrow{
  font-family:"Vazirmatn","Instrument Sans",Tahoma,sans-serif!important;
  color:#0b6b5e!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  margin-bottom:13px!important;
}
body:has(article.prose) .page-hero h1{
  font-size:clamp(42px,5vw,66px)!important;
  line-height:1.16!important;
  margin:0!important;
  max-width:760px!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
html[lang="fa"] body:has(article.prose) .page-hero h1{letter-spacing:0!important}
body:has(article.prose) .page-hero p{
  max-width:710px!important;
  margin:18px 0 0!important;
  color:#587084!important;
  font-size:14px!important;
  line-height:2!important;
}
.article-meta{
  display:flex;flex-wrap:wrap;gap:8px 14px;
  margin-top:20px;color:#587084;font-size:11px;font-weight:500;
}
.article-meta span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#0b6b5e;margin-inline-end:12px;vertical-align:middle}
body:has(article.prose) .hero-art{
  height:330px!important;
  min-height:0!important;
  border-radius:0!important;
  background:#cfdee3!important;
  overflow:hidden!important;
  border:0!important;
}
body:has(article.prose) .hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body:has(article.prose) .hero-art.hero-art-photo img{filter:saturate(.82) contrast(1.035) brightness(.97)!important}
body:has(article.prose) .hero-art:not(.hero-art-photo) img{object-fit:cover!important}
body:has(article.prose) .section{padding:54px 0 82px!important}
body:has(article.prose) .section>.shell{width:min(var(--article-max),calc(100% - 56px))!important}

.article-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,var(--article-text))!important;
  justify-content:center!important;
  gap:58px!important;
  align-items:start!important;
}
.article-toc{
  position:sticky!important;
  top:100px!important;
  display:grid!important;
  gap:0!important;
  padding:0!important;
  border-top:2px solid #0b2137!important;
  background:transparent!important;
  border-radius:0!important;
}
.article-toc strong{
  padding:12px 0 10px!important;
  color:#0b6b5e!important;
  font-size:11px!important;
  font-weight:750!important;
}
.article-toc a{
  padding:8px 0!important;
  border-top:1px solid #bfd0d8!important;
  color:#587084!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.article-toc a:hover{color:#0b2137!important}
.prose{max-width:var(--article-text)!important;margin:0!important;font-size:16px!important;line-height:1.95!important}
.prose>h2{
  margin:48px 0 13px!important;
  padding-top:8px!important;
  font-size:28px!important;
  line-height:1.5!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
  scroll-margin-top:110px;
}
html[lang="fa"] .prose>h2{letter-spacing:0!important}
.prose>p{margin:0 0 18px!important;color:#303a35!important}
.prose strong{font-weight:750}
.prose a{color:#0b6b5e;text-decoration-thickness:1px;text-underline-offset:3px}
.prose .notice{
  margin:34px 0!important;
  padding:20px 22px!important;
  background:#d5e7e1!important;
  border:0!important;
  border-inline-start:3px solid #0b6b5e!important;
  border-radius:0!important;
  font-size:12px!important;
  line-height:1.9!important;
}
.quick-answer{
  margin:0 0 42px!important;
  padding:0 0 28px!important;
  border-top:2px solid #0b2137!important;
  border-bottom:1px solid #bfd0d8!important;
}
.quick-answer-label{display:block!important;padding-top:13px!important;margin-bottom:7px!important;color:#0b6b5e!important;font-size:11px!important;font-weight:600!important}
.quick-answer h2{margin:0 0 16px!important;padding:0!important;font-size:26px!important}
.quick-answer-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:1px solid #bfd0d8!important}
.quick-answer-grid>div{padding:16px 18px 0 0!important;min-height:120px!important}
.quick-answer-grid>div+div{border-inline-start:1px solid #bfd0d8!important;padding-inline-start:18px!important}
.quick-answer-grid strong{display:block!important;font-size:14px!important;margin-bottom:6px!important}
.quick-answer-grid p{font-size:13px!important;line-height:1.8!important;color:#587084!important;margin:0!important}
.quick-answer.auto-summary .quick-answer-grid p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.article-sequence{
  width:min(980px,calc(100% - 56px))!important;
  margin:0 auto 72px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  border-top:1px solid #0b2137!important;
  border-bottom:1px solid #0b2137!important;
}
.article-sequence a{padding:18px 20px!important;min-height:86px!important}
.article-sequence a+a{border-inline-start:1px solid #bfd0d8!important}
.article-sequence small{display:block!important;color:#0b6b5e!important;font-size:8px!important;margin-bottom:5px!important}
.article-sequence strong{font-size:13px!important;line-height:1.55!important}
.article-endcap{
  width:min(980px,calc(100% - 56px));
  margin:-36px auto 72px;
  padding:24px 0 0;
  border-top:1px solid #bfd0d8;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:end;
}
.article-endcap h2{margin:0;font-size:24px;line-height:1.45}
.article-endcap p{margin:6px 0 0;color:#587084;font-size:11px;line-height:1.8}
.article-endcap a{font-size:10px;font-weight:700;border-bottom:1px solid #0b2137;padding-bottom:3px;white-space:nowrap}
.reading-progress{height:2px!important;background:transparent!important}
.reading-progress span{background:#0b6b5e!important}

@media(max-width:760px){
  body:has(article.prose) .header-row{height:70px!important}
  body:has(article.prose) .brand-copy strong{font-size:17px!important}
  body:has(article.prose) .brand-copy small{font-size:10px!important}
  body:has(article.prose) .page-hero{padding:31px 0 28px!important}
  body:has(article.prose) .page-hero-grid{
    width:calc(100% - 34px)!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  body:has(article.prose) .page-hero h1{font-size:31px!important;line-height:1.38!important}
  html[lang="en"] body:has(article.prose) .page-hero h1{font-size:36px!important;line-height:1.04!important}
  body:has(article.prose) .page-hero p{font-size:14.5px!important;line-height:1.85!important;margin-top:12px!important}
  .article-meta{margin-top:14px;font-size:10.5px}
  body:has(article.prose) .hero-art{height:210px!important}
  body:has(article.prose) .section{padding:34px 0 54px!important}
  body:has(article.prose) .section>.shell{width:calc(100% - 34px)!important}
  .article-layout{grid-template-columns:1fr!important;gap:20px!important}
  .article-toc{position:relative!important;top:auto!important;display:flex!important;overflow-x:auto!important;gap:0!important;padding-bottom:4px!important;scrollbar-width:none}
  .article-toc::-webkit-scrollbar{display:none}
  .article-toc strong{flex:0 0 auto;padding:10px 14px 10px 0!important}
  .article-toc a{flex:0 0 auto;padding:10px 13px!important;border-top:0!important;border-inline-start:1px solid #bfd0d8!important;white-space:nowrap}
  .prose{font-size:16px!important;line-height:1.92!important}
  .prose>h2{margin:38px 0 10px!important;font-size:26px!important;line-height:1.5!important}
  .prose>p{margin-bottom:15px!important}
  .quick-answer{margin-bottom:30px!important;padding-bottom:20px!important}
  .quick-answer h2{font-size:24px!important}
  .quick-answer-grid{grid-template-columns:1fr!important}
  .quick-answer-grid>div{min-height:0!important;padding:12px 0!important}
  .quick-answer-grid>div+div{border-inline-start:0!important;border-top:1px solid #bfd0d8!important;padding-inline-start:0!important}
  .article-sequence{width:calc(100% - 34px)!important;margin-bottom:50px!important;grid-template-columns:1fr!important}
  .article-sequence a{padding:14px 0!important;min-height:0!important}
  .article-sequence a+a{border-inline-start:0!important;border-top:1px solid #bfd0d8!important}
  .article-endcap{width:calc(100% - 34px);margin:-20px auto 54px;grid-template-columns:1fr;gap:12px}
  .article-endcap h2{font-size:24px}
}

/* v25 legacy article header normalization */
body:has(article.prose) .site-header{
  background:rgba(228,235,240,.97)!important;
  min-height:76px;
  border-bottom:1px solid #bfd0d8!important;
}
body:has(article.prose) .site-header .header-row{height:76px!important}
body:has(article.prose) .site-header .header-actions .btn{
  min-height:auto!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;font-size:10px!important;border-bottom:1px solid #0b2137!important;
}