:root{--primary:#176b52;--text:#18201d;--muted:#66716d;--border-color:#dce3df;--fg-color:#fff;--surface:#f5f8f6;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font-family:Arial,"Noto Sans Arabic",sans-serif;font-size:16px;line-height:1.75}a{color:#0b684e;text-underline-offset:3px}a:hover{color:#084c3a}.dukkani-site-header,.dukkani-site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 1080px)/2));background:#fff;border-block-end:1px solid var(--border-color)}.dukkani-site-header nav,.dukkani-site-footer{display:flex;gap:1rem}.dukkani-brand{color:var(--text);font-size:1.2rem;font-weight:700;text-decoration:none}.dukkani-site-header nav a,.dukkani-site-footer a{text-decoration:none}.dukkani-site-footer{justify-content:center;margin-top:3rem;border-block-start:1px solid var(--border-color);border-block-end:0}.page-breadcrumbs,.page-header-wrapper{display:none}.page-content-wrapper{padding:0 1rem}.page_content{max-width:920px;margin:0 auto}.blog-container{padding:2rem 0}.blog-content{padding:clamp(1.25rem,3vw,3rem);background:#fff;border:1px solid var(--border-color);border-radius:8px}.blog-header>div:first-child{color:var(--muted);font-size:.92rem}.blog-title{margin:.75rem 0 .5rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.25}.blog-intro{margin:0 0 1.25rem;color:var(--muted);font-size:1.15rem}.blog-content h2{margin:2rem 0 .65rem;font-size:1.55rem;line-height:1.4}.blog-content h3{margin:1.5rem 0 .5rem;font-size:1.2rem}.blog-content p,.blog-content ul,.blog-content ol{margin:.75rem 0}.blog-content img{max-width:100%;height:auto}.blog-content figure{margin:1.5rem 0}.blog-content figcaption{color:var(--muted);font-size:.9rem}.blog-content blockquote{margin:1.25rem 0;padding:.75rem 1rem;border-inline-start:4px solid var(--primary);background:var(--surface)}.blog-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.blog-content th,.blog-content td{padding:.65rem;border:1px solid var(--border-color)}.blog-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--muted)}.text-muted{color:var(--muted)}.btn{display:inline-block;padding:.65rem 1rem;border-radius:6px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{color:#fff;background:#0e5943}
.dukkani-direct-answer,.dukkani-ai-summary,.dukkani-takeaways,.dukkani-faq,.dukkani-sources,.dukkani-definitions,.dukkani-related-questions,.dukkani-related-links,.dukkani-products,.dukkani-author{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;background:var(--fg-color,#fff)}
.dukkani-direct-answer{border-inline-start:4px solid var(--primary,#2563eb)}
.dukkani-faq details{padding:.8rem 0;border-block-end:1px solid var(--border-color,#e5e7eb)}
.dukkani-faq summary,.dukkani-definitions dt{font-weight:600;cursor:pointer}.dukkani-preline{white-space:pre-line}
.dukkani-author{display:flex;gap:1rem;align-items:flex-start}.dukkani-author img{border-radius:50%;object-fit:cover}.dukkani-author h2{margin-top:0}
.dukkani-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.dukkani-product-card{padding:1rem;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem}.dukkani-product-cta{font-weight:600;color:var(--primary,#2563eb)}
[dir=rtl] .dukkani-direct-answer,[dir=rtl] .dukkani-ai-summary,[dir=rtl] .dukkani-faq,[dir=rtl] .dukkani-sources{text-align:right}
@media(max-width:640px){.dukkani-site-header{align-items:flex-start}.dukkani-site-header nav{gap:.75rem}.page-content-wrapper{padding:0 .75rem}.blog-container{padding:1rem 0}.blog-content{padding:1.1rem}.dukkani-author{display:block}.blog-title{font-size:2rem}}

.seo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.seo-metric{border:1px solid var(--border-color);border-radius:6px;padding:14px;background:var(--card-bg)}.seo-metric strong{display:block;font-size:24px}.seo-metric span{color:var(--text-muted)}.seo-audit-table{overflow:auto}.dukkani-cta{margin:2rem 0;padding:1rem;border-inline-start:4px solid var(--primary,#2563eb)}.dukkani-toc{margin:1rem 0;padding:1rem;border:1px solid var(--border-color,#e5e7eb);border-radius:6px}.dukkani-video{width:100%;aspect-ratio:16/9}
