#themeToggle[data-astro-cid-oemx5le4]{border:0;background:none}.sun[data-astro-cid-oemx5le4]{fill:#000}.moon[data-astro-cid-oemx5le4],.dark .sun[data-astro-cid-oemx5le4]{fill:transparent}.dark .moon[data-astro-cid-oemx5le4]{fill:#fff}div[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between}html{background-color:#d7cdb9;transition:background-color .3s ease}body{margin:0 auto;width:100%;max-width:80ch;padding:1rem;line-height:1.7;font-family:Courier Prime;font-size:1.4rem;word-spacing:.4rem}.light em,em{color:#556b2f;font-style:normal;font-weight:700}.light strong,strong,h1,h2{color:#7a1f1f}.light a:link,.light a:visited,.light a strong,strong a,a:link,a:visited,a strong{color:#24478f;text-decoration:none}.light a:hover,.light a:hover strong,strong a:hover,a:hover,a:hover strong{color:#c30;background:#ff6}[lang=ar]{font-family:Amiri Quran;direction:rtl;unicode-bidi:isolate;font-size:2rem;line-height:2}*{box-sizing:border-box}h1{margin:1rem 0;font-size:2.5rem}.menu{display:flex;align-items:center;justify-content:center;background-color:#e2e8f0;border:1px solid #cbd5e1;padding:20px 24px;cursor:pointer;border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1);float:right;margin-bottom:1.5rem}.menu:hover{background-color:#7a1f1f;border-color:#7a1f1f;transform:scale(1.08)}.hamburger-icon{position:relative;width:24px;height:3px;background-color:#475569;transition:all .3s ease}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:24px;height:3px;background-color:#475569;left:0;transition:all .3s ease}.hamburger-icon:before{top:-8px}.hamburger-icon:after{bottom:-8px}.menu:hover .hamburger-icon,.menu:hover .hamburger-icon:before,.menu:hover .hamburger-icon:after{background-color:#fff}.nav-links{display:none;flex-direction:column;gap:1rem;margin:1.5rem 0;width:100%;clear:both}header:has(.menu[aria-expanded=true]) .nav-links{display:flex!important}@media screen and (min-width:750px){.menu{display:none}.nav-links{display:flex!important;flex-direction:row;justify-content:center;gap:1rem;margin:1.5rem 0}}.nav-links a{display:block;text-align:center;padding:14px 28px;text-decoration:none;font-size:1.25rem;font-weight:800;text-transform:capitalize;color:#7a1f1f;background-color:#7a1f1f0d;border:1px solid rgba(122,31,31,.15);border-radius:999px;transition:all .3s ease}.nav-links a.active{background-color:#7a1f1f;color:#fff;border-color:#7a1f1f}.nav-links a:hover{color:#c30;background-color:#ff6;transform:translateY(-3px) scale(1.02)}.tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0;padding:0}.tag a{display:inline-block;padding:.6rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:1rem;background-color:#7a1f1f0d;color:#7a1f1f;border:1px dashed rgba(122,31,31,.3);transition:all .3s ease}.tag a:hover{color:#c30;background-color:#ff6}footer{margin-top:4rem;display:flex;gap:1rem;flex-wrap:wrap}.footer-link a{display:inline-block;padding:.5rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;transition:all .3s ease}html.dark{color:#d2d2cd;background:#282c34}.dark strong,.dark em{font-weight:400}.dark em{color:#ffffb3;font-style:normal}.dark strong,.dark h1,.dark h2{font-weight:400;color:#aed095}.dark a:link,.dark a:visited,.dark a strong,.dark strong a{color:#aed095;text-decoration:none;font-weight:400}.dark a:hover,.dark a:hover strong,.dark strong a:hover{color:#e7837e;background:#000}.dark .menu{background-color:#334155;border-color:#475569}.dark .menu:hover{background-color:#aed095;border-color:#aed095}.dark .nav-links a{background-color:#aed0950d;color:#aed095;border-color:#aed09533}.dark .nav-links a.active{background-color:#aed095;color:#282c34}.dark .tag a{background-color:#aed0950d;color:#aed095;border:1px solid rgba(174,208,149,.4)}.dark .tag a:hover,.dark .nav-links a:hover{color:#e7837e;background:#000}img{width:auto;max-width:100vw;height:auto;position:relative;left:50%;transform:translate(-50%);display:block;margin:2rem 0}.dark-img,.dark .light-img{display:none}.light-img,.dark .dark-img{display:block}
