/* ══════════════════════════════════════════════════════════════════════════
 * آنية — الصفحات النصّية v2 (templates/aneya-legal-standalone.php · 2026-09-13).
 *   المكوّنات من المكتبة؛ هنا تخطيط الصفحة فقط: رأس مضغوط · فهرس لاصق · نصّ مقروء.
 *   عمود واحد على الموبايل (الفهرس مطويّ) ← عمودان من 1024px (الفهرس لاصق يمين).
 *   token-pure · ds-lint نظيف.
 * ══════════════════════════════════════════════════════════════════════════ */

/* ── الرأس ── */
.lg-hero { background: var(--surface-card); border-bottom: 1px solid var(--line); padding-block: var(--s6); }
.lg-heroin { max-width: 980px; margin: 0 auto; padding-inline: var(--s4); } /* نفس عرض وحشو .lg-wrap — تتحاذى حافة العنوان مع حافة المستند */
.lg-ring { width: 48px; height: 48px; border-radius: 999px; background: var(--plum-50); color: var(--plum-600); display: flex; align-items: center; justify-content: center; margin-bottom: var(--s3); }
.lg-h1 { font-size: 24px; font-weight: 500; line-height: 1.35; margin: 0; color: var(--ink); text-wrap: balance; }
.lg-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin-top: var(--s3); font-size: 13px; color: var(--ink-secondary); }
.lg-chip { display: inline-flex; align-items: center; gap: var(--s1); background: var(--surface-page); border: 1px solid var(--line); border-radius: 999px; padding: var(--s1) var(--s3); }
.lg-chip .i { color: var(--ink-hint); flex-shrink: 0; }
.lg-mi { display: inline-flex; align-items: center; gap: var(--s3); }
.lg-mi:first-child::before { content: none; }
.lg-mi::before { content: ""; width: 3px; height: 3px; border-radius: 999px; background: var(--ink-hint); flex-shrink: 0; }

/* مبدّل الصفحات النصّية */
.lg-switch { display: inline-flex; gap: 2px; margin-top: var(--s4); background: var(--surface-page); border: 1px solid var(--line); border-radius: 999px; padding: 2px; max-width: 100%; overflow-x: auto; }
.lg-sw { font-size: 13.5px; line-height: 1.3; padding: var(--s2) var(--s4); border: 1px solid transparent; border-radius: 999px; color: var(--ink-secondary); white-space: nowrap; transition: color .15s, background .15s; }
.lg-sw:hover { color: var(--ink); }
.lg-sw.on { background: var(--surface-card); border-color: var(--line); color: var(--plum-700); }

/* ── التخطيط ── */
.lg-wrap { max-width: 980px; margin: 0 auto; padding: var(--s4) var(--s4) var(--s16); }

/* ── الفهرس ── */
.lg-toc { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); margin-bottom: var(--s4); }
.lg-tochd { display: none; }
.lg-toctog { display: flex; width: 100%; align-items: center; gap: var(--s2); padding: var(--s3) var(--s4); background: none; border: 0; font-family: var(--font); font-size: 14px; color: var(--ink); cursor: pointer; text-align: start; }
.lg-toch { display: inline-flex; align-items: center; gap: var(--s2); font-weight: 500; }
.lg-toch .i { color: var(--plum-600); flex-shrink: 0; }
.lg-tocn { margin-inline-start: auto; font-size: 12px; color: var(--ink-secondary); background: var(--surface-page); border-radius: 999px; padding: 2px var(--s2); }
.lg-tocchev { display: flex; color: var(--ink-hint); transition: transform .2s; }
.lg-toc.on .lg-tocchev { transform: rotate(180deg); }
.lg-toclist { display: none; flex-direction: column; padding: 0 var(--s2) var(--s2); max-height: 58vh; overflow-y: auto; overscroll-behavior: contain; }
.lg-toc.on .lg-toclist { display: flex; }
.lg-tl { font-size: 13.5px; line-height: 1.55; color: var(--ink-secondary); padding: var(--s2) var(--s3); border-radius: var(--r-control); transition: background .15s, color .15s; }
.lg-tl:hover { background: var(--surface-page); color: var(--ink); }
.lg-tl.on { background: var(--plum-50); color: var(--plum-800); }
.lg-tl-g { font-weight: 500; color: var(--ink); margin-top: var(--s2); }
.lg-toclist-g .lg-tl:not(.lg-tl-g) { padding-inline-start: var(--s6); }

/* ── المستند ── */
.lg-doc { background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-card); padding: var(--s6) var(--s4); }
.lg-lead { border-inline-start: 3px solid var(--plum-200); padding-inline-start: var(--s4); margin-bottom: var(--s6); }
.lg-lead .lg-p { font-size: 15.5px; color: var(--ink); }
.lg-lead .lg-p:last-child { margin-bottom: 0; }

