@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-400-ar.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-400-latin.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-500-ar.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-500-latin.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-700-ar.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-700-latin.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-800-ar.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-800-latin.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }

:root {
	--alfa-ink: #171815;
	--alfa-charcoal: #20211e;
	--alfa-stone: #f5f3ef;
	--alfa-paper: #fcfbf8;
	--alfa-gold: #8a6726;
	--alfa-gold-light: #d6b66d;
	--color-text: var(--alfa-ink);
	--color-muted: #65655e;
	--color-border: #e4e0d9;
	--color-surface: var(--alfa-paper);
	--color-accent: var(--alfa-gold);
	--container-width: 1240px;
	--container-padding: 28px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; margin: 0; color: var(--color-text); background: var(--color-surface); font-family: "Tajawal", Arial, sans-serif; font-size: 16px; line-height: 1.7; text-rendering: optimizeLegibility; }
body.menu-open { overflow: hidden !important; touch-action: none; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
:where(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 5px var(--alfa-ink); }
.container { width: min(100% - (var(--container-padding) * 2), var(--container-width)); margin-inline: auto; }
.site-main { flex: 1 0 auto; min-height: 60vh; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { z-index: 100000; top: 12px; left: 12px; width: auto; height: auto; padding: 8px 12px; clip: auto; color: #fff; background: var(--alfa-ink); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 12px 22px; border: 1px solid var(--alfa-gold); color: #fff; background: var(--alfa-gold); font-weight: 700; transition: transform .22s ease, background-color .22s ease, color .22s ease; }
.button:hover, .button:focus-visible { color: var(--alfa-ink); background: var(--alfa-gold-light); transform: translateY(-2px); }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--alfa-ink); font-weight: 700; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.text-link span { transition: transform .22s ease; }
.text-link:hover span, .text-link:focus-visible span { transform: translateX(-5px); }
.entry-header, .page-header { padding-block: 32px 20px; }
.entry-title, .page-title { margin: 0; line-height: 1.15; }
.entry-content > *:first-child, .entry-summary > *:first-child { margin-top: 0; }
.entry-content > *:last-child, .entry-summary > *:last-child { margin-bottom: 0; }
.entry-content a:not(.button), .entry-summary a:not(.button), .alfa-default-page__content a:not(.button) { color: #6f5015; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .18em; }



@media (max-width: 640px) { :root { --container-padding: 20px; } }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}