:root{--motion-ease:cubic-bezier(.22, 1, .36, 1)}.header-inner .main-nav{margin-left:auto}.header-actions{align-items:center;gap:5px;display:flex}.motion-toggle{color:var(--muted);border:1px solid var(--line);border-radius:50%;min-width:36px;min-height:36px}.motion-toggle:hover,.motion-toggle[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.hero-stage{overflow:clip}@keyframes arrive{0%{opacity:0}to{opacity:1}}@keyframes settle{0%{opacity:0}to{opacity:1}}@keyframes menu-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=paused]) :is(.page-heading,.article-header) h1{animation:arrive .85s var(--motion-ease) backwards}:root:not([data-motion=paused]) .tour-screenshot,:root:not([data-motion=paused]) .tour-panel-content{animation:.2s ease-out backwards arrive}:root:not([data-motion=paused]) .timetable-change{animation:arrive .4s var(--motion-ease) backwards}:root:not([data-motion=paused]) .prayer-time{animation:arrive .5s var(--motion-ease) backwards}:root:not([data-motion=paused]) .prayer-time:nth-child(2){animation-delay:45ms}:root:not([data-motion=paused]) .prayer-time:nth-child(3){animation-delay:90ms}:root:not([data-motion=paused]) .prayer-time:nth-child(4){animation-delay:.135s}:root:not([data-motion=paused]) .prayer-time:nth-child(5){animation-delay:.18s}:root:not([data-motion=paused]) .prayer-time:nth-child(6){animation-delay:.225s}:root:not([data-motion=paused]) .hero-stage :is(.timetable-change,.prayer-time){animation:none}:root:not([data-motion=paused]) .search-results{animation:settle .22s var(--motion-ease) backwards}:root:not([data-motion=paused]) .screen-dialog[open]{animation:settle .25s var(--motion-ease) backwards}:root:not([data-motion=paused]) .table-scroll{animation:arrive .3s var(--motion-ease) backwards}:root:not([data-motion=paused]) .main-nav.is-open{animation:menu-arrive .3s var(--motion-ease) backwards}:root:not([data-motion=paused]) .monthly{animation:arrive .4s var(--motion-ease) backwards}:root:not([data-motion=paused]) details[open]>:is(p,.settings-grid){animation:arrive .3s var(--motion-ease) backwards}.button,.location-button,.icon-button{transition:background .2s, border-color .2s, color .2s, transform .2s var(--motion-ease)}.button svg,.text-link svg,.hero-app-link svg,.article-link svg{transition:transform .3s var(--motion-ease)}:is(.button,.text-link,.hero-app-link):hover svg,:is(.article-card,.journal-lead,.journal-story):hover .article-link svg{transform:translate(4px)}:is(.button,.location-button,.icon-button):active{transform:scale(.97)}.faq-list summary span{transition:transform .25s var(--motion-ease)}.faq-list details[open] summary span{transform:rotate(45deg)}.journal-lead .article-art,.journal-story .article-art{transition:border-color .3s, transform .45s var(--motion-ease)}:is(.journal-lead,.journal-story):hover .article-art{border-color:var(--gold)}.main-nav>a:not(.button){position:relative}.main-nav>a:not(.button):after{content:"";background:var(--gold);transform-origin:0;height:1px;transition:transform .3s var(--motion-ease);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.main-nav>a:not(.button):hover:after{transform:scaleX(1)}}:root[data-motion=paused]{scroll-behavior:auto}:root[data-motion=paused] *,:root[data-motion=paused] :before,:root[data-motion=paused] :after{transition:none!important;animation:none!important}@media (width<=760px){.header-inner{gap:15px}.header-actions{gap:8px}.motion-toggle{min-width:44px;min-height:44px}.header-actions .menu-toggle{min-width:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-toggle{display:none}}@media print{*,:before,:after{opacity:1!important;transition:none!important;animation:none!important}.hero-stage:after{display:none}}