/* Ruqaya AI – shared page transitions */
@view-transition{navigation:auto}
::view-transition-old(root){animation:rqOut .22s ease both}
::view-transition-new(root){animation:rqIn .38s cubic-bezier(.16,1,.3,1) both}
@keyframes rqOut{to{opacity:0}}
@keyframes rqIn{from{opacity:0;transform:translateY(8px)}}
@supports not (view-transition-name:none){main{animation:rqIn .45s cubic-bezier(.16,1,.3,1) both}}
html{scroll-behavior:smooth}
.mrv{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.mrv.in{opacity:1;transform:none}
a,button,.btn{-webkit-tap-highlight-color:transparent}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}main{animation:none}.mrv{opacity:1;transform:none;transition:none}}
/* mobile fixes (Oct 23) */
@media(max-width:860px){
nav.top .wrap{flex-wrap:wrap;row-gap:0}
nav.top .nl{display:flex!important;order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;margin:0 -6px;border-top:1px solid rgba(255,255,255,.06);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:28px}
nav.top .nl::-webkit-scrollbar{display:none}
nav.top .nl a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;white-space:nowrap}
nav.top .login,.lgn,nav a[href="/login/"]{display:inline-flex;align-items:center;min-height:44px}
footer a{display:inline-block;padding:6px 2px}
}
@media(max-width:380px){
nav .wrap>div[style*="gap:14px"]{gap:8px!important}
.lgn{margin-left:0!important}
nav .bp{padding:0 11px!important;font-size:.78rem!important}
.burger{width:40px!important;margin-left:0!important}
nav .logo img{height:22px!important}
}
html,body{overflow-x:clip}
@media(prefers-reduced-motion:reduce){.js .rv,.rv{opacity:1!important;transform:none!important}}
@media(max-width:380px){nav.top .na{gap:6px!important}nav.top .btn.sm{padding:8px 11px!important;font-size:.8rem!important}nav.top .logo img{height:22px!important;width:auto!important}}
@media(max-width:420px){main table{font-size:.8rem;word-break:break-word}main table th,main table td{padding:6px 5px}}