/* مستندا الموقع — سياسةُ الخصوصيّة وشروطُ الاستخدام (privacy.html وterms.html): عمودُ قراءةٍ واحد، وملخّصٌ في أوّله،
   وبنودٌ مرقّمةٌ لأنّها بنودٌ يُحال إليها برقمها. وشريطُ قراءةٍ تحت الترويسة يمتلئ مع التمرير — الحركةُ الوحيدةُ هنا */
body.lgl { background: #0D1117; color: #F5F7F7; }
.lgl { --sig: #00C7B1; --ice: #B9FFF4; --mute: rgba(245,247,247,.66); --dim: rgba(245,247,247,.44); }
.lgl-main { max-width: 780px; margin: 0 auto; padding: 128px 24px 110px; }
.lgl-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--ice); font: 600 15px/1 Tajawal, sans-serif; text-decoration: none; }
.lgl-kicker svg { width: 22px; height: 22px; }
.lgl h1 { font: 800 clamp(36px, 4.4vw, 60px)/1.15 Tajawal, sans-serif; margin: 18px 0 10px; }
.lgl-date { color: var(--dim); font: 400 15px/1.6 Tajawal, sans-serif; margin: 0 0 34px; }
.lgl-sum { position: relative; margin: 0 0 54px; padding: 24px 26px 22px; border-radius: 24px; background: linear-gradient(160deg, #131c25, #0f161d); isolation: isolate; }
@property --lgl-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.lgl-sum::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1.5px; background: conic-gradient(from var(--lgl-a), rgba(245,247,247,.08) 0 62%, #00C7B1 76%, #B9FFF4 80%, rgba(245,247,247,.08) 90%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: lglOrbit 9s linear infinite; }
@keyframes lglOrbit { to { --lgl-a: 360deg; } }
.lgl-sum h2 { font: 800 20px/1.3 Tajawal, sans-serif; margin: 0 0 14px; }
.lgl-sum ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.lgl-sum li { position: relative; padding-inline-start: 22px; font: 500 17px/1.7 Tajawal, sans-serif; }
.lgl-sum li::before { content: ""; position: absolute; inset-inline-start: 0; top: .72em; width: 8px; height: 8px; border-radius: 50%; background: var(--sig); box-shadow: 0 0 10px rgba(0,199,177,.6); }
.lgl-clause { margin: 0 0 44px; scroll-margin-top: 90px; }
.lgl-clause h2 { display: flex; align-items: baseline; gap: 14px; font: 800 clamp(22px, 2.2vw, 28px)/1.3 Tajawal, sans-serif; margin: 0 0 14px; }
.lgl-clause h2 .n { flex: none; min-width: 1.6em; color: var(--sig); font-weight: 800; }
.lgl-clause p, .lgl-clause li { font: 400 17.5px/1.85 Tajawal, sans-serif; color: rgba(245,247,247,.86); }
.lgl-clause p { margin: 0 0 12px; }
.lgl-clause ul { margin: 0 0 12px; padding-inline-start: 22px; }
.lgl-clause li { margin: 0 0 6px; }
.lgl-clause li::marker { color: var(--sig); }
.lgl-clause b { color: #F5F7F7; }
.lgl-clause a { color: var(--ice); text-underline-offset: 3px; }
.lgl-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 6px 0 14px; border: 1px solid rgba(245,247,247,.1); border-radius: 18px; overflow: hidden; font: 400 16px/1.7 Tajawal, sans-serif; }
.lgl-table th, .lgl-table td { text-align: right; vertical-align: top; padding: 12px 16px; border-bottom: 1px solid rgba(245,247,247,.07); }
.lgl-table tr:last-child td { border-bottom: 0; }
.lgl-table th { background: rgba(245,247,247,.04); color: var(--mute); font-weight: 700; font-size: 14.5px; }
.lgl-table td:first-child { font-weight: 700; color: #F5F7F7; white-space: nowrap; }
.lgl-table td:last-child { color: var(--mute); }
.lgl-flag { margin: 8px 0 12px; padding: 14px 18px; border-radius: 16px; background: rgba(0,199,177,.08); border: 1px solid rgba(0,199,177,.28); font: 500 16.5px/1.75 Tajawal, sans-serif; }
.lgl-contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.lgl-contact a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(245,247,247,.16); color: #F5F7F7; text-decoration: none; font: 600 15px/1 Tajawal, sans-serif; transition: background .2s; }
.lgl-contact a:hover { background: rgba(245,247,247,.07); }
.lgl-contact .lat { font-family: Outfit, sans-serif; direction: ltr; }
.lgl-other { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 56px; padding-top: 28px; border-top: 1px solid rgba(245,247,247,.08); }
/* شريطُ القراءة: يمتلئ بتمرير الصفحة نفسِه، بلا سطرِ شفرة */
.lgl-bar { position: fixed; z-index: 120; top: 0; inset-inline: 0; height: 3px; background: linear-gradient(90deg, #00C7B1, #B9FFF4); transform-origin: right; transform: scaleX(0); pointer-events: none; }
@supports (animation-timeline: scroll()) {
  .lgl-bar { animation: lglRead linear both; animation-timeline: scroll(root); }
  @keyframes lglRead { to { transform: scaleX(1); } }
}
html[data-motion="paused"] .lgl-sum::before { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .lgl-sum::before { animation: none; } }
@media (max-width: 640px) {
  .lgl-main { padding: 104px 18px 90px; }
  .lgl-table, .lgl-table tbody, .lgl-table tr, .lgl-table td { display: block; width: auto; }
  .lgl-table thead { display: none; }
  .lgl-table tr { padding: 12px 16px; border-bottom: 1px solid rgba(245,247,247,.07); }
  .lgl-table tr:last-child { border-bottom: 0; }
  .lgl-table td { padding: 2px 0; border: 0; white-space: normal !important; }
}