.sn{position:sticky;top:0;z-index:20;background:var(--bg,#F6F2E9);border-bottom:1px solid var(--line,#DDD5C3);font-family:'Tajawal',sans-serif}
.sn-in{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:6px;padding:4px 14px;overflow-x:auto}
.sn a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--text,#1E1B3A);text-decoration:none;font-size:15px;border-radius:8px}
.sn a[aria-current="page"]{color:var(--gold,#8A5F10);font-weight:700;box-shadow:inset 0 -3px 0 var(--gold,#8A5F10);border-radius:0}
.sn .sn-logo{margin-inline-end:auto;font-family:'Amiri',serif;font-size:22px;color:var(--ink,#1E1B3A)}
.sf{max-width:960px;margin:0 auto;padding:24px 18px 48px;text-align:center;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.sf a{color:var(--gold)}
@media (max-width:560px){.sn-in{overflow-x:auto;white-space:nowrap}}
@media (max-width:560px){.sn-in{flex-wrap:wrap;overflow:visible;gap:0;padding:2px 8px}.sn a{padding:0 9px;font-size:14px}.sn .sn-logo{display:none}}