.blog-hero-overlay-primary{background:linear-gradient(135deg,#1d866066,#1d86604d,#10b77f66)}.blog-content table{border-collapse:collapse;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}.blog-content table thead tr:first-child th:first-child{border-top-left-radius:.75rem}.blog-content table thead tr:first-child th:last-child{border-top-right-radius:.75rem}.blog-content table tbody tr:last-child td:first-child{border-bottom-left-radius:.75rem}.blog-content table tbody tr:last-child td:last-child{border-bottom-right-radius:.75rem}.blog-content table tbody tr{background-color:hsl(var(--card))}.blog-content table tbody tr:hover{background-color:hsl(var(--muted) / .3)}.blog-content table th,.blog-content table td{border-left:none;border-right:none}.blog-content table td:first-child,.blog-content table th:first-child{width:1%;white-space:nowrap}.blog-content table td:last-child,.blog-content table th:last-child{min-width:0}.blog-content{& p:has(>strong:first-child):has(🟢),p:has(>strong:first-child):has(🟡),p:has(>strong:first-child):has(🔴){margin-top:1rem;margin-bottom:1rem}& p:has(>strong:first-child):has(🟢),p:has(>strong:first-child):has(🟡),p:has(>strong:first-child):has(🔴){border-radius:.75rem}& p:has(>strong:first-child):has(🟢),p:has(>strong:first-child):has(🟡),p:has(>strong:first-child):has(🔴){border-width:1px}& p:has(>strong:first-child):has(🟢),p:has(>strong:first-child):has(🟡),p:has(>strong:first-child):has(🔴){padding:1rem}& p:has(🟢){border-color:hsl(var(--halal) / .3)}& p:has(🟢){background-color:hsl(var(--halal-bg) / .5)}& p:has(🟡){border-color:hsl(var(--questionable) / .3)}& p:has(🟡){background-color:hsl(var(--questionable-bg) / .5)}& p:has(🔴){border-color:hsl(var(--haram) / .3)}& p:has(🔴){background-color:hsl(var(--haram-bg) / .5)}& h3+ul>:not([hidden])~:not([hidden]),h3:has(a[href*="/ecode/"])+ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}& h3+ul,h3:has(a[href*="/ecode/"])+ul{border-radius:.75rem}& h3+ul,h3:has(a[href*="/ecode/"])+ul{border-width:1px}& h3+ul,h3:has(a[href*="/ecode/"])+ul{border-color:hsl(var(--border) / .5)}& h3+ul,h3:has(a[href*="/ecode/"])+ul{background-color:hsl(var(--muted) / .3)}& h3+ul,h3:has(a[href*="/ecode/"])+ul{padding:1rem}& p:first-child:has(⚠️),p:first-child:has(✅),p:first-child:has(❌),p:first-child:has(📝),p:first-child:has(💡){border-radius:.75rem}& p:first-child:has(⚠️),p:first-child:has(✅),p:first-child:has(❌),p:first-child:has(📝),p:first-child:has(💡){border-width:1px}& p:first-child:has(⚠️),p:first-child:has(✅),p:first-child:has(❌),p:first-child:has(📝),p:first-child:has(💡){border-color:hsl(var(--border) / .5)}& p:first-child:has(⚠️),p:first-child:has(✅),p:first-child:has(❌),p:first-child:has(📝),p:first-child:has(💡){background-color:hsl(var(--muted) / .3)}& p:first-child:has(⚠️),p:first-child:has(✅),p:first-child:has(❌),p:first-child:has(📝),p:first-child:has(💡){padding:1rem}& h3:has(🔍)+ol{border-radius:.75rem}& h3:has(🔍)+ol{border-width:1px}& h3:has(🔍)+ol{border-color:hsl(var(--primary) / .2)}& h3:has(🔍)+ol{background-color:hsl(var(--primary) / .05)}& h3:has(🔍)+ol{padding:1.5rem}& table{font-size:.875rem;line-height:1.25rem}& table th:first-child{font-weight:700}& table th:first-child{color:hsl(var(--foreground))}& table td:first-child{font-weight:400}& table td:first-child{color:hsl(var(--primary))}& a[href*="/ecode/"]{cursor:pointer}& a[href*="/ecode/"]{border-radius:.25rem}& a[href*="/ecode/"]{background-color:hsl(var(--primary) / .1)}& a[href*="/ecode/"]{padding-left:.375rem;padding-right:.375rem}& a[href*="/ecode/"]{padding-top:.125rem;padding-bottom:.125rem}& a[href*="/ecode/"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}& a[href*="/ecode/"]{color:hsl(var(--primary))}& a[href*="/ecode/"]{text-decoration-line:underline}& a[href*="/ecode/"]{text-decoration-style:dotted}& a[href*="/ecode/"]{text-decoration-thickness:2px}& a[href*="/ecode/"]{text-underline-offset:2px}& table a[href*="/ecode/"]{border-radius:0}& table a[href*="/ecode/"]{background-color:transparent}& table a[href*="/ecode/"]{padding:0}& table a[href*="/ecode/"]{font-weight:400}& h3+p{color:hsl(var(--muted-foreground))}}.blog-share-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;width:2.5rem;height:2.5rem;padding:.375rem;border-radius:.75rem;border:1px solid #E0E7E7;background-color:#fff;color:#344040;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s}@media(min-width:768px){.blog-share-btn{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}}.blog-share-btn:hover{background-color:#e0f2e9;border-color:#66b599;color:#66b599}.blog-share-buttons .blog-share-btn svg{width:1rem;height:1rem;pointer-events:none}.blog-pin{display:inline-flex;align-items:center;padding:.5rem 1rem;min-height:2.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#333;transition:background-color .15s,border-color .15s}.blog-pin-tag{background-color:#fff;border:1px solid rgb(220,220,220)}.blog-pin-tag:hover{background-color:#f0f8f4;border-color:#c4e3cb}.blog-pin-category{background-color:#f0f8f4;border:1px solid rgb(196,227,203)}.blog-pin-category:hover{background-color:#e0f2e4;border-color:#b4dabc}html{scroll-behavior:smooth}