@import url('fonts.css');
:root{color-scheme:light}html{scroll-behavior:smooth}body,input,textarea,select,button,[class*="font-"]{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}.material-symbols-outlined{font-family:'Material Symbols Outlined'!important;font-weight:normal;font-style:normal;display:inline-block;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #7898b4;outline-offset:4px}input,select,textarea{max-width:100%}.selected-chip{background:#0f2537!important;color:white!important}.app-bottom{display:none}#notice{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);background:#0f2537;color:white;padding:12px 24px;border-radius:30px;z-index:100;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}#notice.show{opacity:1;transform:translate(-50%,0)}#info-sheet{width:min(500px,92vw);border:1px solid #e2e8f0;border-radius:24px;padding:28px;background:#fff;color:#0f2537;line-height:1.9}#info-sheet::backdrop{background:#0f253755;backdrop-filter:blur(6px)}#info-sheet h2{font-size:24px;font-weight:600;margin:0 0 14px}#info-sheet h3{margin-top:20px;font-weight:600}#info-sheet p{color:#627384;font-size:14px}.sheet-close{float:left;width:36px;height:36px;border-radius:12px;background:#f2f4f7;font-size:25px}#qr-svg{max-width:100%;height:auto}#qr-error{color:#ba1a1a;font-size:13px;padding:10px}.field-error{color:#ba1a1a;font-size:13px;margin-top:10px}[hidden]{display:none!important}@media(max-width:767px){body{padding-bottom:85px!important;min-height:100dvh!important}header>div{height:64px!important;padding-left:20px!important;padding-right:20px!important;gap:8px!important}header nav{display:none!important}header .shrink-0{gap:8px!important}header [aria-label="ملاحظات أو تعليقات"]{display:none}main{padding-top:64px!important}body[data-page="mobile"] main{padding-top:76px!important}main>div>section,main>div>div{max-width:100%}.app-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f7f9fcf2;backdrop-filter:blur(20px);border-top:1px solid #e2e8f0;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:60}.app-bottom a{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:11px;color:#627384;min-width:54px;min-height:44px}.app-bottom a:first-child{color:#0f2537}.app-bottom span{font-size:22px}footer{margin-top:20px!important;padding-bottom:25px!important}.text-display{font-size:30px!important;line-height:1.5!important}h1{overflow-wrap:break-word}input,textarea,select{font-size:16px!important}.px-6{padding-left:20px!important;padding-right:20px!important}.p-6{padding:20px!important}.p-8{padding:20px!important}button{min-height:36px}#notice{max-width:90vw;white-space:normal;text-align:center}body[data-page="mobile"] header .w-8.rounded-full{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#toolSearchInput{border:0!important;box-shadow:none!important}body[data-page^="mobile-"] main{padding-top:80px!important;padding-bottom:110px!important}body[data-page^="mobile-"] header .rounded-full{display:none}body[data-page^="mobile-"] .app-bottom{display:flex}

/* Hide only the requested hero details and illustration on phones. */
@media (max-width:767px){[data-mobile-hide="hero-details"],[data-mobile-hide="hero-artwork"]{display:none!important}}