/* v3.6: consistent, calm workspaces with accessible desktop and mobile layouts. */
:root{--alh360-diff:#ffe7a1;--alh360-diff-text:#4c3400}
.alh360-difference{background:var(--alh360-diff);color:var(--alh360-diff-text);padding:0 .09em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.alh360-reference{border-color:var(--border)!important}
.alh280-app .inline-translation,.alh280-app .compare-card[data-translation]{min-width:0}
.alh280-app .inline-translations .inline-translation{padding:clamp(8px,1vw,13px) clamp(10px,1.35vw,17px);gap:3px}
.alh280-app .inline-label,.alh280-app .compare-card-top h2{font-size:.73rem!important;font-weight:550!important;line-height:1.4!important;color:var(--muted)!important;letter-spacing:0!important;margin:0 0 .25rem!important;white-space:normal;overflow-wrap:anywhere;text-transform:none!important}
.alh280-app .inline-text,.alh280-app .compare-text{font-size:clamp(.96rem,1.08vw,1.05rem);line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere}
.alh360-diff-bar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 15px;font-size:.85rem;color:var(--muted)}
.alh360-diff-bar label{display:inline-flex;gap:8px;align-items:center;cursor:pointer;padding:9px 12px;background:var(--paper);border:1px solid var(--border);border-radius:9px;min-height:44px}
.alh360-diff-bar input{width:18px;height:18px;accent-color:var(--main)}
/* All domain colors remain visible but each area uses a coherent dark palette. */
body.alh280-app.dark:has([data-current-page="quran"]),body.alh280-app.dark:has([data-current-page="verse"]),body.alh280-app.dark:has([data-current-page="compare"]),body.alh280-app.dark:has([data-current-page="mushaf"]),body.alh280-app.dark:has([data-current-page="xref"]),body.alh280-app.dark:has([data-current-page="xref-topics"]){--area:#8ce6b8;--area-soft:#203e30;--area-border:#426e55;--area-wash:#15291f}
body.alh280-app.dark:has([data-current-page="hadith"]),body.alh280-hadith.dark{--area:#a0cafa;--area-soft:#1e3047;--area-border:#3d5b80;--area-wash:#162437}
body.alh280-app.dark:has([data-current-page="tafsir"]){--area:#f4d38d;--area-soft:#44371c;--area-border:#806536;--area-wash:#302817}
body.alh280-app.dark:has([data-current-page="search"]){--area:#a2e4e8;--area-soft:#16373a;--area-border:#416d73;--area-wash:#132c30}
body.alh280-dua.dark{--area:#dfc0fa;--area-soft:#392849;--area-border:#70558b;--area-wash:#271c34}
body.alh280-app.dark:has([data-current-page="library"]),body.alh280-app.dark:has([data-current-page="connections"]){--area:#b5d4e4;--area-soft:#293744;--area-border:#5b7888;--area-wash:#1d2a32}
body.alh280-app.dark:has([data-current-page]) main[data-current-page],body.alh280-hadith.dark main,body.alh280-dua.dark main{color:var(--text);background:var(--area-wash)!important;border-color:var(--area-border)!important}
body.alh280-app.dark:has([data-current-page]) main .page-head,body.alh280-app.dark:has([data-current-page]) main .toolbar,body.alh280-app.dark:has([data-current-page]) main .reading-pref{background:var(--area-soft)!important;color:var(--text)!important;border-color:var(--area-border)!important}
body.alh280-app.dark .tafsir-language,body.alh280-app.dark [data-area="tafsir"]{background:#302817!important;color:#f5e8ca!important;border-color:#ceaa63!important}
body.alh280-app.dark [data-area="hadith"],body.alh280-app.dark .hadith-panel{background:#172839!important;color:#dfefff!important}
body.alh280-app.dark [data-area="dua"],body.alh280-app.dark .dua-panel{background:#271c34!important;color:#f1e5ff!important}
body.alh280-app.dark .alh360-difference{--alh360-diff:#c49a43;--alh360-diff-text:#211704}
/* Extend color mapping to the new Quran explorer and themes. */
body.alh280-app:has([data-current-page="xref"]),body.alh280-app:has([data-current-page="xref-topics"]){--area:#187449;--area-soft:#e8f5ed;--area-border:#9dcbb0;--area-wash:#f2faf5}
body.alh280-app:has([data-current-page="library"]),body.alh280-app:has([data-current-page="connections"]){--area:#47697d;--area-soft:#e9f3f7;--area-border:#b4cbd7;--area-wash:#f5f9fc}
body.alh280-app.dark .alh350-topic-ref,body.alh280-app.dark .alh350-theme{background:#203d30;border-color:#426e55;color:#d7f4e4}
body.alh280-app.dark .alh350-topic-ref a,body.alh280-app.dark .alh350-theme a{color:#c6efd5}
.alh360-tafsir-jump{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}
.alh360-tafsir-jump a{font-size:.85rem;display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:8px 12px;background:var(--paper);color:var(--main)}
.tafsir-language .reading-text.long-form{max-width:90ch;margin-inline:auto;line-height:1.95}
.tafsir-language [dir="rtl"]{max-width:none;font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:2.35}
.tafsir-language{scroll-margin-top:110px;min-width:0}
/* Wider click targets and reliable focus ring on mobile. */
@media(pointer:coarse){.alh160-site-header button,.alh160-site-header a,.alh160-footer a,button,.alh350-theme,.alh350-topic-ref a,.alh350-actions a,.pagination a,.wbw-widget summary{min-height:44px}.alh160-primary .alh160-more-links a{min-height:44px}}
@media(max-width:640px){body .alh280-app main,body.alh280-app main{min-width:0}.alh280-app .inline-translations{grid-template-columns:minmax(0,1fr)!important}.alh280-app .inline-translation{max-width:100%}.alh360-diff-bar{justify-content:flex-start}.alh360-diff-bar label{width:100%}.tafsir-language{padding:12px!important}.alh350-topic-grid{grid-template-columns:minmax(0,1fr)}.alh350-topic-ref{min-width:0;overflow-wrap:anywhere}.alh160-nav-wrap button,.alh160-header-search input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wbw-widget summary:after{transition:none}}
.alh350-topic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.alh350-topic-ref{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px;gap:6px}
.alh350-topic-ref .alh350-topic-excerpt{font-size:.89rem;font-weight:400;line-height:1.65;color:var(--text);margin:4px 0;white-space:normal;overflow-wrap:anywhere}
.alh350-topic-ref a:last-child{font-size:.78rem;font-weight:550;color:var(--muted)}

.q200-card-head strong{font-size:.76rem!important;font-weight:550!important;color:var(--muted)!important;line-height:1.5}
.q200-card-text{margin:9px 0 8px;font-size:clamp(.97rem,1.08vw,1.06rem);line-height:1.78}
.q200-card-summary{font-size:.73rem;margin-bottom:6px}
.q200-card{padding:clamp(12px,1.1vw,18px)}
.q200-rights{font-size:.77rem;color:var(--muted);margin:10px 0}
/* Fix v2.8 area wrapper mobile overflow: its 100%-wide reader plus 8px side margins used to exceed the viewport. */
@media(max-width:700px){body.alh280-app:has([data-current-page]) main[data-current-page]{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin-inline:8px!important;min-width:0}}
/* Dark overrides must follow the light palette: selector order was resetting the Quran explorer to light tones. */
body.alh280-app.dark:has([data-current-page="xref"]),body.alh280-app.dark:has([data-current-page="xref-topics"]){--area:#8ce6b8;--area-soft:#203e30;--area-border:#426e55;--area-wash:#15291f}
body.alh280-app.dark:has([data-current-page="library"]),body.alh280-app.dark:has([data-current-page="connections"]){--area:#b5d4e4;--area-soft:#293744;--area-border:#5b7888;--area-wash:#1d2a32}