/* UX review: scoped to the approved samples; existing pages retain their layout. */
body[data-ux-reading-page]{overflow-x:clip;}
.root-page-main.ux-reader{--ux-prose-size:18px;}
.root-page-main.ux-reader .root-crest{padding:16px 20px 14px;margin-bottom:12px;border-radius:14px;}
.root-page-main.ux-reader .root-crest__rule{margin:8px auto;}
.root-page-main.ux-reader .root-article-header{margin-bottom:16px;}
.root-page-main.ux-reader .root-direct-answer{padding:18px 20px;border-inline-start-width:1px;border-radius:14px;background:var(--qm-surface);}
.root-page-main.ux-reader .root-direct-answer h2,
.root-page-main.ux-reader .root-section h2,
.root-page-main.ux-reader details.root-section>summary.root-section-summary>h2{font-size:24px!important;line-height:1.55;}
.root-page-main.ux-reader .root-section h3{font-size:18px;line-height:1.6;}
.root-page-main.ux-reader .root-direct-answer p:not(.root-direct-answer__kicker),
.root-page-main.ux-reader .root-section p:not([class]),
.root-page-main.ux-reader .root-md-list li,
.root-page-main.ux-reader :is(.abwab-meaning,.root-syn-diff,.root-al-diff,.root-pl-text,.root-mrg-text,.root-hrk-text,.sl-body){font-size:var(--ux-prose-size);line-height:1.95;text-align:start;}
.root-page-main.ux-reader :is(.root-direct-answer__kicker,.root-map-tile__l,.root-map-tile__v--text,.root-forms-strip__kicker,.root-forms-cell__c,.root-chip-n,.root-crest__eyebrow,.root-crest__meta,.root-crest__field){font-size:14px;}
.root-page-main.ux-reader .root-map-card{margin:12px 0 20px;padding:10px 12px;}
.root-page-main.ux-reader .root-map-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
.root-page-main.ux-reader .root-map-tile{min-height:44px;padding:8px;}
.root-page-main.ux-reader .root-mobile-toc{display:flex;background:var(--qm-page);top:calc(var(--ux-header-height,var(--qm-header-h,var(--qawlat-top-chrome-height,64px))) + 12px);}
.root-page-main.ux-reader .root-mobile-toc a{min-height:44px;box-sizing:border-box;display:flex;align-items:center;font-size:14px;line-height:1.5;}
.root-page-main.ux-reader .root-mobile-toc a[aria-current="location"]{color:var(--qm-accent-text);background:var(--qm-surface);border-color:var(--qm-accent-text);font-weight:700;}
.root-page-main.ux-reader [id]{scroll-margin-top:calc(var(--ux-header-height,var(--qm-header-h,var(--qawlat-top-chrome-height,64px))) + 88px);}
.root-page-main.ux-reader :is(.root-disc-toggle,.root-rasm-toggle,.root-forms-more__summary,.root-syn-partner){min-height:44px;box-sizing:border-box;}
@media(max-width:1319px){
 .root-page-main.ux-reader .root-mobile-toc{flex-direction:row;gap:8px;position:sticky;top:calc(var(--ux-header-height,var(--qm-header-h,var(--qawlat-top-chrome-height,64px))) + 4px);inset-inline:auto;width:auto;max-height:none;overflow-x:auto;overflow-y:hidden;margin:0 0 18px;padding:8px 0;border-block:1px solid var(--qm-border);z-index:40;backdrop-filter:none;overscroll-behavior-x:contain;}
 .root-page-main.ux-reader .root-mobile-toc a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--qm-border);border-radius:10px;background:var(--qm-surface);color:var(--qm-ink);text-decoration:none;}
}
@media(min-width:1320px){
 .root-page-main.ux-reader .root-mobile-toc{background:transparent;box-sizing:border-box;top:calc(max(var(--ux-header-height,64px),var(--ux-notice-bottom,0px)) + 12px);max-height:calc(100dvh - max(var(--ux-header-height,64px),var(--ux-notice-bottom,0px)) - 24px);}
 .root-page-main.ux-reader [id]{scroll-margin-top:calc(var(--ux-header-height,var(--qm-header-h,var(--qawlat-top-chrome-height,64px))) + 24px);}
}
@media(max-width:640px){
 .root-page-main.ux-reader{--ux-prose-size:17px;}
 .root-page-main.ux-reader .root-crest{padding:14px 14px 12px;}
 .root-page-main.ux-reader .root-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .root-page-main.ux-reader .root-direct-answer{padding:16px 14px;}
}

@media print{
 html body[data-ux-reading-page]{background:#fff!important;color:#173a2f!important;--qm-page:#fff!important;--qm-bg:#f5f7f5!important;--qm-surface:#fff!important;--qm-surface-soft:#f5f7f5!important;--qm-fill:#edf1ed!important;--qm-text:#173a2f!important;--qm-ink:#173a2f!important;--qm-muted:#4f6258!important;}
 body[data-ux-reading-page] :is([data-ux-toc],[data-smart-header],.qawlat-skip-link,[data-qawlat-skip-link],[data-qawlat-skip-links],#qawlat-back-top,.qaw-export-wrap){display:none!important;}
 body[data-ux-reading-page] *,body[data-ux-reading-page] *::before,body[data-ux-reading-page] *::after{background-image:none!important;box-shadow:none!important;text-shadow:none!important;}
 .ux-reader :is(.root-crest,.aya-hero){background:#fff!important;color:#173a2f!important;}
 .ux-reader :is(.root-crest,.aya-hero) *{color:#173a2f!important;}
 .ux-reader :is(.root-disc-full,.root-rasm-full){display:block!important;}
 .ux-reader :is(.root-disc-short,.root-rasm-short,.root-disc-toggle,.root-rasm-toggle){display:none!important;}
 .ux-reader .qm-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;}
}