/* مكملات صفحات الأدلة وواجهة البيانات؛ تُحمّل بعد legal.css وتستخدم متغيراته */
html[data-font="latin"]{--sans:"Outfit","Thmanyah Sans",system-ui,"Segoe UI",sans-serif;--serif:"Outfit","Thmanyah Sans",serif}
.guide-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;color:var(--ink-3);font-size:13px}
.guide-crumbs li+li::before{content:"/";margin-inline-end:6px;color:#c9bfae}
.guide-crumbs a{color:var(--gold-ink);text-decoration:none}
.guide-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:18px;padding:0 22px;border-radius:var(--pill);background:#000;color:#fff;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}
.guide-cta:hover{background:#2a2622;transform:translateY(-1px)}
.guide-cta i{font-size:19px}
html[dir="rtl"] .guide-cta i{transform:scaleX(-1)}
.legal-section ol,.legal-section ul{margin:4px 0 0;padding-inline-start:22px;color:var(--ink-2);line-height:1.85}
.legal-section ol li+li,.legal-section ul li+li{margin-top:4px}
.guide-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 22px;padding:0;list-style:none}
.guide-facts li{padding:14px 16px;border-radius:18px;background:var(--gold-soft);color:var(--gold-ink);line-height:1.45}
.guide-facts b{display:block;font-family:"Outfit",var(--sans);font-size:26px;font-weight:600;color:var(--ink)}
.guide-tool{margin:0 0 24px;padding:18px;border-radius:20px;background:#f8f4ec;border:1px solid var(--line)}
.guide-tool label{display:block;margin-bottom:8px;font-weight:600}
.guide-tool-row{display:flex;flex-wrap:wrap;gap:8px}
.guide-tool input{flex:1 1 240px;min-height:48px;padding:0 16px;border:1px solid #e3dccd;border-radius:var(--pill);background:#fff;font:15px/1 ui-monospace,Consolas,monospace;direction:ltr;text-align:left;color:var(--ink)}
.guide-tool input:focus{outline:0;border-color:var(--gold)}
.guide-tool button,.guide-tool a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 18px;border:0;border-radius:var(--pill);background:#000;color:#fff;font:inherit;font-weight:500;cursor:pointer;text-decoration:none}
.guide-tool .secondary{background:#fff;color:var(--ink);border:1px solid #e3dccd}
.guide-result{margin-top:12px;font-size:15px;color:var(--ink-2)}
.guide-result[hidden]{display:none}
.guide-result code{display:inline-block;margin:6px 0;padding:6px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font:600 20px/1.3 ui-monospace,Consolas,monospace;color:var(--ink);direction:ltr}
.guide-result .guide-tool-row{margin-top:8px}
.guide-result.err{color:#a8321f}
.guide-more{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.guide-more h2{margin:0 0 10px;font-size:17px}
.guide-more ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.guide-more a{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;font-weight:500;line-height:1.4;transition:border-color .2s,background .2s}
.guide-more a:hover{border-color:#e2b86d;background:#fffaf1}
.guide-more i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--gold-soft);color:var(--gold-ink);font-size:18px}
.guide-sources{margin:16px 0 0;color:var(--ink-3);font-size:13px}
/* واجهة البيانات */
.api-stat{display:flex;flex-wrap:wrap;gap:8px 20px;margin:-6px 0 20px;font-size:15px;color:var(--ink-2)}
.api-stat b{font-family:"Outfit",var(--sans);color:var(--ink)}
.api-files{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.api-files li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px}
.api-files a{font:600 15px/1.3 ui-monospace,Consolas,monospace;color:var(--gold-ink);direction:ltr}
.api-files span{color:var(--ink-2);font-size:14px}
.api-files small{color:var(--ink-3);font-family:"Outfit",var(--sans)}
.legal-card code{font-family:ui-monospace,Consolas,Menlo,monospace;direction:ltr;unicode-bidi:isolate}
.api-tabs{display:flex;gap:6px;margin:10px 0 0;flex-wrap:wrap}
.api-tabs button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;font:inherit;font-size:14px;cursor:pointer;color:var(--ink-2)}
.api-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.api-code{position:relative;margin-top:10px}
.api-code pre{direction:ltr;text-align:left;overflow:auto;margin:0;padding:16px 16px 16px;background:#16130f;color:#f6f4ef;border-radius:16px;font:13px/1.65 ui-monospace,Consolas,Menlo,monospace}
.api-code pre[hidden]{display:none}
.api-copy{position:absolute;top:8px;inset-inline-end:8px;min-height:32px;padding:0 12px;border:0;border-radius:var(--pill);background:#ffffff26;color:#fff;font:inherit;font-size:13px;cursor:pointer}
html[dir="rtl"] .api-copy{inset-inline-end:auto;left:8px}
@media(max-width:520px){.guide-facts b{font-size:22px}.guide-tool{padding:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.legal-section code,.legal-intro code{padding:1px 6px;border-radius:6px;background:#f4efe5;font-size:.92em;white-space:nowrap}
.legal-section code,.legal-intro code{display:inline-block;max-width:100%;unicode-bidi:isolate;overflow-wrap:anywhere;white-space:normal;line-height:1.5;vertical-align:baseline}
.api-code pre>code{display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;unicode-bidi:normal;overflow-wrap:normal;white-space:pre;vertical-align:baseline}
