/* Mobile layout contract. Explicit geometry prevents legacy layout collisions. */
.mx-bottom-nav{display:none}
html[data-experience][data-design] .prayer-timeline{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch;margin-top:22px}
html[data-experience][data-design] .prayer-time{position:relative;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:7px!important;min-width:0!important;min-height:102px;height:auto;padding:12px 4px!important;font-size:14px!important;letter-spacing:0;border:1px solid var(--ax-line)!important;overflow:visible}
html[data-experience][data-design] .prayer-time strong{display:block;max-width:100%;font-family:var(--ds-font)!important;font-size:1.05rem!important;line-height:1.45!important;letter-spacing:0!important;font-weight:650;direction:ltr;white-space:nowrap;color:var(--ax-ink)!important;font-variant-numeric:tabular-nums}
html[data-experience][data-design] .prayer-time small{font-size:.68rem!important;line-height:1.6;color:var(--ax-muted)!important;white-space:normal;text-align:center}
html[data-experience][data-design] .prayer-time .prayer-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:var(--ax-panel)!important;color:var(--ax-muted)!important}
html[data-experience][data-design] .prayer-time .prayer-icon svg{width:17px;height:17px}
html[data-experience][data-design] .prayer-time.is-next{background:var(--ax-soft)!important;border-color:var(--ax-gold)!important;box-shadow:none!important}
html[data-experience][data-design] .prayer-time.is-next strong,html[data-experience][data-design] .prayer-time.is-next .prayer-icon{color:var(--ax-gold)!important}
html[data-experience][data-design] .prayer-time .prayer-check{display:none}
html[data-experience][data-design] .page .next-prayer-card{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:10px;padding:16px!important;margin-top:16px;border-radius:14px}
html[data-experience][data-design] .next-prayer-card>div{min-width:0}.next-prayer-countdown{text-align:left}
html[data-experience][data-design] .next-prayer-card strong{font-family:var(--ds-font)!important;font-size:.78rem!important;line-height:1.8;white-space:normal!important}
html[data-experience][data-design] .next-prayer-card small{font-size:.62rem!important;line-height:1.7}
html[data-experience][data-design] .prayer-card:before{display:none}
html[data-experience][data-design] :is(.ritual-card,.siraj-worship-category){display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start;gap:12px!important;text-align:right}
html[data-experience][data-design] .ritual-card>svg:last-child{display:none}
html[data-experience][data-design] .ritual-card :is(strong,small){width:100%;min-width:0;overflow-wrap:anywhere}
html[data-experience][data-design] .mx-preferences{display:grid;place-items:center;width:40px;min-height:40px;padding:8px;border-radius:12px;border:1px solid var(--ax-line);color:var(--ax-gold);background:var(--ax-panel)}
@media(max-width:900px){
 html[data-experience][data-design]:not(.qx-active):not(.bx-active):not(.ax-focus) .mx-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:110;bottom:0;left:0;right:0;min-height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));gap:2px;background:var(--ax-panel);border-top:1px solid var(--ax-line);box-shadow:0 -8px 28px #00000014;direction:rtl}
 html[data-experience][data-design] .mx-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:55px;padding:0 2px;background:transparent;border:0;box-shadow:none;border-radius:12px;color:var(--ax-muted);font-family:var(--ds-font);font-size:10px;line-height:1.5;font-weight:500;white-space:nowrap;touch-action:manipulation}
 html[data-experience][data-design] .mx-nav-icon{display:grid;place-items:center;min-width:48px;height:30px;border-radius:11px;transition:background .15s}
 html[data-experience][data-design] .mx-nav-icon svg{width:22px;height:22px;stroke-width:1.65}
 html[data-experience][data-design] .mx-bottom-nav [aria-current=page]{color:var(--ax-gold);font-weight:750}
 html[data-experience][data-design] .mx-bottom-nav [aria-current=page] .mx-nav-icon{background:var(--ax-soft)}
 html[data-experience][data-design] :is(.bottom-nav,.sidebar,.desktop-topbar,.mobile-page-title,.design-launcher){display:none!important}
 html[data-experience][data-design]:not(.qx-active):not(.bx-active):not(.ax-focus) .sidebar{display:none!important}
 html[data-experience][data-design] .app-main{width:100%!important;padding-bottom:0!important}
 html[data-experience][data-design] .mobile-topbar{display:flex!important;align-items:center;justify-content:space-between;padding:12px 18px!important;min-height:66px;gap:15px}
 html[data-experience][data-design] .mobile-topbar .brand-symbol{width:31px;height:31px;border-radius:11px;transform:rotate(0);box-shadow:none}
 html[data-experience][data-design] .mobile-topbar .brand-copy strong{font-size:17px;line-height:1.6}
 html[data-experience][data-design] .mobile-topbar-actions{display:flex;align-items:center;gap:8px}
 html[data-experience][data-design] .mobile-topbar-actions>:not([aria-label="جست‌وجوی سراسری"]):not(.mx-preferences){display:none!important}
 html[data-experience][data-design] .mobile-topbar .icon-button{width:40px;height:40px;min-height:40px;border-radius:12px}
 html[data-experience][data-design] .page-wrap{padding:12px 16px calc(104px + env(safe-area-inset-bottom,0px))!important;max-width:740px!important}
 html[data-experience][data-design] .page{gap:20px!important;min-width:0}
 html[data-experience][data-design] .page>:not(.qx-owned){max-width:100%}
 html[data-experience][data-design] .page-intro{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:14px;padding:4px 0 20px!important;min-height:0}
 html[data-experience][data-design] .page-intro-copy{flex:1;min-width:0}
 html[data-experience][data-design] .page-intro h1{font-size:1.35rem!important;line-height:1.7;margin:6px 0!important}
 html[data-experience][data-design] .page-intro p{font-size:.73rem;line-height:1.95;margin:0;color:var(--ax-muted)}
 html[data-experience][data-design] .page-intro .intro-icon{width:42px;height:42px;min-height:42px;flex:0 0 42px;border:1px solid var(--ax-line);border-radius:14px;background:var(--ax-soft)!important;color:var(--ax-gold);box-shadow:none}
 html[data-experience][data-design] .intro-icon:before{display:none}
 html[data-experience][data-design] .welcome-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;margin:0}
 html[data-experience][data-design] .welcome-row h1{font-size:1.4rem!important;line-height:1.8;margin:6px 0!important}
 html[data-experience][data-design] .welcome-row p{font-size:.7rem;line-height:1.85;margin:0}
 html[data-experience][data-design] .welcome-row .location-pill{position:static;max-width:110px;min-height:38px;padding:7px 10px;border-radius:11px;font-size:.7rem}
 html[data-experience][data-design] .page-home>.hero-card{min-height:265px!important;grid-row:2;border-radius:20px!important}
 html[data-experience][data-design] .hero-main{padding:22px 22px 68px!important;flex:1;position:relative;z-index:1}
 html[data-experience][data-design] .hero-main h2{font-size:1.65rem!important;margin:10px 0!important;line-height:1.8}
 html[data-experience][data-design] .hero-kicker{font-size:.72rem}
 html[data-experience][data-design] .hero-countdown{margin:12px 0 14px!important;min-height:0;gap:5px}
 html[data-experience][data-design] .hero-countdown strong{font-size:2rem!important;letter-spacing:.03em;line-height:1.5}
 html[data-experience][data-design] .hero-link{font-size:.72rem}
 html[data-experience][data-design] .hero-footer{left:22px;right:22px;bottom:14px;padding-top:12px;gap:10px;z-index:2}
 html[data-experience][data-design] .hero-footer :is(span,button){font-size:.65rem}
 html[data-experience][data-design] .hero-orbit{width:150px;height:170px;left:12px;top:32px;opacity:.19;pointer-events:none}
 html[data-experience][data-design] .ax-date-card{padding:18px;gap:12px;border-radius:18px;grid-template-columns:1fr 1fr}
 html[data-experience][data-design] .ax-date-main>strong{font-size:2.7rem}.ax-date-main b{font-size:.8rem}.ax-date-main span{font-size:.7rem}
 html[data-experience][data-design] .ax-date-top{font-size:.7rem}
 html[data-experience][data-design] .ax-date-lines{font-size:.61rem;gap:7px}
 html[data-experience][data-design] .ax-date-links button{min-height:40px;padding:9px 10px;font-size:.67rem!important}
 html[data-experience][data-design] .ax-date-links svg{width:18px;height:18px}
 html[data-experience][data-design] .ax-section-title{margin-bottom:12px}.ax-section-title h2{font-size:1.05rem!important}
 html[data-experience][data-design] .ax-shortcut{min-height:148px;padding:15px 12px;gap:10px;border-radius:16px}
 html[data-experience][data-design] .ax-shortcut-caption{font-size:.61rem;line-height:1.8}
 html[data-experience][data-design] .ax-shortcut strong{font-size:.78rem}
 html[data-experience][data-design] .daily-ethics-card{padding:22px!important;min-height:0}
 html[data-experience][data-design] .prayer-card{padding:18px 14px!important;border-radius:20px!important}
 html[data-experience][data-design] .prayer-card-top{display:flex;flex-direction:row;align-items:center;gap:12px}
 html[data-experience][data-design] .prayer-card h2{font-size:1.25rem!important;line-height:1.7;color:var(--ax-ink)}
 html[data-experience][data-design] .prayer-card-top .section-eyebrow{font-size:.65rem}
 html[data-experience][data-design] .prayer-card-top button{font-size:.62rem;padding:8px;min-height:38px;max-width:45%;border-radius:10px;white-space:normal}
 html[data-experience][data-design] .prayer-timeline{gap:7px!important;margin-top:18px}
 html[data-experience][data-design] .prayer-time{min-height:92px;padding:10px 3px!important;border-radius:12px!important;gap:6px!important}
 html[data-experience][data-design] .prayer-time strong{font-size:.97rem!important}
 html[data-experience][data-design] .prayer-time small{font-size:.62rem!important}
 html[data-experience][data-design] .page .next-prayer-card{padding:12px!important;gap:8px;grid-template-columns:24px minmax(0,1fr) minmax(0,1.1fr)}
 html[data-experience][data-design] .next-prayer-icon{width:24px;height:24px}
 html[data-experience][data-design] .next-prayer-card strong{font-size:.69rem!important}
 html[data-experience][data-design] :is(.ritual-grid,.siraj-worship-tools .siraj-worship-dashboard,.siraj-worship-tools .siraj-worship-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-experience][data-design] :is(.ritual-card,.siraj-worship-card,.siraj-worship-category){min-height:125px!important;padding:18px!important;border-radius:16px!important;gap:9px!important}
 html[data-experience][data-design] :is(.ritual-icon,.siraj-worship-category-icon){width:36px;height:36px}
 html[data-experience][data-design] .ritual-card strong{font-size:.82rem!important}.ritual-card small{font-size:.67rem!important}
 html[data-experience][data-design] .ax-ahl-hero{min-height:215px;padding:23px;border-radius:20px;gap:12px}
 html[data-experience][data-design] .ax-ahl-hero-copy{min-width:0}
 html[data-experience][data-design] .ax-ahl-hero h2{font-size:1.6rem!important;margin:10px 0;line-height:1.9}
 html[data-experience][data-design] .ax-ahl-art{flex-basis:105px;height:165px;background-size:165px;opacity:.75}
 html[data-experience][data-design] .ax-ahl-calligraphy{font-size:1.3rem;line-height:1.9}
 html[data-experience][data-design] .ax-ahl-tags{margin-top:14px}.ax-ahl-hero p{font-size:.7rem}
 html[data-experience][data-design] .ahlulbayt-person-card{flex-basis:140px;min-height:62px!important}
 html[data-experience][data-design] .ahlulbayt-category-card{min-height:130px;padding:18px!important;gap:12px!important}
 html[data-experience][data-design] .ahlulbayt-category-card strong{font-size:.82rem!important}
 html[data-experience][data-design] .library-hero{padding:22px!important;min-height:165px;border-radius:18px!important;gap:18px}
 html[data-experience][data-design] .library-hero h2{font-size:1.3rem!important;margin:8px 0}
 html[data-experience][data-design] .library-hero p{font-size:.72rem!important;line-height:1.9}
 html[data-experience][data-design] .library-hero:after{width:140px;left:0;opacity:.15}
 html[data-experience][data-design] .library-hero-art{display:none}
 html[data-experience][data-design] .library-hero :is(h2,p){max-width:100%}
 html[data-experience][data-design] .library-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-experience][data-design] .library-item{min-height:230px;padding:18px!important;gap:14px!important;border-radius:16px!important}
 html[data-experience][data-design] .library-item-icon{width:58px!important;height:80px!important}
 html[data-experience][data-design] .library-item-copy strong{font-size:.89rem!important;line-height:1.9}
 html[data-experience][data-design] .library-item-copy small{font-size:.66rem;line-height:1.8}
 html[data-experience][data-design] .library-item:before{width:70px;height:70px;left:6px;top:20px;opacity:.18}
 html[data-experience][data-design] .rah-catalog-tools{padding:14px!important;gap:12px!important}
 html[data-experience][data-design] .rah-catalog-tabs{display:flex;flex-wrap:wrap;gap:6px}
 html[data-experience][data-design] .rah-catalog-tabs button{min-height:38px;font-size:.65rem;padding:8px 11px}
 html[data-experience][data-design] .ax-personal-card{padding:22px;gap:15px}
 html[data-experience][data-design] .ax-personal-card h2{font-size:1.15rem}.ax-personal-card p{font-size:.73rem}
 html[data-experience][data-design] .ax-theme-swatches{gap:5px;justify-content:space-between}
 html[data-experience][data-design] .ax-theme-swatches button{padding:6px;min-width:44px}
 html[data-experience][data-design] .more-link{min-height:78px!important;padding:17px!important}
 html[data-experience][data-design] .more-link strong{font-size:.8rem!important}
 html[data-experience][data-design] :is(.mafatih-reader-heading,.ziyarat-reader-heading,.sins-reader-heading,.topical-hadiths-page>.quran-reader-heading,.quran-miracles-page>.quran-reader-heading){padding:20px!important;gap:12px!important}
 html[data-experience][data-design] :is(.mafatih-reader-heading,.ziyarat-reader-heading,.sins-reader-heading,.topical-hadiths-page>.quran-reader-heading,.quran-miracles-page>.quran-reader-heading) h1{font-size:1.3rem!important;line-height:1.8}
 html[data-experience][data-design] :is(.mafatih-reader-heading,.ziyarat-reader-heading,.sins-reader-heading,.topical-hadiths-page>.quran-reader-heading,.quran-miracles-page>.quran-reader-heading) p{font-size:.7rem;line-height:1.9}
 html[data-experience][data-design] :is(.mafatih-article-card,.ziyarat-file-content-card,.sins-article-card){padding:20px 16px!important}
 html[data-experience][data-design] :is(.detail-sheet,.siraj-worship-sheet,.siraj-extra-box,.siraj-polish-box,.design-dialog){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;min-width:0;overflow:auto;border-radius:20px!important}
 html[data-experience][data-design] :is(.siraj-worship-body,.siraj-extra-body){padding:18px!important}
 html[data-experience][data-design] :is(.siraj-worship-head,.siraj-extra-head){padding:16px 18px!important}
 html[data-experience][data-design] .design-gallery{grid-template-columns:1fr!important}
 html[data-experience][data-design] .design-choice{display:grid;grid-template-columns:90px minmax(0,1fr);padding:12px;gap:14px;text-align:right}
 html[data-experience][data-design] .design-preview{height:106px!important;border:0!important;align-self:center}
 html[data-experience][data-design] .design-choice-meta{padding:0!important}.design-choice-meta>span{font-size:.7rem!important}
 html[data-experience][data-design] .design-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html[data-experience][data-design] .design-field{min-width:0}.design-field select{width:100%}
 html[data-experience][data-design]:is(.qx-active,.bx-active,.ax-focus) .mobile-topbar{display:none!important}
 html[data-experience][data-design]:is(.qx-active,.bx-active) .qx-page .qx-top{min-height:76px!important;gap:10px}
 html[data-experience][data-design]:is(.qx-active,.bx-active) .qx-top nav{gap:5px;flex-wrap:wrap;justify-content:flex-end}
 html[data-experience][data-design]:is(.qx-active,.bx-active) .qx-top button{min-width:36px!important;width:36px!important;height:36px;min-height:36px;padding:7px!important}
 html[data-experience][data-design] .qx-page .qx-brand strong{font-size:1.25rem!important}
 html[data-experience][data-design] .qx-page .qx-brand>svg{width:25px;height:25px}
 html[data-experience][data-design] .qx-page .qx-brand{gap:7px;flex-shrink:0}
 html[data-experience][data-design] .qx-page .qx-feature{min-height:145px;padding:19px!important}
}
@media(max-width:350px){html[data-experience][data-design] .prayer-timeline{grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-experience][data-design] .ax-ahl-art{display:none}html[data-experience][data-design] .mx-bottom-nav button{font-size:9px}html[data-experience][data-design] .design-fields{grid-template-columns:1fr}html[data-experience][data-design] .hero-countdown strong{font-size:1.8rem!important}}
@media(prefers-reduced-motion:reduce){.mx-nav-icon{transition:none!important}}
/* A transformed page makes fixed reading panels anchor to the document instead
   of the viewport. Keep route transitions free of transformed containing blocks. */
