*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}body{font-family:"Tajawal",sans-serif;margin:0;padding:0;line-height:1.6;font-display:swap;min-height:100vh;scroll-behavior:smooth}img,video,iframe{max-width:100%;height:auto;display:block}.img-responsive{width:100%;height:auto;object-fit:cover;transition:transform 0.3s ease}.img-responsive:hover{transform:scale(1.02)}a,button,input,textarea,select{min-height:44px;min-width:44px;touch-action:manipulation}button,.btn{padding:12px 20px;border:none;border-radius:4px;cursor:pointer;transition:all 0.2s ease;font-size:16px}input,textarea,select{font-size:16px;padding:12px;border:1px solid #ddd;border-radius:4px}@font-face{font-family:'Tajawal';font-display:swap;src:local('Tajawal')}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}.bg-primary{background-color:#8A1538}.bg-secondary{background-color:#7A0A2C}.bg-dark{background-color:#222121}.bg-accent{background-color:#349FA5}.text-primary{color:#8A1538}.text-secondary{color:#7A0A2C}.text-dark{color:#222121}.text-accent{color:#349FA5}body{font-family:"Tajawal",sans-serif}#menu{transform:translateX(100%);transition:transform 0.5s ease-in-out;position:fixed;top:0;right:0;width:250px;height:100vh;background:#fff;box-shadow:-2px 0 5px rgb(0 0 0 / .2);z-index:1000;padding:20px;display:none}#menu.open{display:block;transform:translateX(0)}@media (min-width:768px){#menu{transform:none;position:relative;width:auto;height:auto;background:#fff0;box-shadow:none;display:block!important;padding:0}#menu ul{display:flex;gap:20px}}header.sticky{position:sticky;top:0;z-index:50}.section-title{font-size:2.5rem;font-weight:700;color:#8A1538;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#7A0A2C;margin-bottom:2rem}.section-content{background-color:#f9f9f9;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.section-content img{border-radius:.5rem;transition:transform 0.3s ease}.section-content img:hover{transform:scale(1.05)}.section-button{background-color:#349FA5;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background-color 0.3s ease}.section-button:hover{background-color:#7A0A2C}.post-content{line-height:1.8;font-size:1.1rem;color:#333}article{position:relative!important}article header{position:relative!important;top:auto!important;z-index:auto!important}article h1{position:relative!important;top:auto!important;z-index:auto!important}.single-post header{margin-top:1rem}.single-post .max-w-7xl{padding-top:2rem}.post-content h1{font-size:2.5rem;font-weight:700;color:#8A1538;margin:2rem 0 1rem 0;line-height:1.2;border-bottom:3px solid #349FA5;padding-bottom:.5rem;scroll-margin-top:120px;position:relative}.post-content h2{font-size:2rem;font-weight:700;color:#7A0A2C;margin:2rem 0 1rem 0;line-height:1.3;position:relative;scroll-margin-top:120px}.post-content h2::before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background-color:#349FA5;margin-right:-1rem}.post-content h3{font-size:1.5rem;font-weight:700;color:#8A1538;margin:1.5rem 0 .75rem 0;line-height:1.4;scroll-margin-top:120px}.post-content h4{font-size:1.25rem;font-weight:700;color:#222121;margin:1.25rem 0 .5rem 0;scroll-margin-top:120px}.post-content h5{font-size:1.1rem;font-weight:700;color:#222121;margin:1rem 0 .5rem 0;scroll-margin-top:120px}.post-content h6{font-size:1rem;font-weight:700;color:#555;margin:1rem 0 .5rem 0;scroll-margin-top:120px}.post-content p{margin-bottom:1.5rem;text-align:justify;color:#444}.post-content p:first-child{font-size:1.2rem;font-weight:500;color:#222121}.post-content strong,.post-content b{font-weight:700;color:#8A1538}.post-content em,.post-content i{font-style:italic;color:#7A0A2C}.post-content a{color:#349FA5;text-decoration:underline;text-underline-offset:3px;transition:all 0.3s ease;cursor:pointer}.post-content a:hover{color:#8A1538;text-decoration:underline;text-underline-offset:2px}.post-content ul,.post-content ol{margin:1.5rem 0;padding-right:2rem}.post-content ul li,.post-content ol li{margin-bottom:.75rem;line-height:1.7;color:#444}.post-content ul{list-style-type:none}.post-content ul li::before{content:"▶";color:#349FA5;font-weight:700;margin-left:.5rem}.post-content ol{list-style-type:decimal;list-style-position:outside}.post-content ol li{padding-right:.5rem}.post-content blockquote{background-color:#f8f9fa;border-right:4px solid #349FA5;margin:2rem 0;padding:1.5rem;border-radius:.5rem;font-style:italic;position:relative}.post-content blockquote::before{content:"\201D";font-size:4rem;color:#349FA5;position:absolute;top:-10px;right:20px;opacity:.3}.post-content blockquote p{margin-bottom:.5rem;color:#555}.post-content blockquote p:last-child{margin-bottom:0}.post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease}.post-content img:hover{transform:scale(1.02)}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.post-content table th{background-color:#8A1538;color:#fff;padding:1rem;text-align:right;font-weight:700}.post-content table td{padding:1rem;border-bottom:1px solid #eee;color:#444}.post-content table tr:hover{background-color:#f8f9fa}.post-content pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:.5rem;padding:1.5rem;margin:2rem 0;overflow-x:auto;direction:ltr}.post-content code{background-color:#f4f4f4;padding:.25rem .5rem;border-radius:.25rem;font-family:'Courier New',monospace;font-size:.9rem;color:#8A1538}.post-content pre code{background-color:#fff0;padding:0;border-radius:0}.post-content hr{border:none;height:2px;background:linear-gradient(to left,#349FA5,#8A1538);margin:3rem 0;border-radius:1px}@media (max-width:768px){.post-content{font-size:1rem}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content ul,.post-content ol{padding-right:1.5rem}.post-content blockquote{padding:1rem;margin:1.5rem 0}.article-toc{margin:1rem 0;padding:.75rem}.toc-title{font-size:1.1rem}.toc-header{margin-bottom:.5rem}.toc-item{margin:.2rem 0}.toc-link{padding:.25rem .4rem;font-size:.9rem}.toc-h2{margin-right:.4rem}.toc-h3{margin-right:.8rem}.toc-h4{margin-right:1.2rem}.toc-h5{margin-right:1.6rem}.toc-h6{margin-right:2rem}.heading-link{right:-1.5rem;font-size:.7em}.article-sidebar{margin-bottom:1.5rem}.sidebar-header{padding:.75rem 1rem;font-size:1rem}.sidebar-content{padding:1rem}}@media (min-width:1024px){.post-content h2::before{margin-right:-1.5rem}}@media print{.article-toc,.article-sidebar,.heading-link{display:none!important}.post-content{font-size:12pt;line-height:1.5;color:#000}.post-content h1,.post-content h2,.post-content h3{page-break-after:avoid;color:#000}.post-content img{max-width:100%;page-break-inside:avoid}.post-content blockquote{border-right:2px solid #000;background:none}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-toc{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #349FA5;border-radius:12px;padding:1rem;margin:1.5rem 0;box-shadow:0 4px 12px rgb(52 159 165 / .1);position:relative;overflow:hidden}.article-toc::before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#349FA5,#8A1538)}.toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;cursor:pointer;user-select:none}.toc-title{font-size:1.25rem;font-weight:700;color:#8A1538;display:flex;align-items:center;gap:.25rem}.toc-title::before{content:"📋";font-size:1.1rem}.toc-toggle{background:none;border:none;font-size:1.5rem;color:#349FA5;cursor:pointer;transition:transform 0.3s ease;padding:.25rem;border-radius:4px}.toc-toggle:hover{background-color:rgb(52 159 165 / .1)}.toc-toggle.collapsed{transform:rotate(180deg)}.toc-content{transition:all 0.3s ease;overflow:hidden}.toc-content.collapsed{max-height:0;opacity:0;margin:0;padding:0}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:.25rem 0}.toc-link{display:block;padding:.35rem .5rem;color:#444;text-decoration:none;border-radius:6px;transition:all 0.3s ease;border-right:3px solid #fff0;font-weight:500;line-height:1.3}.toc-link:hover{background-color:rgb(52 159 165 / .1);color:#8A1538;border-right-color:#349FA5;transform:translateX(-2px)}.toc-link.active{background-color:rgb(138 21 56 / .1);color:#8A1538;border-right-color:#8A1538}.toc-h1{font-size:1rem;margin-right:0}.toc-h2{font-size:.95rem;margin-right:.75rem}.toc-h3{font-size:.9rem;margin-right:1.5rem}.toc-h4{font-size:.85rem;margin-right:2.25rem}.toc-h5{font-size:.8rem;margin-right:3rem}.toc-h6{font-size:.75rem;margin-right:3.75rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{position:relative;scroll-margin-top:2rem}.post-content h1:hover .heading-link,.post-content h2:hover .heading-link,.post-content h3:hover .heading-link,.post-content h4:hover .heading-link,.post-content h5:hover .heading-link,.post-content h6:hover .heading-link{opacity:1;visibility:visible}.heading-link{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.3s ease;color:#349FA5;text-decoration:none;font-size:.8em;padding:.25rem;border-radius:4px}.heading-link:hover{background-color:rgb(52 159 165 / .1);color:#8A1538}.article-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .1);overflow:hidden;margin-bottom:2rem}.sidebar-section{border-bottom:1px solid #eee}.sidebar-section:last-child{border-bottom:none}.sidebar-header{background:linear-gradient(135deg,#8A1538,#7A0A2C);color:#fff;padding:1rem 1.5rem;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.sidebar-content{padding:1.5rem}.sidebar-search input{flex:1;padding:.625rem 2.5rem .625rem 1rem;border:2px solid #e9ecef;border-radius:.5rem 0 0 .5rem;font-size:1rem;transition:border-color 0.3s ease;direction:rtl;text-align:right;border-left:none}.sidebar-search input:focus{outline:none;border-color:#349FA5;box-shadow:0 0 0 3px rgb(52 159 165 / .1)}.sidebar-search input::placeholder{color:#9ca3af;text-align:right}.sidebar-search form.flex{display:flex;align-items:stretch}.sidebar-search .flex-1{flex:1;position:relative}.sidebar-search button[type="submit"]:not(.absolute){background:#8A1538;color:#fff;border:2px solid #8A1538;padding:.625rem 1rem;border-radius:0 .5rem .5rem 0;cursor:pointer;transition:all 0.3s ease;font-weight:500;font-size:.875rem;border-right:none}.sidebar-search button[type="submit"]:not(.absolute):hover{background:#7A0A2C;border-color:#7A0A2C}.sidebar-search button[type="submit"].absolute{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color 0.3s ease;position:absolute;left:.75rem;top:50%;transform:translateY(-50%)}.sidebar-search button[type="submit"].absolute:hover{color:#349FA5}.search-results{direction:rtl}.search-results mark{background-color:#fef3c7;padding:.125rem .25rem;border-radius:.25rem;font-weight:600;color:#8A1538}.search-results .search-form{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #349FA5;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.search-results .search-form input[type="search"]{border:2px solid #d1d5db;border-radius:.5rem;padding:.75rem 3rem .75rem 1rem;font-size:1rem;transition:all 0.3s ease;direction:rtl;text-align:right}.search-results .search-form input[type="search"]:focus{outline:none;border-color:#349FA5;box-shadow:0 0 0 3px rgb(52 159 165 / .1)}.search-results .search-form button{transition:all 0.3s ease}.search-results .search-form button:hover{background-color:#7A0A2C;transform:translateY(-1px)}.search-result-item{transition:all 0.3s ease;border-left:4px solid #fff0}.search-result-item:hover{border-left-color:#349FA5;transform:translateX(-2px)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{text-align:center;color:#6b7280}.no-results svg{opacity:.5}.search-form.focused,.sidebar-search.focused{transform:scale(1.02);transition:transform 0.2s ease}.search-form input.has-query,.sidebar-search input.has-query{border-color:#349FA5;background-color:#f0fdf4}.search-form button[type="submit"]:hover svg,.sidebar-search button[type="submit"]:hover svg{transform:scale(1.1);transition:transform 0.2s ease}.search-form input[type="search"],.sidebar-search input[type="search"]{transition:all 0.3s ease}.search-form input[type="search"]:focus,.sidebar-search input[type="search"]:focus{transform:translateY(-1px);box-shadow:0 4px 12px rgb(52 159 165 / .15)}.search-form input[type="search"]::placeholder,.sidebar-search input[type="search"]::placeholder{color:#9ca3af;font-style:italic;transition:color 0.3s ease}.search-form input[type="search"]:focus::placeholder,.sidebar-search input[type="search"]:focus::placeholder{color:#d1d5db}@media (max-width:480px){.search-form{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #349FA5;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.search-form .flex{flex-direction:column;gap:.75rem}.search-form input[type="search"]{border-radius:12px;padding:1rem 3.5rem 1rem 1rem;font-size:16px;min-height:48px;border:2px solid #d1d5db;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.search-form input[type="search"]:focus{border-color:#349FA5;box-shadow:0 0 0 4px rgb(52 159 165 / .15),0 4px 12px rgb(0 0 0 / .1);transform:translateY(-2px)}.search-form button{border-radius:12px;padding:1rem 2rem;font-size:16px;font-weight:600;min-height:48px;background:linear-gradient(135deg,#8A1538,#7A0A2C);box-shadow:0 4px 12px rgb(138 21 56 / .3);transform:translateY(0);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.search-form button:hover,.search-form button:active{transform:translateY(-2px);box-shadow:0 6px 20px rgb(138 21 56 / .4)}.sidebar-search{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:12px;padding:1rem;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.sidebar-search form.flex{gap:.5rem}.sidebar-search input{padding:.875rem 3rem .875rem 1rem;font-size:16px;min-height:44px;border-radius:10px 0 0 10px;border:2px solid #e5e7eb;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.sidebar-search input:focus{border-color:#349FA5;box-shadow:0 0 0 3px rgb(52 159 165 / .15);transform:translateY(-1px)}.sidebar-search button[type="submit"]:not(.absolute){padding:.875rem 1.25rem;min-height:44px;border-radius:0 10px 10px 0;font-size:14px;font-weight:600;background:linear-gradient(135deg,#8A1538,#7A0A2C);box-shadow:0 2px 8px rgb(138 21 56 / .25);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.sidebar-search button[type="submit"]:not(.absolute):active{transform:translateY(1px);box-shadow:0 1px 4px rgb(138 21 56 / .3)}.sidebar-search button[type="submit"].absolute{left:.75rem;width:36px;height:36px;border-radius:8px;background:rgb(52 159 165 / .1);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.sidebar-search button[type="submit"].absolute:active{background:rgb(52 159 165 / .2);transform:translateY(-50%) scale(.95)}.lg\:col-span-3,.lg\:col-span-1{grid-column:span 1}.article-sidebar{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.sidebar-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#8A1538,#7A0A2C)}.sidebar-content{padding:1.25rem}}@media (min-width:481px) and (max-width:768px){.search-form{padding:1.5rem;border-radius:14px}.search-form .flex{flex-direction:row;gap:.5rem}.search-form input[type="search"]{padding:.875rem 3rem .875rem 1rem;border-radius:10px 0 0 10px;font-size:16px;min-height:46px}.search-form button{padding:.875rem 1.5rem;border-radius:0 10px 10px 0;min-height:46px;font-size:15px}.sidebar-search input{padding:.75rem 2.75rem .75rem 1rem;font-size:15px;min-height:42px}.sidebar-search button[type="submit"]:not(.absolute){padding:.75rem 1rem;min-height:42px;font-size:13px}}@media (max-width:768px){a,button,input,textarea,select{min-height:44px;min-width:44px;touch-action:manipulation}input[type="search"],input[type="text"],input[type="email"],textarea{font-size:16px!important;-webkit-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0}*{-webkit-tap-highlight-color:rgb(52 159 165 / .2);tap-highlight-color:rgb(52 159 165 / .2)}html{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.search-form,.sidebar-search,.search-result-item,.blog-card{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.max-w-7xl{padding-left:1rem;padding-right:1rem}.py-16{padding-top:2rem;padding-bottom:2rem}.search-result-item{margin-bottom:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.search-result-item:active{transform:translateY(1px);box-shadow:0 2px 8px rgb(0 0 0 / .12)}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}.sidebar-categories a,.sidebar-recent a{padding:.75rem 1rem;border-radius:8px;min-height:44px;display:flex;align-items:center;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.sidebar-categories a:active,.sidebar-recent a:active{transform:translateX(-4px) scale(.98);background-color:rgb(52 159 165 / .15)}.pagination a,.pagination span{padding:.75rem 1rem;min-height:44px;border-radius:8px;margin:0 .25rem;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.pagination a:active{transform:translateY(1px)}}.sidebar-categories ul,.sidebar-recent ul{list-style:none;padding:0;margin:0}.sidebar-categories li,.sidebar-recent li{margin-bottom:.75rem}.sidebar-categories a,.sidebar-recent a{display:flex;align-items:center;padding:.5rem;color:#444;text-decoration:none;border-radius:6px;transition:all 0.3s ease}.sidebar-categories a:hover,.sidebar-recent a:hover{background-color:rgb(52 159 165 / .1);color:#8A1538;transform:translateX(-2px)}.sidebar-categories a::before{content:"📁";margin-left:.5rem}.sidebar-recent a::before{content:"📄";margin-left:.5rem}.category-count{background:#349FA5;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;margin-right:auto}.recent-date{font-size:.75rem;color:#666;margin-right:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0}.pagination a,.pagination span{padding:.5rem 1rem;border:1px solid #ddd;border-radius:.25rem;text-decoration:none;color:#333;transition:all 0.3s ease}.pagination a:hover{background-color:#8A1538;color:#fff;border-color:#8A1538}.pagination .current{background-color:#8A1538;color:#fff;border-color:#8A1538}.blog-card{transition:all 0.3s ease;border:1px solid #fff0}.blog-card:hover{transform:translateY(-5px);border-color:#349FA5;box-shadow:0 10px 25px rgb(0 0 0 / .1)}.post-content{text-align:justify;direction:rtl}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{direction:rtl;text-align:right}@media print{.post-content{font-size:12pt;line-height:1.5;color:#000}.post-content h1,.post-content h2,.post-content h3{page-break-after:avoid;color:#000}.post-content img{max-width:100%;page-break-inside:avoid}.post-content blockquote{border-right:2px solid #000;background:none}}