/* s1.hudoor.xyz — what the public page adds around /home/page.css (the shared, scoped design): the fonts, the page itself, a sticky bar. */
@font-face { font-family: "Plex Arabic"; font-weight: 400; font-display: swap; src: url(/lib/fonts/plex-arabic-arabic-400.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex Arabic"; font-weight: 600; font-display: swap; src: url(/lib/fonts/plex-arabic-arabic-600.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex Arabic"; font-weight: 700; font-display: swap; src: url(/lib/fonts/plex-arabic-arabic-700.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex Arabic"; font-weight: 400; font-display: swap; src: url(/lib/fonts/plex-arabic-latin-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2190-21FF; }
@font-face { font-family: "Plex Arabic"; font-weight: 600; font-display: swap; src: url(/lib/fonts/plex-arabic-latin-600.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2190-21FF; }
@font-face { font-family: "Readex Pro"; font-weight: 600; font-display: swap; src: url(/lib/fonts/readex-600.woff2) format("woff2"); }
:root { --disp: "Readex Pro", "Plex Arabic", sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation: none !important; transition: none !important; } }
body { margin: 0; background: #f5f3ee; -webkit-font-smoothing: antialiased; }
@media (prefers-color-scheme: dark) { body { background: #0f1512; } }
body > .hm { border-radius: 0; overflow: visible; font-size: 17px; }   /* page.css rounds the editor preview; the page is the whole screen */
.hm .top { position: sticky; top: 0; }
.hm .quote { position: sticky; }
.hm-wait { text-align: center; color: #8a938e; padding: 80px 16px; font-family: "Plex Arabic", system-ui, sans-serif; }
@container hm (max-width: 1080px) { .hm .quote { position: static; } }