/* ===== Terms page (reworked) =============================================== */
/* سراسری: فونت سنس روی همه‌ی متون (آیکون‌ها خراب نشوند) */
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Noto Sans", "Vazirmatn", "IRANSans", Tahoma, Arial, "Apple Color Emoji",
               "Segoe UI Emoji","Segoe UI Symbol";
  --sky-300:#7dd3fc; --sky-400:#38bdf8; --sky-500:#0ea5e9;
  --emerald-300:#6ee7b7; --emerald-400:#34d399; --emerald-500:#10b981;
  --slate-50:#f8fafc; --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-600:#475569; --slate-700:#334155; --slate-900:#0f172a;
}
html, body, main, section, article, header, footer,
h1,h2,h3,h4,h5,h6, p, a, li, ul, ol, small, strong, span,
button, input, select, textarea, summary, details, label, table {
  font-family: var(--font-sans) !important;
}
/* اجازه بده فونت آیکون‌ها برگرده به Font Awesome */
[class^="fa-"], .fa, .fas, .far, .fal, .fab { font-family: "Font Awesome 6 Free","Font Awesome 6 Brands" !important; }

/* افکت نمایشی نرم */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reveal{animation:fadeUp .45s ease both}

/* بنر */
.banner{position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid var(--slate-200);
        box-shadow:0 14px 44px rgba(15,23,42,.10);background:var(--slate-50)}
.banner img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}
.banner .grad{position:absolute;inset:0;background:
  linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,.5) 100%)}
.banner .ring{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);pointer-events:none}

/* کارت عمومی */
.card{background:#fff;border:1px solid var(--slate-200);border-radius:1.25rem;
      transition:box-shadow .25s,border-color .25s,transform .18s}
.card:hover{border-color:var(--sky-300);box-shadow:0 20px 46px rgba(15,23,42,.12);transform:translateY(-2px)}

/* چیپ/بج */
.badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--slate-200);
       border-radius:999px;padding:.5rem .9rem;background:#fff;font-weight:800;color:var(--slate-900)}
.badge i{font-size:1.05rem}

/* دکمه مینیمال */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.15rem;border-radius:14px;
     border:2px solid var(--slate-200);background:#fff;color:var(--slate-900);font-weight:800;
     transition:transform .15s, box-shadow .2s, border-color .2s, background .2s}
.btn:hover{background:var(--slate-50);border-color:var(--slate-300);box-shadow:0 12px 26px rgba(15,23,42,.08);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn i{font-size:1.05rem}
.btn.sky{border-color:color-mix(in oklab, var(--sky-300) 55%, transparent)}
.btn.em {border-color:color-mix(in oklab, var(--emerald-300) 55%, transparent)}

/* آکاردئون قوانین */
details.term{border:1px solid var(--slate-200);border-radius:14px;background:#fff;overflow:hidden}
details.term+details.term{margin-top:.8rem}
details.term>summary{cursor:pointer;list-style:none;padding:1rem 1.1rem;display:flex;align-items:center;gap:.7rem;
                     font-weight:900;color:var(--slate-900)}
details.term>summary:hover{background:var(--slate-50)}
details.term[open]{border-color:var(--emerald-300);box-shadow:0 16px 30px rgba(15,23,42,.08)}
details.term>div{padding:0 1.1rem 1rem 1.1rem;color:var(--slate-700);line-height:2.05}

/* فهرست سریع */
.toc{border:1px dashed var(--slate-300);background:var(--slate-50);border-radius:14px;padding:1rem}
.toc .btn{justify-content:flex-start}

/* بلوک اطلاع */
.ibox{background:linear-gradient(135deg, var(--slate-50), #fff);border:1px solid var(--slate-200);
     border-radius:12px;padding:1rem}

/* کنترل فونت روی کنترل‌ها (تا از سیستم فونت نگیرند) */
button,input,select,textarea{font-family:inherit !important}

/* ریسپانسیو ریز */
@media (max-width:480px){
  .badge{padding:.45rem .75rem}
  .btn{padding:.7rem 1rem}
}