أنواع وقف الخسارة

/* ========================= ArabiTrader – Risk Mgmt Lesson Page (Modern LIGHT UI) Full code. Forces light background (no black). Keeps ALL existing classes/links/content intact. ========================= */ .rm-lesson-page{ /* Light tokens */ --bg: #f6f7fb; --surface: #ffffff; --surface-2: #fbfcff; --text: #0f172a; --muted: #475569; --muted-2: #64748b; --border: rgba(15, 23, 42, 0.10); --primary: #4f46e5; --accent: #ec4899; --gold: #f59e0b; --shadow-sm: 0 8px 20px rgba(2,6,23,.06); --shadow-md: 0 18px 48px rgba(2,6,23,.10); --ring: 0 0 0 4px rgba(79,70,229,.18); direction: rtl; text-align: right; font-family: "Tajawal", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 900px; margin: 0 auto; padding: 30px 14px 52px; box-sizing: border-box; /* Critical: override any earlier dark background */ background: var(--bg) !important; color: var(--text) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Rhythm */ .rm-lesson-page h1, .rm-lesson-page h2, .rm-lesson-page h3, .rm-lesson-page p, .rm-lesson-page ul, .rm-lesson-page ol{ margin: 0; } .rm-lesson-page p{ line-height: 2; } /* Breadcrumb */ .rm-lesson-breadcrumb{ font-size: 12px; color: var(--muted-2) !important; margin-bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .rm-lesson-breadcrumb span{ margin: 0 3px; } .rm-lesson-breadcrumb a{ color: var(--primary) !important; text-decoration: none; font-weight: 800; } .rm-lesson-breadcrumb a:hover{ text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; } .rm-lesson-breadcrumb a:focus-visible{ outline: none; box-shadow: var(--ring); border-radius: 8px; padding-inline: 4px; } /* Hero */ .rm-lesson-hero{ position: relative; overflow: hidden; border-radius: 22px; padding: 20px 18px 22px; border: 1px solid var(--border) !important; box-shadow: var(--shadow-md); margin-bottom: 20px; background: radial-gradient(900px 380px at 85% -10%, rgba(79,70,229,.14), transparent 60%), radial-gradient(900px 420px at 10% 0%, rgba(236,72,153,.10), transparent 55%), linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important; } .rm-lesson-hero::after{ content:""; position:absolute; inset-inline-end:-120px; top:-140px; width: 340px; height: 340px; background: radial-gradient(circle, rgba(99,102,241,.18), transparent 62%); opacity: .9; pointer-events:none; } .rm-lesson-hero-title{ position: relative; z-index: 1; font-size: 24px; font-weight: 900; margin: 0 0 6px; letter-spacing: .01em; color: var(--text) !important; } .rm-lesson-meta{ position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; margin-bottom: 8px; color: var(--muted) !important; } .rm-lesson-meta span{ display: inline-flex; align-items: center; gap: 6px; } /* Level tag */ .rm-level-tag{ padding: 5px 10px !important; border-radius: 999px; background: rgba(79,70,229,.08) !important; border: 1px solid rgba(79,70,229,.22) !important; font-size: 11px; color: #3730a3 !important; font-weight: 800; } .rm-lesson-hero-text{ position: relative; z-index: 1; font-size: 14px; line-height: 1.9; margin: 0; color: var(--muted) !important; } /* Cards */ .rm-card{ background: var(--surface) !important; border-radius: 18px; padding: 18px 16px 20px; border: 1px solid var(--border) !important; box-shadow: var(--shadow-sm); margin-bottom: 16px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .rm-card:hover{ transform: translateY(-2px); box-shadow: 0 18px 50px rgba(2,6,23,.10); border-color: rgba(79,70,229,.22) !important; } .rm-card h2{ margin: 0 0 8px; font-size: 19px; f