html[data-experience][data-design] .page{animation:none!important;transform:none!important;filter:none!important}
@media(max-width:900px){html[data-experience][data-design] .mx-bottom-nav button{font-size:11px}}
@media(max-width:350px){html[data-experience][data-design] .mx-bottom-nav button{font-size:10px}}
.bx-settings-button{display:none!important}
@media(max-width:760px){
 html[data-experience][data-design].bx-active .bx-page[data-bx-view=reader]>.bx-reading-bar{padding:12px 0!important;gap:8px;margin-bottom:12px!important}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-bar>.bx-settings-button{display:flex!important;order:2;margin-inline-start:auto;min-height:40px;padding:8px 12px;font-size:11px!important}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-bar>.bx-focus-button{margin:0!important}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;order:3;margin:0;width:100%}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-modes button{position:relative;min-width:0;min-height:40px;padding:6px 4px!important;font-size:10px!important}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-modes button span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-modes button:after{content:attr(data-short)}
 html[data-experience][data-design].bx-active .bx-page .bx-reading-note{display:none}
 html[data-experience][data-design].bx-active .bx-page:not(.bx-settings-open)>:is(.nahj-reader-controls,.sahifa-reader-controls,.nahj-detail-actions,.sahifa-detail-actions){display:none!important}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-text-card-heading,.sahifa-text-card-heading){padding:16px!important;gap:6px!important}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-text-card-heading,.sahifa-text-card-heading) h2{font-size:14px!important;line-height:1.9;margin:6px 0!important}
 html[data-experience][data-design].bx-active .bx-page .sahifa-text-card-heading p{font-size:12px!important;line-height:1.9}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-block,.sahifa-arabic-block){padding:18px 16px!important}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-block,.sahifa-arabic-block)>header{margin-bottom:14px}
}
html[data-experience][data-design] .prayer-card-top button{color:var(--ax-ink)!important;background:var(--ax-soft)!important;border:1px solid var(--ax-line)!important}
@media(max-width:760px){
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-heading,.sahifa-block-heading){display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px!important;padding:0 0 12px!important;text-align:right}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-heading,.sahifa-block-heading)>div{min-width:0}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-heading,.sahifa-block-heading) .content-tag{display:none}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-heading,.sahifa-block-heading) h3{font-size:12px!important;margin:0!important;line-height:1.8}
 html[data-experience][data-design].bx-active .bx-page :is(.nahj-arabic-heading,.sahifa-block-heading)>button{width:auto!important;min-width:44px;min-height:36px;padding:7px 11px!important;flex:0 0 auto;font-size:10px}
 html[data-experience][data-design].bx-active .bx-page[data-bx-mode=parallel] :is(.nahj-translation-block,.sahifa-translation-block,.nahj-missing-translation,.sahifa-missing-translation){height:32dvh;max-height:32dvh;padding:15px 20px max(15px,env(safe-area-inset-bottom))!important}
 html[data-experience][data-design].bx-active .bx-page[data-bx-mode=parallel][data-bx-view=reader]{padding-bottom:32dvh!important}
 html[data-experience][data-design].bx-active .bx-page[data-bx-view=reader]>.bx-reading-bar{position:sticky;top:0;z-index:35;background:var(--ax-panel)!important}
 html[data-experience][data-design] .qx-page>.qx-readerbar{position:sticky;top:0;z-index:35;background:var(--ax-panel)!important}
 html[data-experience][data-design] .mobile-topbar{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
}
html[data-experience][data-design] .modal-backdrop{z-index:500!important;padding:16px 12px!important;align-items:center!important;animation:none!important}
html[data-experience][data-design].mx-modal-open .mx-bottom-nav{display:none!important}
html[data-experience][data-design] .modal-backdrop :is(.detail-sheet,.search-panel,.ai-panel){max-height:calc(100dvh - 32px)!important;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:900px){html[data-experience][data-design] .location-picker-fields{gap:14px}.location-picker-hint{font-size:.7rem;line-height:1.9}html[data-experience][data-design] .detail-sheet-header{padding:18px 20px}.detail-sheet-body{padding:20px!important}}