/* صفحات شرح التطبيقات - نفس ألوان وخلفية الموقع */
html body.app-pg .ap-hero{padding-bottom:20px}
.ap-tile{width:88px;height:88px;border-radius:24px;margin:22px auto 0;display:grid;place-items:center;background:var(--u-blue-soft,#eaf2ff);box-shadow:0 10px 24px -12px rgba(47,116,220,.25)}
.ap-tile svg{width:52px;height:52px}
.ap-soon{font-style:normal;font-size:13px;font-weight:600;background:var(--u-blue-soft,#eaf2ff);color:var(--u-blue,#0a49c9);border-radius:99px;padding:2px 12px;margin-inline-start:12px;vertical-align:middle}
.ap-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.ap-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.ap-toc{position:sticky;top:96px;background:#fff;border:1px solid var(--ln,#e3e9f3);border-radius:18px;padding:18px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--sh,0 1px 3px rgba(20,40,90,.05))}
.ap-toc b{font-size:13px;color:var(--mu,#6b778c);font-weight:600;padding:0 10px 8px}
.ap-toc a{font-size:14.5px;color:var(--ink,#1b2a47);padding:8px 10px;border-radius:10px;text-decoration:none}
.ap-toc a:hover{background:var(--u-blue-soft,#eaf2ff);color:var(--u-blue,#0a49c9)}
.ap-sec{background:#fff;border:1px solid var(--ln,#e3e9f3);border-radius:22px;padding:30px 34px;margin-bottom:22px;box-shadow:var(--sh,0 1px 3px rgba(20,40,90,.05));scroll-margin-top:100px}
.ap-sec h2{font-size:22px;font-weight:600;color:var(--ink,#1b2a47);margin:0 0 14px}
.ap-sec p{font-size:16px;line-height:2;color:var(--tx,#41506b);margin:0}
.ap-cap{font-weight:600;color:var(--ink,#1b2a47)!important;margin-bottom:12px!important}
.ap-note{margin-top:16px!important;font-size:14.5px!important;color:var(--mu,#6b778c)!important;background:var(--u-blue-soft,#eaf2ff);border-radius:12px;padding:12px 16px}
.ap-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.ap-terms div{border:1px solid var(--ln,#e3e9f3);border-radius:14px;padding:16px 18px;background:#fafcff}
.ap-terms dt{font-weight:600;color:var(--ink,#1b2a47);font-size:16px;margin-bottom:4px}
.ap-terms dd{margin:0;font-size:14.5px;line-height:1.9;color:var(--tx,#41506b)}
.ap-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ap-feats li{border:1px solid var(--ln,#e3e9f3);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.ap-feats b{font-size:15.5px;font-weight:600;color:var(--ink,#1b2a47)}
.ap-feats span{font-size:14px;color:var(--mu,#6b778c);line-height:1.8}
.ap-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:14px;position:relative}
.ap-steps li{counter-increment:s;display:grid;grid-template-columns:38px 1fr;column-gap:14px;align-items:start}
.ap-steps li:before{content:counter(s);grid-row:1/3;width:38px;height:38px;border-radius:50%;background:var(--u-blue-soft,#eaf2ff);color:var(--u-blue,#0a49c9);font-weight:600;display:grid;place-items:center}
.ap-steps b{font-size:16px;font-weight:600;color:var(--ink,#1b2a47)}
.ap-steps span{font-size:14.5px;color:var(--mu,#6b778c)}
.ap-tw{overflow-x:auto;border:1px solid var(--ln,#e3e9f3);border-radius:14px}
.ap-tw table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.ap-tw th{background:#f4f8fe;color:var(--ink,#1b2a47);font-weight:600;text-align:right;padding:12px 16px}
.ap-tw td{padding:12px 16px;border-top:1px solid var(--ln,#e3e9f3);color:var(--tx,#41506b)}
.ap-sts{display:flex;flex-direction:column;gap:14px}
.ap-st{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;border:1px solid var(--ln,#e3e9f3);border-radius:14px;padding:16px 18px}
.ap-st i{font-style:normal;font-weight:600;font-size:13.5px;text-align:center;background:var(--u-blue-soft,#eaf2ff);color:var(--u-blue,#0a49c9);border-radius:10px;padding:8px 6px;direction:ltr}
.ap-st b{font-size:16px;font-weight:600;color:var(--ink,#1b2a47)}
.ap-st p{font-size:14.5px!important;margin-top:4px!important;color:var(--tx,#41506b)!important}
.ap-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ap-rel a{border:1px solid var(--ln,#e3e9f3);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink,#1b2a47);font-weight:600;display:flex;flex-direction:column;gap:4px;transition:transform .2s,border-color .2s}
.ap-rel a span{font-size:13px;font-weight:400;color:var(--u-blue,#0a49c9)}
.ap-rel a:hover{transform:translateY(-2px);border-color:#9db8e0}
@media(max-width:1100px){.ap-feats,.ap-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ap-body{grid-template-columns:1fr}.ap-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.ap-toc b{width:100%}.ap-terms{grid-template-columns:1fr}.ap-st{grid-template-columns:1fr}.ap-st i{justify-self:start;padding:6px 14px}}
@media(max-width:560px){.ap-sec{padding:22px 18px}.ap-feats,.ap-rel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ap-rel a{transition:none}.ap-rel a:hover{transform:none}}
/* توسعة الصفحات */
.ap-ctl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ap-ctl li{border:1px solid var(--ln,#e3e9f3);border-radius:14px;padding:14px 18px 14px 14px;font-size:15px;line-height:1.9;color:var(--tx,#41506b);position:relative;padding-inline-start:44px}
.ap-ctl li:before{content:"✓";position:absolute;inset-inline-start:14px;top:14px;width:22px;height:22px;border-radius:50%;background:var(--u-blue-soft,#eaf2ff);color:var(--u-blue,#0a49c9);font-size:12px;display:grid;place-items:center}
.ap-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ap-tips>div{border:1px solid var(--ln,#e3e9f3);border-radius:16px;padding:18px 22px;background:#fafcff}
.ap-tips h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--u-blue,#0a49c9)}
.ap-tips .bad h3{color:var(--mu,#6b778c)}
.ap-tips ul{margin:0;padding:0;list-style:none}
.ap-tips li{font-size:15px;line-height:1.9;color:var(--tx,#41506b);padding:4px 0;padding-inline-start:20px;position:relative}
.ap-tips li:before{content:"";position:absolute;inset-inline-start:0;top:15px;width:7px;height:7px;border-radius:50%;background:var(--u-blue,#0a49c9)}
.ap-tips .bad li:before{background:#b7c2d6}
.ap-faq details{margin-bottom:10px}
.ap-faq summary{font-size:16px;font-weight:600}
.ap-faq p{padding:0 22px 18px!important;font-size:15px!important}
.ap-steps li:only-child b{font-weight:500}
@media(max-width:900px){.ap-ctl,.ap-tips{grid-template-columns:1fr}}

/* قيود بمثال رقمي + أخطاء شائعة */
.ap-jes{display:flex;flex-direction:column;gap:18px}
.ap-je{border:1px solid var(--ln,#e3e9f3);border-radius:16px;padding:18px 20px;background:#fafcff}
.ap-je h3{display:flex;align-items:center;gap:12px;font-size:16.5px;font-weight:600;color:var(--ink,#1b2a47);margin:0 0 12px}
.ap-je h3 span{width:30px;height:30px;border-radius:50%;background:var(--u-blue,#0a49c9);color:#fff;font-size:14px;display:grid;place-items:center;flex:none}
.ap-je .ap-tw{background:#fff}
.ap-je .ap-tw table{min-width:420px}
.ap-je td:nth-child(2),.ap-je td:nth-child(3),.ap-je th:nth-child(2),.ap-je th:nth-child(3){text-align:center;width:120px;font-variant-numeric:tabular-nums}
.ap-je td.cr{padding-inline-start:40px}
.ap-je tr.tot td{font-weight:600;background:#f4f8fe;color:var(--ink,#1b2a47)}
.ap-sec .ap-why{margin-top:12px;font-size:14.5px;line-height:1.9;color:var(--mu,#6b778c)}
.ap-errt td:first-child{width:28%}
.ap-errt td{vertical-align:top;line-height:1.8}