@font-face {
  font-family: 'Poppins';
  src: url('IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  background: #f5f7fa;
  font-size: 16px;
}

.noai-article-content {
  font-family: 'Poppins', Arial, sans-serif !important;
  text-align: right;
  background: #f5f7fa;
  color: #222;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 25px;
  border-radius: 20px;
  box-shadow: none
}

.noai-article-content h1,
.noai-article-content h2,
.noai-article-content h3 {
  font-family: 'Poppins', Arial, sans-serif !important;
  display: block;            /* برای اینکه زیر هم بیایند */
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding-bottom: 4px;
  margin: 0 0 1.1em;
  clear: both;               /* اگر جایی float بود، مشکل هم‌ردیفی حل شود */
}

/* ——— h1 با رنگ اصلی سایت ——— */
.noai-article-content h1 {
  color: #ff0000;
  border-bottom: 2px solid #ff0000;
  margin-bottom: 1.4em;
}

.noai-article-content h2 {
  color: #ff0000;
  border-bottom: 2px solid #ff0000;
  margin-top: 2.4em;
}

.noai-article-content h3 {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
  margin-top: 2em;
}

.noai-article-content p {
  color: #000;
  margin: 0 0 1.3em;
}
/* Make lists (including TOC bullets) match paragraph color */
.noai-article-content ul,
.noai-article-content ol,
.noai-article-content li {
  color: #000;
}
.noai-article-content li::marker { color: #000; }

/* If TOC comes right after an H2 */
.noai-article-content h2 + ul { margin-top: .6em; padding-left: 1.2em; }
.noai-article-content h2 + ul li { margin: .15em 0; }



.noai-article-content img {
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.noai-article-content .noai-img {
  text-align: center;
  margin: 2.2em auto;
  max-width: 600px;
}

.noai-article-content .noai-img img {
  width: 100%;
  border-radius: 16px;
  display: block;
}

/* ——— FAQ Styles (اینجا بیار، نه داخل HTML) ——— */
.noai-faq { margin: 3em 0; }

.noai-faq h2 {
  display:block;
  margin:0 0 1rem;
  padding-bottom:4px;
  border-bottom:2px solid #ff0000;
}

.noai-faq details {
  border:1px solid #e7e7e7;
  border-radius:12px;
  background:#f9f9f9;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  margin-bottom:10px;
  overflow:hidden;
}

.noai-faq summary {
  list-style:none;
  cursor:pointer;
  padding:14px 48px 14px 16px;
  position:relative;
  font-weight:600;
  color:#000;  /* متن سوال با تم هماهنگ می‌شود */
  outline:none;
}

.noai-faq summary::-webkit-details-marker { display:none; }

.noai-faq summary:after {
  content:"+";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-weight:800;
  font-size:18px;
  color:#000;            /* آیکون همیشه مشکی */
}

.noai-faq details[open] summary:after {
  content:"−";
  color:#000;            /* آیکون باز هم مشکی */
}

.noai-faq .a {
  padding:12px 16px 16px;
  border-top:1px solid #f0f0f0;
  color:#000;  /* متن پاسخ با تم هماهنگ */
  line-height:1.75;
}