html {
    min-height: 100%;
    scroll-behavior: smooth;
    scrollbar-color: var(--mw-border-strong) var(--mw-surface-subtle);
    scrollbar-width: thin;
}

*:where(:not(.mw76-root):not(.mw76-root *)),
*:where(:not(.mw76-root):not(.mw76-root *))::before,
*:where(:not(.mw76-root):not(.mw76-root *))::after {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    color: var(--mw-text-primary);
    background: var(--mw-canvas);
    font-family: var(--mw-font-ui);
    font-size: var(--mw-type-body);
    line-height: var(--mw-leading-body);
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

[lang="ar"] body {
    font-family: var(--mw-font-arabic);
    line-height: var(--mw-leading-arabic);
}

body:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar,
*:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
}

body:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-track,
*:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-track {
    background: var(--mw-surface-subtle);
}

body:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb,
*:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb {
    border: 2px solid var(--mw-surface-subtle);
    border-radius: var(--mw-radius-pill);
    background: var(--mw-border-strong);
}

body:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb:hover,
*:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb:hover {
    background: var(--mw-text-muted);
}

:where(:not(.mw76-root):not(.mw76-root *))::selection {
    color: var(--mw-text-inverse);
    background: var(--mw-brand-primary);
}

h1:where(:not(.mw76-root):not(.mw76-root *)),
h2:where(:not(.mw76-root):not(.mw76-root *)),
h3:where(:not(.mw76-root):not(.mw76-root *)),
h4:where(:not(.mw76-root):not(.mw76-root *)),
h5:where(:not(.mw76-root):not(.mw76-root *)),
h6:where(:not(.mw76-root):not(.mw76-root *)),
p:where(:not(.mw76-root):not(.mw76-root *)) {
    letter-spacing: 0;
}

h1:where(:not(.mw76-root):not(.mw76-root *)),
.mw-type-page-title:where(:not(.mw76-root):not(.mw76-root *)) {
    font-size: var(--mw-type-page-title);
    font-weight: 750;
    line-height: var(--mw-leading-tight);
}

h2:where(:not(.mw76-root):not(.mw76-root *)),
.mw-type-section-title:where(:not(.mw76-root):not(.mw76-root *)) {
    font-size: var(--mw-type-section-title);
    font-weight: 750;
    line-height: 1.3;
}

h3:where(:not(.mw76-root):not(.mw76-root *)),
.mw-type-component-title:where(:not(.mw76-root):not(.mw76-root *)) {
    font-size: var(--mw-type-component-title);
    font-weight: 750;
    line-height: 1.35;
}

.mw-type-display {
    font-family: var(--mw-font-display);
    font-size: var(--mw-type-display);
    font-weight: 700;
    line-height: 1.08;
}

[lang="ar"] .mw-type-display,
[lang="ar"] .mw-public-display {
    font-family: var(--mw-font-arabic);
    font-weight: 600;
    line-height: 1.35;
}

.mw-type-body-large {
    font-size: var(--mw-type-body-large);
}

.mw-type-secondary {
    color: var(--mw-text-secondary);
    font-size: var(--mw-type-secondary);
}

.mw-type-caption {
    color: var(--mw-text-muted);
    font-size: var(--mw-type-caption);
}

.mw-type-kpi:where(:not(.mw76-root):not(.mw76-root *)),
.mw-data:where(:not(.mw76-root):not(.mw76-root *)),
time:where(:not(.mw76-root):not(.mw76-root *)),
[data-mw-numeric]:where(:not(.mw76-root):not(.mw76-root *)) {
    font-family: var(--mw-font-data);
    font-variant-numeric: tabular-nums lining-nums;
}

.mw-bidi-data,
.mw-phone,
.mw-email,
.mw-money {
    direction: ltr;
    unicode-bidi: isolate;
}

a:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-brand-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    transition: color var(--mw-motion-fast) var(--mw-ease-standard);
}

a:hover:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-brand-primary-hover);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible:where(:not(.mw76-root):not(.mw76-root *)) {
    outline: 3px solid var(--mw-focus);
    outline-offset: 2px;
    box-shadow: none;
}

:where(button, input, select, textarea):disabled:where(:not(.mw76-root):not(.mw76-root *)),
[aria-disabled="true"]:where(:not(.mw76-root):not(.mw76-root *)) {
    cursor: not-allowed;
}

.mw-skip-link {
    position: fixed;
    inset-block-start: var(--mw-space-3);
    inset-inline-start: var(--mw-space-3);
    z-index: 2000;
    padding: var(--mw-space-2) var(--mw-space-4);
    border-radius: var(--mw-radius-md);
    color: var(--mw-text-inverse);
    background: var(--mw-palette-ink);
    transform: translateY(-200%);
}

.mw-skip-link:focus {
    color: var(--mw-text-inverse);
    transform: translateY(0);
}

.mw-visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

img:where(:not(.mw76-root):not(.mw76-root *)),
svg:where(:not(.mw76-root):not(.mw76-root *)) {
    max-width: 100%;
}

@media (forced-colors: active) {
    :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible:where(:not(.mw76-root):not(.mw76-root *)) {
        outline: 3px solid Highlight;
    }

    body:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb,
    *:where(:not(.mw76-root):not(.mw76-root *))::-webkit-scrollbar-thumb {
        background: ButtonText;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}