
/* ==================== š’ˇ Ų§Ų³ŲŖŲ§ŪŁ„ā€Ł‡Ų§Ū Ł…Ų­ŲŖŁŲ§Ū Ł¾Ų§Ų±Ų³ Ł†ŁŪŲ³ ==================== */
.pai-article-wrapper { font-family: "Vazirmatn", "IRANSans", system-ui, -apple-system, sans-serif; line-height: 2.1; color: #334155; max-width: 100%; overflow-x: hidden; direction: rtl; padding: 0 8px; font-size: 1.05em; }
.pai-article-wrapper h1 { background: linear-gradient(135deg, #1e40af 0%, #7c3aed 50%, #db2777 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: clamp(1.8em, 4vw, 2.6em); margin-bottom: 10px; padding-bottom: 15px; font-weight: 900; border-bottom: 3px solid transparent; border-image: linear-gradient(90deg, #2563eb, #9333ea, #db2777) 1; line-height: 1.4; }
.pai-article-wrapper h2 { color: #1e40af; border-right: 5px solid #3b82f6; padding: 12px 18px 12px 15px; margin: 45px 0 20px; font-size: clamp(1.4em, 3vw, 1.9em); font-weight: 800; background: linear-gradient(90deg, #eff6ff, #f8fafc); border-radius: 0 10px 10px 0; }
.pai-article-wrapper h3 { color: #334155; font-weight: 700; margin: 30px 0 15px; font-size: 1.3em; padding-right: 12px; border-right: 3px solid #94a3b8; }
.pai-article-wrapper p { margin-bottom: 18px; text-align: justify; }
.pai-article-wrapper ul, .pai-article-wrapper ol { padding-right: 30px; margin-bottom: 22px; }
.pai-article-wrapper li { margin-bottom: 10px; line-height: 1.9; }

/* Ų¬ŲÆŲ§ŁŁ„ */
.pai-table-content { width: 100%; border-collapse: collapse; margin: 30px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border: 1px solid #e2e8f0; font-size: 0.95em; }
.pai-table-content thead { background: linear-gradient(135deg, #1e40af, #3b82f6, #60a5fa); color: white; }
.pai-table-content th { padding: 16px 18px; text-align: right; font-weight: 700; }
.pai-table-content td { padding: 13px 18px; border-bottom: 1px solid #f1f5f9; background: #fff; color: #475569; vertical-align: top; }
.pai-table-content tbody tr:nth-child(even) td { background-color: #f8fafc; }
.pai-table-content tbody tr:hover td { background-color: #eff6ff; transition: 0.2s; }

/* ŲØŲ§Ś©Ų³ā€Ł‡Ų§Ū ŁŪŚŁ‡ */
.pai-highlight-box { background: linear-gradient(135deg, #fef3c7, #fde68a); border-right: 5px solid #f59e0b; padding: 18px 22px; border-radius: 10px; margin: 25px 0; color: #92400e; font-weight: 500; box-shadow: 0 2px 8px rgba(245,158,11,0.15); }
.pai-info-box { background: linear-gradient(135deg, #dbeafe, #bfdbfe); border-right: 5px solid #3b82f6; padding: 18px 22px; border-radius: 10px; margin: 25px 0; color: #1e40af; box-shadow: 0 2px 8px rgba(59,130,246,0.12); }
.pai-warning-box { background: linear-gradient(135deg, #fee2e2, #fecaca); border-right: 5px solid #ef4444; padding: 18px 22px; border-radius: 10px; margin: 25px 0; color: #991b1b; box-shadow: 0 2px 8px rgba(239,68,68,0.12); }
.pai-success-box { background: linear-gradient(135deg, #d1fae5, #a7f3d0); border-right: 5px solid #059669; padding: 18px 22px; border-radius: 10px; margin: 25px 0; color: #065f46; box-shadow: 0 2px 8px rgba(5,150,105,0.12); }
.pai-purple-box { background: linear-gradient(135deg, #ede9fe, #ddd6fe); border-right: 5px solid #7c3aed; padding: 18px 22px; border-radius: 10px; margin: 25px 0; color: #5b21b6; box-shadow: 0 2px 8px rgba(124,58,247,0.12); }
.pai-medical-disclaimer { background: linear-gradient(135deg, #fef2f2, #fee2e2); border: 2px solid #fca5a5; border-radius: 12px; padding: 20px 25px; margin: 30px 0; color: #991b1b; font-weight: 600; }
.pai-recipe-box { background: #fffbeb; border: 2px solid #fbbf24; border-radius: 12px; padding: 25px; margin: 25px 0; }
.pai-recipe-meta { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 15px; }
.pai-recipe-meta span { background: #fef3c7; padding: 6px 14px; border-radius: 20px; font-size: 0.9em; color: #92400e; font-weight: 600; }

/* Ł…Ų±Ų§Ų­Ł„ Ł FAQ */
.pai-step-box { background: #fff; border: 2px solid #e2e8f0; border-radius: 12px; padding: 22px; margin: 20px 0; position: relative; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: all 0.3s; }
.pai-step-box:hover { border-color: #3b82f6; box-shadow: 0 4px 20px rgba(59,130,246,0.1); }
.pai-step-box .step-number { position: absolute; top: -15px; right: 20px; background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1em; box-shadow: 0 2px 8px rgba(37,99,235,0.3); }
details.pai-faq-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
details.pai-faq-item[open] { border-color: #3b82f6; box-shadow: 0 4px 15px rgba(59,130,246,0.12); }
summary.pai-faq-question { padding: 16px 22px; cursor: pointer; font-weight: 700; color: #1e293b; list-style: none; display: flex; justify-content: space-between; align-items: center; background: #f8fafc; user-select: none; transition: background 0.2s; }
summary.pai-faq-question::-webkit-details-marker { display: none; }
summary.pai-faq-question::after { content: "+"; font-size: 1.6em; color: #3b82f6; font-weight: bold; transition: transform 0.3s; line-height: 1; }
details.pai-faq-item[open] summary.pai-faq-question::after { content: "ā’"; transform: rotate(180deg); color: #ef4444; }
details.pai-faq-item[open] summary.pai-faq-question { background: #eff6ff; color: #1d4ed8; border-bottom: 1px solid #e2e8f0; }
.pai-faq-answer { padding: 20px 22px; color: #475569; line-height: 2; background: #fff; }

/* ŁŁ‡Ų±Ų³ŲŖ Ł…Ų·Ų§Ł„ŲØ */
.pai-toc { background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border: 2px solid #bae6fd; border-radius: 12px; padding: 25px; margin: 25px 0; }
.pai-toc-title { font-weight: 800; color: #0369a1; font-size: 1.2em; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }
.pai-toc ol { padding-right: 20px; }
.pai-toc a { color: #0284c7; text-decoration: none; }
.pai-toc a:hover { text-decoration: underline; }
.pai-divider { height: 2px; background: linear-gradient(90deg, transparent, #cbd5e1, transparent); margin: 35px 0; border: none; }