/* أدوات سناب شات — يُحمَّل فقط في صفحات /snap-tools */
.st-wrap{max-width:980px;margin:0 auto}
.st-section{margin:2.25rem 0}
.st-section h2{font-weight:800}
.st-section p,.st-section li{line-height:1.95}
.st-panel{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:1.25rem;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:1.25rem}
.st-panel h2,.st-panel h3{font-weight:800}
.st-panel label{font-weight:600;margin-bottom:.35rem}
.st-note{background:#f7ffd0;border:1px solid #d4ff00;border-radius:12px;padding:.8rem 1rem;font-size:.95rem}

/* بطاقات الأدوات */
.st-card{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.1rem;border:1px solid #eaeaea;border-radius:16px;background:#fff;color:#111;text-decoration:none;transition:transform .15s,box-shadow .15s}
.st-card:hover,.st-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1);color:#111}
.st-card i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#D4FF00;color:#000;font-size:1.2rem}
.st-card span{color:#4f575d;font-size:.93rem;line-height:1.7}
.st-cta{background:#0b0b0b;color:#fff;border-radius:16px;padding:1.5rem}
.st-cta a{color:#D4FF00;text-decoration:underline}
.st-cta .text-muted{color:#c9c9c9!important}

/* الستريك */
.st-big{display:flex;align-items:baseline;gap:.4rem;margin:.75rem 0}
.st-big-num{font-size:3.4rem;font-weight:800;line-height:1}
.st-big-label{font-size:1.3rem;font-weight:700}
.st-miles li{padding:.3rem 0;border-bottom:1px dashed #eee}
.st-done{color:#1b6e00;font-weight:600}
.st-timer{border-radius:14px;padding:1rem;text-align:center;border:2px solid #ddd;margin-top:.75rem}
.st-timer-num{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;direction:ltr}
.st-timer-state{font-weight:700}
.st-ok{border-color:#2b9d00;background:#f2ffe9;color:#1b6e00}
.st-warn{border-color:#c98400;background:#fff8e6;color:#7a4f00}
.st-urgent{border-color:#d0021b;background:#fff0f1;color:#a80017}
.st-expired{border-color:#777;background:#f3f3f3;color:#444}
.st-item{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #eee;border-radius:12px;margin-bottom:.5rem}
.st-item-days{font-weight:700}
.st-item-state{font-size:.9rem}
.st-item-btns{display:flex;gap:.4rem;flex-wrap:wrap}

/* نتائج النسخ (يوزر/بايو) */
.st-result-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.6rem .8rem;border:1px solid #eee;border-radius:12px;margin-bottom:.5rem;background:#fafafa}
.st-result-text{font-weight:600;overflow-wrap:anywhere}
.st-ok-box,.st-bad-box{border-radius:12px;padding:.8rem 1rem;margin-top:.6rem}
.st-ok-box{background:#f2ffe9;border:1px solid #2b9d00;color:#1b6e00}
.st-bad-box{background:#fff0f1;border:1px solid #d0021b;color:#a80017}

/* الكواكب */
.st-solar-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.st-solar{display:block;width:100%;min-width:520px;height:auto;max-height:260px}
.st-solar [data-planet]{cursor:pointer}
.st-solar [data-planet]:focus-visible circle.p{stroke:#000;stroke-width:3}
.st-solar [data-planet]:hover circle.p{stroke:#000;stroke-width:2}

/* الأسئلة الشائعة */
.st-faq-item{border:1px solid #eaeaea;border-radius:12px;margin-bottom:.6rem;background:#fff}
.st-faq-item summary{cursor:pointer;padding:.9rem 1rem;font-weight:700;list-style:none}
.st-faq-item summary::-webkit-details-marker{display:none}
.st-faq-item summary::before{content:'+';display:inline-block;width:1.4em;font-weight:800}
.st-faq-item[open] summary::before{content:'−'}
.st-faq-answer{padding:0 1rem 1rem;line-height:1.95}
.st-table{width:100%;border-collapse:collapse;margin:1rem 0}
.st-table th,.st-table td{border:1px solid #e3e3e3;padding:.6rem .8rem;text-align:right}
.st-table th{background:#f5f5f5}
.st-src li{margin-bottom:.35rem;overflow-wrap:anywhere}
.st-section a:not(.st-card){color:#0a58ca;text-decoration:underline;text-underline-offset:3px}
@media (max-width:575.98px){.st-big-num{font-size:2.8rem}.st-timer-num{font-size:2rem}.st-result-row{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.st-card{transition:none}}
