.elementor-75111 .elementor-element.elementor-element-2b3c53ec{--display:flex;}@media(min-width:768px){.elementor-75111 .elementor-element.elementor-element-2b3c53ec{--content-width:1600px;}}/* Start custom CSS for text-editor, class: .elementor-element-6c2ea58 *//* * =============================================
     * -- استایل‌های عمومی و اصلی بدنه --
     * =============================================
    */
    body {
        font-family: 'IRANSans', Tahoma, Arial, sans-serif;
        direction: rtl;
        text-align: right;
        background-color: #0D1B2A;
        margin: 0;
        padding: 15px;
        color: white; /* رنگ متن پیش‌فرض برای کل صفحه */
    }

    /* * =============================================
     * -- ساختار و بلوک‌های اصلی مقاله --
     * =============================================
    */
    .article-intro,
    .article-section,
    .faq-section {
        background-color: #1A2E40; /* پس‌زمینه بلوک‌های محتوا */
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    /* * =============================================
     * -- استایل‌های تایپوگرافی (عناوین، پاراگراف‌ها و ...) --
     * =============================================
    */
    h1, h2, h3 {
        color: #FFC107; /* رنگ طلایی برای همه عناوین */
    }

    /* استایل اختصاصی برای عناوین بخش‌ها */
    .article-section h2,
    .faq-section h2 {
        border-bottom: 2px solid #2a4a69;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    p {
        line-height: 1.8;
        font-size: 16px;
        text-align: justify;
    }

    strong {
        color: #FFC107;
    }

    ul {
        padding-right: 20px;
    }

    li {
        margin-bottom: 10px;
        line-height: 1.8;
    }

    /* * =============================================
     * -- استایل‌های اجزای خاص (جدول، نکات، مثال‌ها) --
     * =============================================
    */

    /* استایل‌های جدول فهرست مطالب (Table of Contents) */
    .toc-table {
        width: 100%;
        border-collapse: collapse;
        background-color: #ffffff;
        border: 1px solid #dee2e6;
        font-size: 14px;
        margin-top: 25px;
        margin-bottom: 1rem;
        color: #000000;
    }
    .toc-table thead {
        background-color: #000000 !important;
        color: white !important;
    }
    .toc-table th {
        padding: 0.75rem;
        vertical-align: middle;
        border: 1px solid #dee2e6;
        text-align: center !important;
        font-weight: bold;
        color: white !important;
    }
    .toc-table td {
        padding: 0.75rem;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
        text-align: right !important;
        padding-right: 15px !important;
        color: #000000 !important;
    }
    .toc-table td a {
        text-decoration: none;
        color: #0056b3;
        font-weight: bold;
    }
    .toc-table td a:hover {
        text-decoration: underline;
    }
    .toc-table tbody tr:hover {
        background-color: #f8f9fa !important;
    }

    /* استایل برای بلوک نقل قول یا نکته شخصی */
    .personal-note {
        background-color: #0D2840;
        border-right: 4px solid #FFC107;
        padding: 15px;
        margin: 20px 0;
        border-radius: 4px;
        font-style: italic;
    }
    .personal-note p {
        font-size: 15px;
        margin: 0;
    }

    /* استایل برای بلوک مثال */
    .example-box {
        background-color: #1f354d;
        padding: 15px;
        border: 1px dashed #4a6a89;
        border-radius: 5px;
        margin: 20px 0;
    }
    .example-box p {
        margin: 0;
    }
    
    /* * =============================================
     * -- استایل‌های بخش سوالات متداول (FAQ) --
     * =============================================
    */
    .faq-section h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .faq-item {
        margin-bottom: 15px;
    }

    .faq-question {
        background-color: #2a4a69;
        color: #ffffff;
        padding: 15px;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
        font-weight: bold;
    }

    .faq-question::before {
        content: '+';
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: bold;
        transition: transform 0.2s ease-in-out;
    }
    
    /* استایل برای زمانی که سوال باز می‌شود */
    .faq-question.open::before {
        transform: translateY(-50%) rotate(45deg);
    }

    .faq-answer {
        background-color: #1f354d;
        color: #e0e0e0;
        padding: 15px;
        border-radius: 0 0 5px 5px;
        line-height: 1.7;
        text-align: justify;
        display: none; /* مخفی در حالت اولیه */
        border-top: 1px solid #2a4a69; /* یک جداکننده ظریف */
    }/* End custom CSS */