@font-face {
    font-family: 'Yekan Bakh FaNum';
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('../fonts/yekanbakh/woff/YekanBakhFaNum-Regular.woff') format('woff'),
         url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-display: swap;
}

:root { color-scheme: light dark; }
html { font-family: 'Yekan Bakh FaNum', Tahoma, Arial, sans-serif; }
body, button, input, select, textarea { font-family: inherit; }
body { direction: rtl; }

[data-sidebar] { transition: transform .2s ease, width .2s ease; }
[data-sidebar-overlay] { backdrop-filter: blur(2px); }
.sidebar-collapsed [data-sidebar] { width: 5.5rem; }
.sidebar-collapsed [data-sidebar-label], .sidebar-collapsed [data-user-meta], .sidebar-collapsed [data-sidebar-brand-text] { display: none; }
.sidebar-collapsed [data-main-shell] { margin-right: 5.5rem; }

.test-question[hidden] { display: none !important; }
.answer-card:has(input:checked) { border-color: rgb(79 70 229); box-shadow: 0 0 0 2px rgb(99 102 241 / .12); }

@media (max-width: 1023px) {
    [data-sidebar] { transform: translateX(110%); }
    [data-sidebar][aria-hidden="false"] { transform: translateX(0); }
    [data-main-shell] { margin-right: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

@media print {
    [data-sidebar], [data-topbar], [data-no-print] { display: none !important; }
    [data-main-shell] { margin: 0 !important; }
}
/* Small utility fallbacks for classes used by the local RaiTix Tailwind bundle. */
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #f1f5f9; }
.divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #e2e8f0; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-60:disabled { opacity: .6; }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.hover\:-translate-y-0\.5:hover { transform: translateY(-.125rem); }
@media (min-width: 640px) { .sm\:flex-row { flex-direction: row; } }
@media (prefers-color-scheme: dark) {
  .dark\:divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #1e293b; }
  .dark\:divide-slate-800\/70 > :not([hidden]) ~ :not([hidden]) { border-top-color: rgba(30,41,59,.7); }
}