.elementor-8611 .elementor-element.elementor-element-12556aba{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-43bcf757 */<style>
/* تم روشن، کیهانی و خوانا (Light & Ethereal) کاملاً هماهنگ با قالب سایت شما */
.a-wrapper {
    background: #ffffff; /* هماهنگ با بک‌گراند روشن سایت */
    color: #334155; /* رنگ متن تیره و بسیار خوانا */
    font-family: 'Tahoma', 'Segoe UI', sans-serif;
    line-height: 2.2;
    font-size: 16px;
    direction: rtl;
    text-align: right;
    padding: 20px;
    max-width: 950px;
    margin: 0 auto;
}

/* هدر اصلی */
.a-hero {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    margin-bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.a-badge { background: #e0e7ff; color: #4338ca; padding: 6px 16px; border-radius: 30px; font-size: 0.9em; font-weight: bold; margin-bottom: 20px; border: 1px solid #c7d2fe; }
.a-h1 { color: #0f172a; font-size: 2.4em; margin-bottom: 15px; line-height: 1.5; }
.a-h1 .kw { font-size: 0.55em; color: #64748b; font-weight: normal; display: block; margin-top: 10px; }
.a-sub { color: #64748b; margin-bottom: 30px; font-size: 1.1em; }

/* دایره‌های درخشان سیارات */
.a-orbs { display: flex; justify-content: center; align-items: center; gap: 25px; flex-wrap: wrap; margin: 35px 0; }
.a-orb { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.a-orb-c { width: 65px; height: 65px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 28px; color: #fff; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 6px 15px rgba(0,0,0,0.1); }
.a-orb:hover .a-orb-c { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.os .a-orb-c { background: linear-gradient(135deg, #f59e0b, #d97706); }
.om .a-orb-c { background: linear-gradient(135deg, #94a3b8, #475569); }
.oe .a-orb-c { background: linear-gradient(135deg, #10b981, #059669); }
.ov .a-orb-c { background: radial-gradient(circle at 35% 35%, #f472b6, #be185d); }
.or .a-orb-c { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.a-orb-l { font-weight: bold; font-size: 0.95em; color: #475569; }

/* متن‌های اصلی و تیترها */
.a-intro { font-size: 1.15em; line-height: 2.2; text-align: justify; color: #334155; }
.a-intro strong { color: #0f172a; }
.a-h2 { color: #0f172a; margin-top: 60px; border-bottom: 2px solid #f1f5f9; padding-bottom: 15px; font-size: 1.7em; }
.a-h2 i { color: #f59e0b; font-style: normal; margin-left: 8px;}
.a-h3 { color: #2563eb; margin-top: 40px; font-size: 1.4em; border-right: 4px solid #3b82f6; padding-right: 15px; background: linear-gradient(90deg, #eff6ff 0%, transparent 100%); padding-top: 5px; padding-bottom: 5px; }
.a-prose p { line-height: 2.2; text-align: justify; margin-bottom: 20px; color: #334155; font-size: 1.05em; }
.a-prose a, .a-hl a, .a-list a { color: #2563eb; text-decoration: none; border-bottom: 1px dashed #3b82f6; transition: 0.3s; font-weight: bold; }
.a-prose a:hover, .a-hl a:hover { color: #1d4ed8; }

/* جدول با تم روشن و مدرن */
.a-tbl-wrap { overflow-x: auto; margin: 40px 0; border-radius: 16px; border: 1px solid #e2e8f0; background: #ffffff; box-shadow: 0 10px 25px rgba(0,0,0,0.03); }
.a-tbl { width: 100%; border-collapse: collapse; }
.a-tbl th { background: #f8fafc; padding: 20px; text-align: right; color: #0f172a; font-weight: bold; border-bottom: 2px solid #e2e8f0; font-size: 1.1em; }
.a-tbl td { padding: 20px; border-bottom: 1px solid #f1f5f9; color: #475569; vertical-align: middle; }
.pnc { display: flex; align-items: center; gap: 12px; font-weight: bold; color: #0f172a; font-size: 1.1em; }
.pd { width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.kp { background: #f1f5f9; padding: 6px 12px; border-radius: 8px; font-size: 0.9em; color: #334155; border: 1px solid #e2e8f0; }

/* کارت‌ها */
.a-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 35px; margin-bottom: 35px; box-shadow: 0 10px 25px rgba(0,0,0,0.04); transition: transform 0.3s, box-shadow 0.3s; }
.a-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); border-color: #cbd5e1; }
.a-card-head { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; border-bottom: 1px solid #f1f5f9; padding-bottom: 25px; }
.a-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 30px; color:#fff; flex-shrink:0; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.1); }
.cs .a-icon { background: linear-gradient(135deg, #f59e0b, #d97706); }
.cm .a-icon { background: linear-gradient(135deg, #94a3b8, #475569); }
.ce .a-icon { background: linear-gradient(135deg, #10b981, #059669); }
.cv .a-icon { background: radial-gradient(circle at 35% 35%, #f472b6, #be185d); }
.cr .a-icon { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.a-ct { font-weight: bold; font-size: 1.3em; color: #0f172a; }
.a-cr { font-size: 0.95em; color: #64748b; margin-top: 8px; }
.a-cb p { text-align: justify; margin-bottom: 20px; color: #334155; font-size: 1.05em; }
.a-ctag { display: inline-block; padding: 10px 20px; border-radius: 8px; font-size: 0.95em; margin-top: 15px; font-weight: bold; border: 1px solid; background: #f8fafc; }

/* باکس‌های تمرین */
.a-hl { background: #f0fdf4; border-right: 6px solid #10b981; padding: 30px; border-radius: 16px; margin: 40px 0; border: 1px solid #bbf7d0; }
.a-hl.gd { border-right-color: #3b82f6; background: #eff6ff; border-color: #bfdbfe; }
.ht { font-weight: bold; margin-bottom: 15px; font-size: 1.2em; color: #0f172a; }
.a-hl p { margin: 0; color: #334155; font-size: 1.05em; line-height: 2.2;}

.a-div { text-align: center; color: #cbd5e1; margin: 50px 0; font-size: 1.5em; letter-spacing: 12px; }
.a-list { padding-right: 25px; margin-bottom: 30px; }
.a-list li { margin-bottom: 15px; color: #334155; font-size: 1.05em; }

/* بخش پایانی */
.a-close { text-align: center; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; color: #0f172a; padding: 60px 40px; border-radius: 20px; margin-top: 70px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.a-close-stars { color: #f59e0b; margin-bottom: 20px; letter-spacing: 10px; font-size: 1.4em; }
.a-close h3 { color: #0f172a; margin-bottom: 25px; font-size: 1.6em; }
.a-close p { color: #475569; margin-bottom: 40px; font-size: 1.1em; line-height: 2; }
.a-cta { display: inline-block; background: #f59e0b; color: #fff; padding: 16px 40px; border-radius: 40px; font-size: 1.1em; font-weight: bold; text-decoration: none; transition: 0.3s; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3); }
.a-cta:hover { background: #d97706; transform: translateY(-4px); box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4); }
</style>/* End custom CSS */