@font-face {
    font-family: 'Alexandria'; font-style: normal; font-weight: 100 900;
    font-display: swap; src: url('../fonts/Alexandria-Variable.woff2') format('woff2');
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-block-start: 16px; }
body.amz-phase1 { margin: 0; background: var(--white); color: var(--text-primary); font-family: 'Alexandria', 'IBM Plex Sans Arabic', 'Tajawal', 'Noto Sans Arabic', system-ui, sans-serif; font-size: 14px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.amz-phase1 h2, .amz-phase1 h3, .amz-phase1 p, .amz-phase1 blockquote { margin: 0; }
.amz-phase1 a { color: inherit; text-decoration: none; }
.amz-phase1 button { font: inherit; }
.amz-phase1 button:disabled { cursor: default; opacity: 1; }
.amz-phase1 img { display: block; max-width: 100%; }
.amz-phase1 a, .amz-phase1 button { -webkit-tap-highlight-color: transparent; }
.amz-phase1 :focus-visible { outline: 3px solid var(--navy); outline-offset: 4px; }
.amz-phase1 .site-footer :focus-visible { outline-color: var(--white); }
.container { width: calc(100% - var(--page-gutter) * 2); max-width: var(--content-width); margin-inline: auto; }
.icon { display: block; flex: 0 0 auto; }
.skip-link { position: absolute; z-index: 5; inset-block-start: 8px; inset-inline-start: 8px; transform: translateY(-150%); padding: 10px 16px; border-radius: var(--radius-sm); background: var(--navy); color: var(--white) !important; }
.skip-link:focus { transform: translateY(0); }