/* EQ_Schutte/web-v2 · استایلِ مشترکِ این نسخه — جای inline styleهای تکه‌های بسته (RULES §۳.۵)
   عنوانِ بخش‌ها، جداکننده و پیوست‌ها از _base.css (BaseV5)؛ استایلِ هر بخش در css/{بخش}.css با ریشه‌ی [data-sec="…"] .eqb */

/* فاصله‌ها و اندازه‌هایی که در طراحی inline بودند */
[data-sec] .eqb .eq-mt6 { margin-top: 6px }
[data-sec] .eqb .eq-mt20 { margin-top: 20px }
[data-sec] .eqb .eq-mt24 { margin-top: 24px }
[data-sec] .eqb .eq-mt32 { margin-top: 32px }
[data-sec] .eqb .eq-mt48 { margin-top: 48px }
[data-sec] .eqb .eq-p0 { padding: 0 }
[data-sec] .eqb .eq-p16 { padding: 16px }
[data-sec] .eqb .eq-p12-8 { padding: 12px 8px }
[data-sec] .eqb .eq-p12-0 { padding: 12px 0 }
[data-sec] .eqb .eq-chart-pad { padding: 12px 8px 16px }
[data-sec] .eqb .eq-fs20 { font-size: 20px }
[data-sec] .eqb .eq-fs16 { font-size: 16px }

/* total · کارتِ خلاصه: چهار مؤلفه و قوی‌ترین/ضعیف‌ترین */
[data-sec="total"] .eqb .char-bottom.subscales { grid-template-columns: repeat(4, 1fr) }
[data-sec="total"] .eqb .char-bottom.extrema { grid-template-columns: repeat(2, 1fr); border-top: 1px solid #E5E7EB }
[data-sec="total"] .eqb .eq-ic-good { background: rgba(22, 163, 74, .08); color: #16A34A }
[data-sec="total"] .eqb .eq-ic-bad { background: rgba(220, 38, 38, .08); color: #DC2626 }
[data-sec="total"] .eqb .eq-c-good { color: #16A34A }
[data-sec="total"] .eqb .eq-c-bad { color: #DC2626 }

/* components · رنگِ ستون‌های نمودارِ رتبه (inline در طراحی) و «فاصله از میانگین» (در طراحی با JS) */
[data-sec="components"] .eqb .sub-bar { background: #334155 }
[data-sec="components"] .eqb .eq-delta-up { color: #16A34A }
[data-sec="components"] .eqb .eq-delta-down { color: #92400E }

/* cycle · دو سرِ طیفِ ۱۵ حالت */
[data-sec="cycle"] .eqb .eq-c-reactive { color: #E8590C }
[data-sec="cycle"] .eqb .eq-c-attuned { color: #0CA678 }

/* growth · براکتِ «شناخت هیجان» (گام ۱ تا ۳) و «مدیریت هیجان» (گام ۴ و ۵) */
[data-sec="growth"] .eqb .eq-gcol-13 { grid-column: 1 / 4 }
[data-sec="growth"] .eqb .eq-gcol-45 { grid-column: 4 / 6 }

/* «تذکر مهم» پایانِ بخش‌ها (کادرِ زردِ inline در طراحی) */
[data-sec] .eqb .eq-note { background: #FFFBEB; border-radius: 14px; padding: 20px 24px; margin-top: 36px; border: 1px solid #FDE68A }
[data-sec] .eqb .eq-note__title { font-size: 14px; font-weight: 700; color: #92400E; margin-bottom: 8px; display: flex; align-items: center; gap: 6px }
[data-sec] .eqb .eq-note__text { font-size: 13px; color: #78350F; line-height: 24px; text-align: justify }
[data-sec="theories"] .eqb .theory-credit { margin-top: 12px; font-size: 11px; color: #94A3B8; line-height: 20px }

/* راهکارها — فقط تفسیرهای ذخیره‌شده‌ی قدیمی */
[data-sec="solutions"] .eqb { color: #343A40 }
[data-sec="solutions"] .eqb .eq-sol__intro p { font-size: 16px; line-height: 32px; text-align: justify; margin: 0 0 16px }
[data-sec="solutions"] .eqb .eq-sol__list ul { list-style: none; margin: 0; padding: 0 }
[data-sec="solutions"] .eqb .eq-sol__list li { position: relative; padding: 12px 22px 12px 0; font-size: 15px; line-height: 30px; text-align: justify; border-bottom: 1px solid #F1F3F5 }
[data-sec="solutions"] .eqb .eq-sol__list li:last-child { border-bottom: 0 }
[data-sec="solutions"] .eqb .eq-sol__list li::before { content: ''; position: absolute; right: 0; top: 24px; width: 8px; height: 8px; border-radius: 2px; background: #12B886 }