/* Shifa Ul-Dahar — consistent Home/About navigation, CSS-only & accessible.
   Header markup and geometry remain the same on both pages.
   Works on same-origin links under XAMPP / hosting; unsupported browsers
   gracefully use normal navigation, with no broken links. */
@view-transition { navigation:auto; }
.site-header{view-transition-name:shifa-nav;}
/* Old/new navbar snapshots are held in exactly the same position: never slide.
   Only the new page body changes. */
::view-transition-old(shifa-nav),
::view-transition-new(shifa-nav){animation:none!important;mix-blend-mode:normal;}
::view-transition-group(shifa-nav){animation-duration:0s!important;}
/* A controlled slow dissolve of main content without moving the navbar. */
::view-transition-old(root){animation: .28s cubic-bezier(.4,0,.2,1) both shifa-exit;}
::view-transition-new(root){animation: .58s cubic-bezier(.18,.7,.22,1) both shifa-enter;}
@keyframes shifa-exit{to{opacity:0;transform:translateY(-5px)}}
@keyframes shifa-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}