.lg-sec { scroll-margin-top: 88px; }
.lg-sec + .lg-sec { margin-top: var(--s6); }
.lg-sec-g + .lg-sec { margin-top: var(--s4); }
.lg-h2 { font-size: 19px; font-weight: 500; line-height: 1.45; color: var(--ink); margin: 0 0 var(--s3); padding-bottom: var(--s2); border-bottom: 1px solid var(--line); text-wrap: balance; }
.lg-sec-g .lg-h2 { margin-bottom: 0; }
.lg-h3 { font-size: 16.5px; font-weight: 500; line-height: 1.5; color: var(--ink); margin: 0 0 var(--s2); text-wrap: balance; }
.lg-p { font-size: 15px; line-height: 1.95; color: var(--ink-secondary); margin: 0 0 var(--s3); }
.lg-p:last-child { margin-bottom: 0; }
.lg-a { color: var(--plum-600); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

.lg-ul { list-style: none; margin: 0 0 var(--s3); padding: 0; }
.lg-ul:last-child { margin-bottom: 0; }
.lg-ul li { position: relative; font-size: 15px; line-height: 1.9; color: var(--ink-secondary); padding-inline-start: var(--s4); margin-bottom: var(--s2); }
.lg-ul li:last-child { margin-bottom: 0; }
.lg-ul li::before { content: ""; position: absolute; inset-inline-start: 0; top: 11px; width: 5px; height: 5px; border-radius: 999px; background: var(--plum-400); }

.lg-dl { background: var(--surface-page); border: 1px solid var(--line); border-radius: var(--r-control); padding: var(--s3) var(--s4); margin: 0 0 var(--s3); display: grid; gap: var(--s2); }
.lg-dr { display: flex; gap: var(--s3); font-size: 14px; line-height: 1.7; }
.lg-dk { flex-shrink: 0; min-width: 56px; color: var(--ink-hint); }
.lg-dv { color: var(--ink-secondary); min-width: 0; }

/* ── بطاقة المساعدة ── */
.lg-help { margin-top: var(--s8); background: var(--plum-50); border: 1px solid var(--plum-200); border-radius: var(--r-card); padding: var(--s6) var(--s4); text-align: center; }
.lg-helph { font-size: 17px; font-weight: 500; color: var(--plum-800); }
.lg-helpd { font-size: 14px; line-height: 1.8; color: var(--plum-700); margin: var(--s2) 0 var(--s4); }
.lg-helpb { display: flex; flex-wrap: wrap; gap: var(--s2); justify-content: center; }
.lg-helpb .a-btn { width: auto; min-width: 156px; }

/* ── العودة للأعلى ── */
/* الجهة المقابلة لفقاعة المحادثة (Zoho تجلس على inline-start = يمين RTL) — كانا يتراكبان */
.lg-top { position: fixed; inset-inline-end: var(--s4); bottom: 76px; width: 44px; height: 44px; border-radius: 999px; background: var(--surface-card); border: 1px solid var(--line); color: var(--ink-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-fan); opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; z-index: 15; }
.lg-top.on { opacity: 1; visibility: visible; }
.lg-top:hover { color: var(--plum-600); border-color: var(--plum-200); }

/* ── من 768px: مستند أوسع ── */
@media (min-width: 768px) {
	.lg-hero { padding-block: var(--s8) var(--s6); }
	.lg-heroin { padding-inline: var(--s6); }
	.lg-h1 { font-size: 28px; }
	.lg-wrap { padding: var(--s6) var(--s6) var(--s12); }
	.lg-doc { padding: var(--s8); }
	.lg-help { padding: var(--s8) var(--s6); }
	.lg-top { bottom: var(--s6); }
}

/* ── من 1024px: عمودان + فهرس لاصق ── */
@media (min-width: 1024px) {
	.lg-wrap { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: var(--s8); align-items: start; padding-block: var(--s8); }
	.lg-toc { position: sticky; top: 88px; margin-bottom: 0; padding-top: var(--s3); }
	.lg-tochd { display: block; padding: 0 var(--s3) var(--s2); margin: 0 var(--s2); font-size: 12px; color: var(--ink-hint); border-bottom: 1px solid var(--line); }
	.lg-toctog { display: none; }
	.lg-toclist { display: flex; max-height: calc(100vh - 160px); padding-top: var(--s2); }
	.lg-doc { padding: var(--s12) var(--s8); }
	.lg-lead .lg-p, .lg-p, .lg-ul li { font-size: 15.5px; }
}

/* حركة سلسة عند القفز من الفهرس (تحترم تفضيل تقليل الحركة) */
@media (prefers-reduced-motion: no-preference) {
	:root:has(body.aneya-legal) { scroll-behavior: smooth; }
}

/* ── الطباعة: النصّ وحده ── */
@media print {
	.a-top, .a-cats, .a-foot, .ds-bottomnav, .a-nav, .a-nav-veil, .lg-toc, .lg-top, .lg-switch, .lg-help { display: none !important; }
	.lg-doc { border: 0; padding: 0; }
	.lg-hero { border: 0; padding: 0 0 var(--s4); }
	.lg-p, .lg-ul li, .lg-dv { color: var(--ink); }
}