/* فاز ۸۱ — بانک اطلاعات ایران. اندازه‌ها و رنگ‌ها این بالا. */
:root { --ir-card-min: 280px; --ir-cat-min: 150px; --ir-chip-bg: #eef6f2; --ir-lock-bg: #fff7e0; --ir-lock-ink: #6b4e00; }
.ir-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--ir-cat-min), 1fr)); gap: 10px; margin-bottom: 14px; }
.ir-cat { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--tl-line); border-radius: 14px; padding: 10px 12px;
  text-decoration: none; color: var(--tl-ink); font-weight: 800; font-size: 14px; }
.ir-cat.on { border-color: var(--tl-green); background: var(--ir-chip-bg); }
.ir-cat .n { margin-inline-start: auto; color: var(--tl-muted); font-size: 12px; font-weight: 700; }
.ir-filter { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; align-items: end; }
.ir-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--ir-card-min), 1fr)); gap: 12px; }
.ir-card { background: #fff; border: 1px solid var(--tl-line); border-radius: var(--tl-radius); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.ir-card h3 { font-size: 15.5px; font-weight: 900; margin: 0; line-height: 1.7; }
.ir-card h3 a { color: inherit; text-decoration: none; }
.ir-meta { color: var(--tl-muted); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.ir-badge { display: inline-block; font-size: 11.5px; font-weight: 800; border-radius: 999px; padding: 1px 8px; background: var(--ir-chip-bg); color: var(--tl-green); }
.ir-badge.gold { background: #fbf3d6; color: #7a5d00; }
.ir-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 6px; }
.ir-acts a { font-size: 13px; font-weight: 800; text-decoration: none; border: 1px solid var(--tl-line); border-radius: 10px; padding: 5px 10px; color: var(--tl-ink); }
.ir-lock { background: var(--ir-lock-bg); color: var(--ir-lock-ink); border-radius: 12px; padding: 10px 14px; font-weight: 700; margin-bottom: 12px; line-height: 1.9; }
.ir-lock a { color: inherit; font-weight: 900; }
.ir-attr { color: var(--tl-muted); font-size: 11.5px; }
.ir-pager { display: flex; gap: 6px; justify-content: center; margin: 18px 0; flex-wrap: wrap; }
.ir-pager a, .ir-pager span { border: 1px solid var(--tl-line); border-radius: 10px; padding: 5px 12px; text-decoration: none; color: var(--tl-ink); font-weight: 800; }
.ir-pager span { background: var(--tl-green); color: #fff; border-color: var(--tl-green); }
.ir-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 14px; margin: 0; }
.ir-dl dt { color: var(--tl-muted); font-weight: 800; } .ir-dl dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .ir-dl { grid-template-columns: 1fr; } .ir-dl dd { margin-bottom: 6px; }
  .ir-cats { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 4px; scrollbar-width: none; }
  .ir-cat { flex: 0 0 auto; white-space: nowrap; padding: 8px 12px; font-size: 13px; }
}
/* زبان دارالترجمه‌ها */
:root { --ir-lang-bg: #eef2fb; --ir-lang-ink: #2b4a8b; }
.ir-badge.lang { background: var(--ir-lang-bg); color: var(--ir-lang-ink); }
.ir-langs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 12px; font-weight: 800; font-size: 14px; }
.ir-chip { border: 1px solid var(--tl-line); border-radius: 999px; padding: 4px 12px; text-decoration: none; color: var(--tl-ink); background: #fff; font-weight: 800; }
.ir-chip.on { background: var(--ir-chip-bg); border-color: var(--tl-green); }
.ir-chip small { color: var(--tl-muted); font-weight: 700; }