/* Unified sanctuary experience. Native controls and reader behavior remain owned by React. */
:root[data-experience=sanctuary][data-design]{--ax-bg:#0c1513;--ax-panel:#13231e;--ax-soft:#1d332a;--ax-ink:#f3f1e8;--ax-muted:#b1bfb4;--ax-gold:#dfc17d;--ax-accent:#8dc7a5;--ax-line:#30483a;--ax-hero:#123b2b;--ax-onhero:#fff4d9;--ds-bg:var(--ax-bg);--ds-panel:var(--ax-panel);--ds-soft:var(--ax-soft);--ds-ink:var(--ax-ink);--ds-muted:var(--ax-muted);--ds-gold:var(--ax-gold);--ds-accent:var(--ax-accent);--ds-line:var(--ax-line);--ds-hero:var(--ax-hero);--ds-onhero:var(--ax-onhero);--ds-radius:22px;--ds-gap:24px;--ds-shadow:0 12px 35px #00000012;color-scheme:dark}
:root[data-experience=sanctuary][data-design=daftar]{--ax-bg:#f4efe5;--ax-panel:#fffaf0;--ax-soft:#ebe2d1;--ax-ink:#332f26;--ax-muted:#716959;--ax-gold:#80602b;--ax-accent:#46694f;--ax-line:#d9cdb8;--ax-hero:#343e2d;color-scheme:light}
:root[data-experience=sanctuary][data-design=orbit]{--ax-bg:#0e1926;--ax-panel:#182b3e;--ax-soft:#233d52;--ax-ink:#edf4f9;--ax-muted:#b0c3d4;--ax-gold:#dfc58d;--ax-accent:#9ccbdd;--ax-line:#375266;--ax-hero:#153951}
:root[data-experience=sanctuary][data-design=garden]{--ax-bg:#eff2e8;--ax-panel:#fcfcf5;--ax-soft:#e2e9d8;--ax-ink:#2d402e;--ax-muted:#66705c;--ax-gold:#7c6134;--ax-accent:#496a40;--ax-line:#ccd7bf;--ax-hero:#344e35;color-scheme:light}
:root[data-experience=sanctuary][data-design=atlas]{--ax-bg:#201419;--ax-panel:#332029;--ax-soft:#462e36;--ax-ink:#f9eee4;--ax-muted:#ccb8b8;--ax-gold:#e7bd96;--ax-accent:#d9a3a8;--ax-line:#60404a;--ax-hero:#4c2330}
:root[data-experience=sanctuary][data-siraj-dark=on]{--ax-bg:#101817;--ax-panel:#192724;--ax-soft:#253933;--ax-ink:#f3f4ec;--ax-muted:#bdc9bf;--ax-line:#40564a;color-scheme:dark}
:root[data-experience=sanctuary][data-siraj-dark=light]{--ax-bg:#f3f1e9;--ax-panel:#fffdf5;--ax-soft:#e6e9dd;--ax-ink:#283c31;--ax-muted:#626f63;--ax-line:#cdd5c8;--ax-gold:#806128;--ax-accent:#3b6851;color-scheme:light}
:root[data-experience=sanctuary][data-siraj-contrast=high]{--ax-muted:var(--ax-ink);--ax-line:var(--ax-gold)}
:root[data-experience=sanctuary][data-siraj-density=compact]{--ds-gap:14px}
html[data-experience] *,html[data-experience] *:before,html[data-experience] *:after{box-sizing:border-box}
html[data-experience] body{margin:0}
html[data-experience] :is(button,input,select,a){-webkit-tap-highlight-color:transparent}
html[data-experience] button{min-height:44px}
html[data-experience] :is(button,a,input,select):focus-visible{outline:2px solid var(--ax-gold)!important;outline-offset:4px}
html[data-experience] [hidden],html[data-experience] .ax-filtered{display:none!important}
html[data-experience] .ax-owned svg{width:24px;height:24px;flex-shrink:0}
html[data-experience] .ax-owned button{font:inherit;color:inherit}
html[data-experience] :is(.ax-eyebrow,.section-eyebrow){font-size:.72rem;letter-spacing:.03em;color:var(--ax-gold)!important}
html[data-experience] .ax-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
html[data-experience] .ax-section-title h2{font-size:1.3rem;margin:4px 0}
html[data-experience] .ax-text-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ax-gold)!important;font-size:.75rem!important}
html[data-experience] :is(.ax-primary,.ax-date-links button){border:1px solid var(--ax-line);border-radius:12px;background:var(--ax-soft);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px}
/* Navigation stays in one familiar position across all five palettes. */
html[data-experience][data-design]:not(.qx-active):not(.bx-active) .app-shell{display:flex!important;flex-direction:row!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}
html[data-experience][data-design] .sidebar{display:flex;position:sticky!important;top:0;inset-inline:auto;width:224px!important;flex:0 0 224px!important;height:100dvh;padding:34px 18px!important;background:var(--ax-panel)!important;color:var(--ax-ink)!important;border-inline-end:1px solid var(--ax-line)!important}
html[data-experience][data-design] .sidebar .brand-copy strong{color:var(--ax-gold)!important}
html[data-experience][data-design] .sidebar :is(.brand-copy small,.sidebar-footer span,.sidebar-footer button){color:var(--ax-muted)!important}
html[data-experience][data-design] .sidebar .nav-button{color:var(--ax-muted)!important;opacity:1;min-height:52px;margin:4px 0;padding:12px 16px;border:1px solid transparent}
html[data-experience][data-design] .sidebar .nav-button.is-active{background:var(--ax-soft)!important;border-color:var(--ax-line);color:var(--ax-gold)!important}
html[data-experience][data-design] .app-main{width:calc(100% - 224px);flex:1;min-width:0}
html[data-experience][data-design] .page-wrap{max-width:1480px;padding:30px clamp(18px,3vw,48px) 45px}
html[data-experience][data-design] .desktop-topbar{max-width:1480px;padding:24px clamp(18px,3vw,48px) 0;margin:auto}
html[data-experience][data-design] .topbar{background:transparent!important;color:var(--ax-ink);box-shadow:none!important}
html[data-experience][data-design] .page{gap:var(--ds-gap)!important}
html[data-experience][data-design] .page-intro{background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 14px!important;border-bottom:1px solid var(--ax-line)!important}
html[data-experience][data-design] .page-intro h1{font-size:clamp(1.7rem,3vw,2.5rem)}
html[data-experience][data-design] .bottom-nav{background:var(--ax-panel)!important;border:1px solid var(--ax-line)!important;backdrop-filter:blur(18px);box-shadow:0 -8px 35px #0002}
/* Home: an intentional daily dashboard, with honest personal reading history. */
html[data-experience][data-design] .page-home{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)!important;align-items:stretch}
html[data-experience][data-design] .page-home>.welcome-row{grid-column:1/-1;order:0}
html[data-experience][data-design] .page-home>.hero-card{grid-column:1;grid-row:2;order:1;min-height:330px;border-color:var(--ax-line)!important;background:linear-gradient(120deg,#ffffff05,transparent),var(--ax-hero)!important}
html[data-experience][data-design] .hero-main{padding:30px 32px 85px!important}
html[data-experience][data-design] .hero-orbit{background:url('./assets/sanctuary-line.svg') center/contain no-repeat!important;border:0!important;width:210px;height:235px;left:2%;top:30px;opacity:.35;transform:none!important}
html[data-experience][data-design] .hero-orbit>*{visibility:hidden}
html[data-experience][data-design] .hero-main h2{font-size:2.1rem!important}
html[data-experience][data-design] .hero-countdown strong{font-size:2.7rem!important;color:#e7cf92!important}
html[data-experience][data-design] .hero-footer{left:28px;right:28px}
html[data-experience][data-design] .page-home>.ax-date-card{grid-column:2;grid-row:2;order:2}
html[data-experience][data-design] .page-home>.quick-actions-section{display:none!important}
html[data-experience][data-design] .page-home>.ax-shortcuts{grid-column:1/-1;order:3}
html[data-experience][data-design] .page-home>.ax-resume-section{grid-column:1/-1;order:4}
html[data-experience][data-design] .page-home>.daily-ethics-section{grid-column:1/-1;order:5}
.ax-date-card{padding:25px;border:1px solid var(--ax-line);border-radius:22px;background:var(--ax-panel);display:flex;flex-direction:column;gap:18px}
.ax-date-top{display:flex;justify-content:space-between;color:var(--ax-gold);font-size:.8rem}
.ax-date-main{display:flex;gap:18px;align-items:center}.ax-date-main>strong{font-size:4.2rem;line-height:1.1;color:var(--ax-gold);font-weight:400}.ax-date-main>div{display:grid;gap:8px}.ax-date-main b{font-weight:500}.ax-date-main span{font-size:.85rem;color:var(--ax-muted)}
.ax-date-lines{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--ax-muted);flex-wrap:wrap}.ax-date-links{display:flex;gap:8px;flex-wrap:wrap}.ax-date-links button{font-size:.73rem!important;flex:1;white-space:nowrap}.ax-date-note{margin-top:auto;font-size:.7rem;color:var(--ax-muted)}
.ax-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.ax-shortcut{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-height:195px;padding:20px 18px;text-align:right;background:var(--ax-panel);border:1px solid var(--ax-line);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.ax-shortcut:hover{transform:translateY(-4px);border-color:var(--ax-gold)}.ax-shortcut-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--ax-soft);border:1px solid var(--ax-line);color:var(--ax-gold)}.ax-shortcut strong{font-size:.9rem}.ax-shortcut-caption{color:var(--ax-muted);font-size:.67rem;line-height:1.8}.ax-shortcut-order{position:absolute;left:16px;top:20px;color:var(--ax-muted);opacity:.5}.ax-shortcut>b{margin-inline-start:auto;color:var(--ax-gold);font-weight:400}.ax-resume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ax-resume-grid button{display:flex;align-items:center;gap:14px;text-align:right;padding:20px;border:1px solid var(--ax-line);border-radius:16px;background:var(--ax-panel)}.ax-resume-grid button>span{display:grid;gap:7px;flex:1}.ax-resume-grid small{color:var(--ax-gold)}.ax-resume-grid strong{font-size:.8rem}
html[data-experience][data-design] .daily-ethics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html[data-experience][data-design] .daily-ethics-card{padding:28px!important;border-top:2px solid var(--ax-gold)!important;min-height:230px}
html[data-experience][data-design] .daily-ethics-arabic{font-size:1.65rem;line-height:2.3;color:var(--ax-gold)}
/* Ahlulbayt: a searchable directory and a sanctuary-shaped reading identity. */
html[data-experience][data-design] .page[data-ax-route=ahl]{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;grid-template-areas:'intro intro' 'people hero' 'people content';align-items:start}
html[data-experience][data-design] [data-ax-route=ahl]>.page-intro{grid-area:intro}
html[data-experience][data-design] [data-ax-route=ahl]>.ahlulbayt-panel{grid-area:people;position:sticky;top:22px;padding:18px!important;max-height:calc(100dvh - 44px);overflow:auto}
html[data-experience][data-design] [data-ax-route=ahl]>.ahlulbayt-content-section{grid-area:content;min-width:0}
html[data-experience][data-design] .ahlulbayt-panel-heading{display:block;padding:0 2px 12px}.ahlulbayt-panel-heading p{display:none}
html[data-experience][data-design] .ahlulbayt-panel-heading h2{font-size:.95rem}
html[data-experience][data-design] .ahlulbayt-person-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;max-height:none;overflow:visible}
html[data-experience][data-design] .ahlulbayt-person-card{padding:11px!important;min-height:65px!important;border-radius:12px!important;display:flex;align-items:center;text-align:right;gap:12px;box-shadow:none!important}
html[data-experience][data-design] .ahlulbayt-person-card.is-selected{background:var(--ax-soft)!important;border-color:var(--ax-gold)!important}
html[data-experience][data-design] .ahlulbayt-person-icon{width:35px;height:35px;color:var(--ax-gold);background:transparent!important}
html[data-experience][data-design] .ahlulbayt-person-copy strong{font-size:.8rem}.ax-person-search{margin:6px 0 16px}.ax-person-search label{display:flex;align-items:center;gap:8px;color:var(--ax-muted)}html[data-experience] .ax-person-search input{width:100%;padding:8px;font-size:.75rem}.ax-person-search p{font-size:.73rem;color:var(--ax-muted)}
.ax-ahl-hero{grid-area:hero;position:relative;min-height:295px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px;border:1px solid var(--ax-gold);border-radius:24px;background:radial-gradient(ellipse at 15% 100%,#dfc17d18,transparent 60%),var(--ax-hero);overflow:hidden;color:var(--ax-onhero)}.ax-ahl-hero-copy{position:relative;z-index:1;flex:1}.ax-ahl-hero .ax-eyebrow{color:#e5c985!important}html[data-experience] .ax-ahl-hero h2{font-family:Amiri,serif!important;color:var(--ax-onhero);font-size:clamp(1.9rem,3.5vw,3rem);margin:14px 0}.ax-ahl-hero p{color:#ded9c6;font-size:.85rem}.ax-ahl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ax-ahl-tags span{border:1px solid #dfc17d44;padding:6px 11px;border-radius:20px;font-size:.64rem;color:#e9d7ac}.ax-ahl-art{flex:0 0 220px;height:240px;background:url('./assets/sanctuary-line.svg') center bottom/contain no-repeat;display:flex;justify-content:center;align-items:flex-start}.ax-ahl-calligraphy{font-family:Amiri,serif;font-size:2rem;color:#e8cc8c;max-width:220px;text-align:center;line-height:1.5}
html[data-experience][data-design] .ahlulbayt-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html[data-experience][data-design] .ahlulbayt-category-card{min-height:150px;padding:22px!important;flex-direction:column;align-items:flex-start!important;text-align:right;border-radius:18px!important;gap:14px;background:linear-gradient(135deg,#ffffff04,transparent),var(--ax-panel)!important}
html[data-experience][data-design] .ahlulbayt-category-icon{border:1px solid var(--ax-line);color:var(--ax-gold)!important;border-radius:12px;background:var(--ax-soft)!important;width:44px;height:44px}
html[data-experience][data-design] .ahlulbayt-text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html[data-experience][data-design] .ahlulbayt-text-card{padding:22px!important;min-height:140px;border-radius:16px!important;text-align:right}.ahlulbayt-reading{max-width:800px;margin:auto;line-height:2.3}
/* Library shelves, with distinct spines instead of generic list tiles. */
html[data-experience][data-design] .page[data-ax-route=library]{display:flex!important;flex-direction:column!important}
html[data-experience][data-design] .library-hero{position:relative;min-height:225px;padding:36px!important;background:var(--ax-hero)!important;color:var(--ax-onhero)!important;border-color:var(--ax-line)!important;overflow:hidden}
html[data-experience][data-design] .library-hero:after{content:'';position:absolute;inset:0 auto 0 25px;width:220px;background:url('./assets/ornament-rosette.svg') center/contain no-repeat;opacity:.3;pointer-events:none}
html[data-experience][data-design] .library-hero :is(h1,h2,strong,p){color:var(--ax-onhero)!important;position:relative;z-index:1;max-width:75%}
html[data-experience][data-design] .library-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
html[data-experience][data-design] .library-item{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:255px;padding:28px!important;padding-top:100px!important;text-align:right;border-radius:16px!important;border-inline-start:5px solid var(--ax-gold)!important;background:linear-gradient(145deg,#dfc17d0a,transparent),var(--ax-panel)!important;overflow:hidden}
html[data-experience][data-design] .library-item:before{content:'';position:absolute;top:16px;left:18px;width:92px;height:92px;background:url('./assets/ornament-rosette.svg') center/contain no-repeat;opacity:.32}
html[data-experience][data-design] .library-item:nth-child(3n+2){border-inline-start-color:var(--ax-accent)!important}.library-item strong{font-size:1.1rem!important}.library-item small{line-height:1.9}.ax-library-note{display:flex;gap:12px;align-items:center;padding:18px 0;color:var(--ax-gold);border-top:1px solid var(--ax-line)}.ax-library-note small{margin-inline-start:auto;color:var(--ax-muted)}
/* Worship and companion tools. */
html[data-experience][data-design] .page[data-ax-route=worship]{display:flex!important;flex-direction:column!important}
html[data-experience][data-design] .prayer-card{padding:32px!important;background:linear-gradient(115deg,#dfc17d09,transparent),var(--ax-panel)!important;border-radius:24px!important;border-top:2px solid var(--ax-gold)!important}
html[data-experience][data-design] .prayer-timeline{display:flex!important;flex-wrap:wrap;gap:10px}.prayer-time{flex:1;min-width:95px}
html[data-experience][data-design] .prayer-time{padding:18px 12px!important;border:1px solid var(--ax-line);border-radius:14px;background:var(--ax-soft)!important;color:var(--ax-ink)!important}
html[data-experience][data-design] :is(.ritual-grid,.siraj-worship-category-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-experience][data-design] :is(.ritual-card,.siraj-worship-category){padding:26px!important;min-height:155px!important;border-radius:20px!important;border-top:2px solid var(--ax-line)!important}
html[data-experience][data-design] :is(.ritual-card,.siraj-worship-category):hover{border-color:var(--ax-gold)!important}
html[data-experience][data-design] :is(.ritual-icon,.tool-icon,.siraj-worship-category-icon){background:var(--ax-soft)!important;color:var(--ax-gold)!important;border-radius:50%;border:1px solid var(--ax-line)}
/* Personal space. */
html[data-experience][data-design] .page[data-ax-route=more]{display:flex!important;flex-direction:column!important}
[data-ax-route=more]>.page-intro{order:0}[data-ax-route=more]>.ax-personal-card{order:1}[data-ax-route=more]>.ax-more-calendar{order:2}[data-ax-route=more]>.more-links{order:3}[data-ax-route=more]>.settings-card{order:4}
.ax-personal-card{display:flex;align-items:center;gap:28px;padding:34px;border:1px solid var(--ax-line);border-radius:24px;background:var(--ax-panel)}.ax-personal-icon{width:92px;height:92px;flex-shrink:0;border:1px solid var(--ax-gold);border-radius:50%;display:grid;place-items:center;background:var(--ax-soft);color:var(--ax-gold)}html[data-experience] .ax-personal-icon svg{width:46px;height:46px}.ax-personal-card h2{font-size:1.5rem;margin:8px 0}.ax-personal-card p{font-size:.82rem;color:var(--ax-muted);line-height:1.9}.ax-personal-card>.ax-primary{margin-inline-start:auto;white-space:nowrap}.ax-theme-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ax-theme-swatches button{display:grid;justify-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:12px;padding:9px;font-size:.65rem!important}.ax-theme-swatches button[aria-pressed=true]{border-color:var(--ax-gold)}.ax-theme-swatches i{width:30px;height:30px;border-radius:50%;background:#28513e;border:2px solid #dfc17d}.ax-theme-swatches [data-ax-theme=daftar] i{background:#f6edd9}.ax-theme-swatches [data-ax-theme=orbit] i{background:#284965}.ax-theme-swatches [data-ax-theme=garden] i{background:#a5b58e}.ax-theme-swatches [data-ax-theme=atlas] i{background:#754253}.ax-more-calendar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ax-more-calendar button{display:flex;align-items:center;gap:18px;padding:26px;border:1px solid var(--ax-line);border-radius:18px;background:var(--ax-panel)}.ax-more-calendar svg{color:var(--ax-gold)}
html[data-experience][data-design] .more-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.more-link{min-height:100px!important}
/* Secondary libraries and full reading surfaces. */
html[data-experience][data-design] .page:is([data-ax-route=mafatih],[data-ax-route=ziyarat],[data-ax-route=sins],[data-ax-route=hadith],[data-ax-route=miracles]){display:flex!important;flex-direction:column!important}
html[data-experience][data-design] :is(.mafatih-reader-heading,.ziyarat-reader-heading,.sins-reader-heading,.topical-hadiths-heading,.quran-miracles-heading){position:relative;padding:30px!important;border-radius:22px!important;background:var(--ax-hero)!important;border:1px solid var(--ax-line)!important;color:var(--ax-onhero)!important}
html[data-experience][data-design] :is(.mafatih-reader-heading,.ziyarat-reader-heading,.sins-reader-heading,.topical-hadiths-heading,.quran-miracles-heading) :is(h1,h2,p,span){color:var(--ax-onhero)!important}
html[data-experience][data-design] :is(.mafatih-section-card,.mafatih-entry-card,.ziyarat-file-card,.sins-entry-card,.topical-hadith-card,.quran-miracle-card,.sins-category-card){background:var(--ax-panel)!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important;border-radius:18px!important;padding:22px!important}
html[data-experience][data-design] :is(.mafatih-article,.ziyarat-file-content,.sins-article,.topical-hadith-detail){background:var(--ax-panel)!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important;border-radius:22px!important;padding:clamp(22px,4vw,48px)!important}
html[data-experience][data-design] :is(.mafatih-article-text,.ziyarat-file-text,.sins-article-text){max-width:850px;margin-inline:auto;line-height:2.4!important;font-size:1.1rem}
.ax-reader-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--ax-line);border-radius:16px;background:var(--ax-panel)}.ax-reader-tools>span{display:flex;align-items:center;gap:10px;margin-inline-end:auto;color:var(--ax-gold)}.ax-reader-tools button{padding:10px 16px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-soft);display:flex;gap:10px;align-items:center}
html.ax-focus .sidebar,html.ax-focus .bottom-nav,html.ax-focus .desktop-topbar{display:none!important}html.ax-focus .app-main{width:100%!important}html.ax-focus .page-wrap{max-width:1050px}
/* Dialogs, settings and preference previews share the same contrast and controls. */
html[data-experience][data-design] :is(.detail-sheet,.siraj-worship-sheet,.siraj-extra-box,.siraj-polish-box,.siraj-dream-page,.design-dialog,.ai-panel,.search-panel){background:var(--ax-panel)!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important;border-radius:24px!important;box-shadow:0 25px 100px #0007}
html[data-experience][data-design] :is(.detail-sheet,.siraj-worship-sheet,.siraj-extra-box,.siraj-polish-box,.design-dialog) :is(input,select,textarea){padding:10px 12px}
html[data-experience][data-design] :is(.siraj-worship-body,.detail-content,.siraj-extra-body){line-height:2}
html[data-experience][data-design] .design-dialog{max-width:1100px;padding:28px}
html[data-experience][data-design] .design-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px}
html[data-experience][data-design] .design-card{border-radius:16px!important;background:var(--ax-bg)!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important;overflow:hidden}
html[data-experience][data-design] .design-card[aria-pressed=true]{border:2px solid var(--ax-gold)!important;box-shadow:0 0 0 3px #dfc17d12!important}
html[data-experience][data-design] .design-card :is(h3,strong){color:var(--ax-ink)!important}
html[data-experience][data-design] .design-card p{color:var(--ax-muted)!important;font-size:.72rem;line-height:1.8}
html[data-experience][data-design] .design-preferences{border:1px solid var(--ax-line);background:var(--ax-bg);border-radius:16px;margin-top:20px;padding:18px}
html[data-experience][data-design] .design-launcher{border:1px solid var(--ax-gold)!important;background:var(--ax-panel)!important;color:var(--ax-gold)!important;border-radius:14px!important;box-shadow:0 5px 20px #0002}
html[data-experience][data-design] .ax-calendar-overlay{background:var(--ax-bg)}
/* Existing Quran / Nahj / Sahifa compositions inherit the chosen palette. */
html[data-experience][data-design] :is(.qx-page,.bx-page){--qx-bg:var(--ax-bg);--qx-panel:var(--ax-panel);--qx-gold:var(--ax-gold);--qx-muted:var(--ax-muted);color:var(--ax-ink)!important}
html[data-experience][data-design] :is(.qx-top,.qx-feature,.qx-index,.qx-detail-pane,.bx-reading-bar,.bx-index,.bx-reading .nahj-text-card,.bx-reading .sahifa-text-card){background:var(--ax-panel)!important;border-color:var(--ax-line)!important;color:var(--ax-ink)!important}
html[data-experience][data-design] :is(.qx-hero,.bx-hero){background:radial-gradient(ellipse at 10% 90%,#dfc17d10,transparent 60%),var(--ax-hero)!important}
html[data-experience][data-design] .ax-reader-preferences{display:flex;align-items:center;gap:6px}
html[data-experience][data-siraj-reading=wide] :is(.quran-arabic,.nahj-arabic-body,.sahifa-arabic-body,.mafatih-article-text,.ziyarat-file-text,.sins-article-text,.ahlulbayt-reading){line-height:3!important}
html[data-experience][data-siraj-ornament=quiet] :is(.ax-ahl-art,.hero-orbit){visibility:hidden}html[data-experience][data-siraj-ornament=quiet] :is(.library-item,.library-hero):before,html[data-experience][data-siraj-ornament=quiet] .library-hero:after{display:none}
@media(min-width:761px){html[data-experience][data-design] .bottom-nav{display:none!important}}
@media(max-width:1200px){.ax-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ax-shortcut{min-height:175px}.ax-ahl-art{flex-basis:150px;background-size:210px;height:220px}.ax-personal-card{flex-wrap:wrap}html[data-experience][data-design] .library-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-experience][data-design] .page[data-ax-route=ahl]{grid-template-columns:220px minmax(0,1fr)!important}html[data-experience][data-design] .ahlulbayt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1000px){html[data-experience][data-design] .sidebar{width:190px!important;flex-basis:190px!important;padding:25px 12px!important}html[data-experience][data-design] .page-home{grid-template-columns:1fr!important}html[data-experience][data-design] .page-home>.ax-date-card{grid-column:1;grid-row:3}.ax-date-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ax-date-top{grid-column:1/-1}.ax-date-note{display:none}.ax-date-links{grid-column:1/-1}.ax-ahl-art{display:none}html[data-experience][data-design] .design-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){html[data-experience][data-design] .sidebar{display:none!important}html[data-experience][data-design] .app-main{width:100%!important}html[data-experience][data-design] .page-wrap{padding:18px 16px 110px!important}html[data-experience][data-design] .desktop-topbar{display:none!important}html[data-experience][data-design] .bottom-nav{display:flex!important;position:fixed!important;inset:auto 10px max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;transform:none!important;justify-content:space-around!important;padding:8px 4px!important;overflow-x:auto!important;border-radius:21px!important;gap:0!important;z-index:100}html[data-experience][data-design] .bottom-nav .nav-button{flex:1 0 43px!important;min-width:43px!important;font-size:.62rem!important;padding:5px 3px!important;min-height:54px;border-radius:12px!important;color:var(--ax-muted)!important}html[data-experience][data-design] .bottom-nav .nav-button.is-active{color:var(--ax-gold)!important;background:var(--ax-soft)!important}html[data-experience][data-design] .bottom-nav svg{width:21px;height:21px}html[data-experience][data-design] .welcome-row h1{font-size:1.7rem}.ax-shortcut-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.ax-shortcut{min-height:165px;padding:16px 12px;gap:12px}.ax-shortcut-icon{width:40px;height:40px}.ax-shortcut strong{font-size:.78rem}.ax-shortcut-caption{font-size:.6rem}.ax-shortcut-order{display:none}.ax-section-title h2{font-size:1.15rem}.ax-resume-grid{grid-template-columns:1fr}.ax-date-main>strong{font-size:3.7rem}.ax-date-lines{flex-direction:column;align-items:flex-end}html[data-experience][data-design] .daily-ethics-grid{grid-template-columns:1fr}html[data-experience][data-design] .page[data-ax-route=ahl]{display:flex!important;flex-direction:column!important}html[data-experience][data-design] [data-ax-route=ahl]>.page-intro{order:0}html[data-experience][data-design] [data-ax-route=ahl]>.ahlulbayt-panel{order:1;position:static;width:100%;max-height:none;padding:14px!important}html[data-experience][data-design] .ahlulbayt-person-grid{display:flex!important;overflow-x:auto;gap:10px!important;padding-bottom:8px;scroll-snap-type:x proximity}html[data-experience][data-design] .ahlulbayt-person-card{flex:0 0 145px;scroll-snap-align:start;min-height:75px!important}html[data-experience][data-design] .ahlulbayt-panel-heading{display:none}.ax-person-search{margin:0 0 12px}.ax-ahl-hero{order:2;width:100%;min-height:245px;padding:25px}.ax-ahl-art{display:flex;flex-basis:135px;background-size:190px;height:190px}.ax-ahl-calligraphy{font-size:1.5rem}.ax-ahl-hero h2{font-size:1.9rem!important}.ax-ahl-tags{gap:5px;margin-top:16px}.ax-ahl-tags span{font-size:.57rem;padding:5px 8px}html[data-experience][data-design] [data-ax-route=ahl]>.ahlulbayt-content-section{order:3;width:100%}html[data-experience][data-design] .ahlulbayt-category-card{padding:18px!important;min-height:130px}html[data-experience][data-design] .ahlulbayt-text-list{grid-template-columns:1fr}html[data-experience][data-design] .library-hero{padding:26px!important;min-height:185px}html[data-experience][data-design] .library-list{gap:14px!important}html[data-experience][data-design] .library-item{min-height:230px;padding:20px!important;padding-top:95px!important}.ax-library-note{flex-wrap:wrap;font-size:.8rem}.ax-library-note small{width:100%;margin:0}html[data-experience][data-design] :is(.ritual-grid,.siraj-worship-category-grid){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-experience][data-design] .prayer-card{padding:20px!important}.ax-personal-card{padding:24px;gap:18px}.ax-personal-icon{width:58px;height:58px}.ax-personal-card h2{font-size:1.25rem}.ax-personal-card>.ax-primary{width:100%}.ax-more-calendar{gap:12px}.ax-more-calendar button{padding:18px;flex-direction:column;text-align:center;font-size:.78rem!important}html[data-experience][data-design] .more-links{grid-template-columns:1fr!important}html[data-experience][data-design] .design-dialog{padding:20px;border-radius:20px!important}html[data-experience][data-design] .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-experience][data-design] .design-launcher{bottom:94px!important}html[data-experience][data-design]:is(.qx-active,.bx-active) .bottom-nav{display:none!important}}
@media(max-width:380px){.ax-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-ahl-art{display:none}html[data-experience][data-design] .library-list{grid-template-columns:1fr!important}.ax-date-card{padding:20px}.ax-date-main{gap:10px}}
@media(prefers-reduced-motion:reduce){html[data-experience] *,html[data-experience] *:before,html[data-experience] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-experience][data-siraj-motion=reduced] *,html[data-experience][data-siraj-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Override former theme layouts; palettes now share stable navigation. */
html[data-experience][data-design] .sidebar{flex-direction:column!important;align-items:stretch!important;overflow-y:auto!important;border-radius:0!important;min-height:0!important}
html[data-experience][data-design] .sidebar-nav{display:flex;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px}
html[data-experience][data-design] .sidebar .nav-button{flex-direction:row!important;justify-content:flex-start!important;gap:12px;font-size:.82rem}
html[data-experience][data-design] .design-gallery{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html[data-experience][data-design] .design-choice{border-radius:16px!important;background:var(--ax-bg)!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important;overflow:hidden}
html[data-experience][data-design] .design-choice[aria-pressed=true]{border:2px solid var(--ax-gold)!important;box-shadow:0 0 0 3px #dfc17d12!important}
html[data-experience][data-design] .design-choice-meta :is(strong,b){color:var(--ax-ink)!important}.design-shortcuts-hint{color:var(--ax-muted);font-size:.75rem;line-height:1.9}
html[data-experience][data-design] .design-choice-meta>span{color:var(--ax-muted)!important}
html[data-experience][data-design] .design-preview{height:132px;border-bottom:1px solid var(--ax-line);background:#10271e}.design-preview--daftar{background:#eee5d3!important}.design-preview--orbit{background:#172d43!important}.design-preview--garden{background:#e2e8d6!important}.design-preview--atlas{background:#452b36!important}
html[data-experience][data-design] .design-preview .preview-hero{border-radius:10px;background:#315741!important;color:#f4e6c6}.design-preview--orbit .preview-hero{background:#315470!important}.design-preview--atlas .preview-hero{background:#754753!important}
html[data-experience][data-design]:is(.qx-active,.bx-active),html[data-experience][data-design]:is(.qx-active,.bx-active) .app-shell{background:var(--ax-bg)!important}
html[data-experience][data-design]:is(.qx-active,.bx-active) :is(.sidebar,.desktop-topbar,.mobile-topbar,.mobile-page-title,.bottom-nav){display:none!important}
html[data-experience][data-design] .qx-page :is(.qx-top button,.qx-brand small,.qx-feature p,.qx-feature-number,.qx-location,.qx-result-count,.qx-stats-note){color:var(--ax-muted)!important}
html[data-experience][data-design] .qx-page :is(.qx-feature h3,.qx-section-title h2,.qx-surah strong,.qx-brand strong){color:var(--ax-ink)!important}
html[data-experience][data-design] .qx-page :is(.qx-search,.qx-surah,.qx-readerbar,.qx-dock,.qx-detail-tabs,.qx-player,.qx-translation-item,.qx-index-tabs,.bx-reading-bar,.nahj-reader-controls,.sahifa-reader-controls,.nahj-entry-card,.sahifa-entry-card,.nahj-text-card,.sahifa-text-card){background:var(--ax-panel)!important;color:var(--ax-ink)!important;border-color:var(--ax-line)!important}
html[data-experience][data-design] .qx-page :is(.quran-reader-content,.quran-ayah-card){background:var(--ax-panel)!important;border-color:var(--ax-line)!important}
html[data-experience][data-design] .qx-page :is(.quran-arabic,.nahj-arabic-body,.sahifa-arabic-body,.nahj-text-body,.sahifa-translation-body,.qx-translation-item p){color:var(--ax-ink)!important}
html[data-experience][data-design] .qx-page :is(.nahj-translation-block,.sahifa-translation-block){background:var(--ax-soft)!important;border-color:var(--ax-line)!important}
html[data-experience][data-design] .qx-page .qx-selected{background:var(--ax-soft)!important}
html[data-experience][data-design] .bx-page :is(.nahj-section-tabs button,.bx-reading-bar button,.bx-saved-item){background:var(--ax-panel)!important;color:var(--ax-ink)!important;border-color:var(--ax-line)!important}
html[data-experience][data-design] .bx-page :is(.nahj-entry-card strong,.sahifa-entry-card strong,.quran-reader-summary strong,.nahj-text-heading h2,.sahifa-text-heading h2){color:var(--ax-gold)!important}
html[data-experience][data-siraj-density=relaxed]{--ds-gap:32px}
@media(min-width:761px){html[data-experience][data-design]:not(.qx-active):not(.bx-active):not(.ax-focus) .sidebar{display:flex!important}html[data-experience][data-design] :is(.mobile-topbar,.mobile-page-title){display:none!important}}
@media(max-width:1000px){html[data-experience][data-design] .design-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html[data-experience][data-design] .design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-experience][data-design]:is(.qx-active,.bx-active) .page-wrap{padding:0 16px 110px!important}}
html[data-experience][data-design] .library-item{padding-top:28px!important;justify-content:flex-start;gap:18px!important}
html[data-experience][data-design] .prayer-time.is-next{border-color:var(--ax-gold)!important;box-shadow:0 0 0 2px #dfc17d12!important}
html[data-experience][data-design] .design-preview .preview-nav{inset:0 0 0 auto;width:16%;height:100%;border-radius:0;background:#dfc17d22}
html[data-experience][data-design] .design-preview .preview-title{top:16px;right:23%;width:50%;height:6px;background:#b9a470}
html[data-experience][data-design] .design-preview .preview-hero{top:32px;right:23%;left:8%;height:54px;border-radius:8px;text-align:right}
html[data-experience][data-design] .design-preview .preview-hero:after{display:none}
html[data-experience][data-design] .design-preview .preview-hero em{font-size:9px;margin-top:2px}
html[data-experience][data-design] .design-preview .preview-tile{top:96px;right:23%;left:auto;width:19%;height:22px;border:1px solid #b5a87555;border-radius:5px;background:#b5a87522}
html[data-experience][data-design] .design-preview .tile-two{right:47%}.design-preview .tile-three{right:71%!important}
@media(max-width:760px){html[data-experience][data-design] .library-item{padding-top:20px!important}}
/* Distinct identities for the smaller catalogs, without changing their data. */
html[data-experience][data-design] :is(.topical-hadiths-page,.quran-miracles-page)>.quran-reader-heading{padding:30px!important;background:var(--ax-hero)!important;border:1px solid var(--ax-line)!important;border-radius:22px!important;color:var(--ax-onhero)!important}
html[data-experience][data-design] :is(.topical-hadiths-page,.quran-miracles-page)>.quran-reader-heading :is(h1,p,span,button){color:var(--ax-onhero)!important}
html[data-experience][data-design] :is(.topical-main-category-grid,.sins-topic-grid,.ziyarat-shrine-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-experience][data-design] :is(.topical-main-category-card,.sins-topic-card,.ziyarat-shrine-card){position:relative;padding:28px!important;min-height:175px;background:linear-gradient(135deg,#dfc17d0a,transparent),var(--ax-panel)!important;border:1px solid var(--ax-line)!important;border-radius:20px!important;text-align:right;overflow:hidden}
html[data-experience][data-design] :is(.topical-main-category-icon,.sins-topic-number,.ziyarat-shrine-icon){color:var(--ax-gold)!important;background:var(--ax-soft)!important;border:1px solid var(--ax-line);border-radius:14px}
html[data-experience][data-design] :is(.topical-detail-block--arabic,.ahlulbayt-reading-block--arabic){font-family:Amiri,serif!important;font-size:1.7rem;line-height:2.3;padding:28px;border-inline-start:3px solid var(--ax-gold)}
html[data-experience][data-design] :is(.mafatih-article-card,.ziyarat-file-content-card,.sins-article-card,.quran-miracle-section){padding:clamp(22px,4vw,45px)!important;border:1px solid var(--ax-line)!important;border-radius:22px!important;background:var(--ax-panel)!important}
html[data-experience][data-design] .siraj-dream-page-inline{max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
html[data-experience][data-design] .siraj-dream-page>.page-intro{padding:28px!important;background:var(--ax-hero)!important;border-radius:22px!important;color:var(--ax-onhero)!important}
html[data-experience][data-design] .siraj-dream-page>.page-intro :is(h2,p,span,button){color:var(--ax-onhero)!important}
html[data-experience][data-design] .siraj-dream-search-wrap{background:var(--ax-panel)!important;border:1px solid var(--ax-line)!important;border-radius:14px;box-shadow:none!important;padding:4px 18px}
html[data-experience][data-design] .siraj-dream-list .library-item{min-height:110px!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;padding:22px!important;border-inline-start-width:2px!important}
html[data-experience][data-design] .siraj-dream-list .library-item:before{display:none}
html[data-experience][data-design] .siraj-dream-article{padding:30px!important;background:var(--ax-panel)!important;line-height:2.4;color:var(--ax-ink)!important}
html[data-experience][data-design] .siraj-dream-article h3{color:var(--ax-gold)!important}
@media(max-width:760px){html[data-experience][data-design] :is(.topical-main-category-grid,.sins-topic-grid,.ziyarat-shrine-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-experience][data-design] :is(.topical-main-category-card,.sins-topic-card,.ziyarat-shrine-card){padding:20px!important;min-height:145px}html[data-experience][data-design] .siraj-dream-list{grid-template-columns:1fr!important}}