.article-wrapper{color:#18181b;background-color:#f8fafc;min-height:100vh;padding:40px 16px;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s,color .2s}html.dark .article-wrapper{color:#e4e4e7;background-color:#09090b}.blog-container{max-width:800px;margin:0 auto}.breadcrumb-bar{color:#71717a;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumb-bar a{color:#52525b;text-decoration:none;transition:color .15s}.breadcrumb-bar a:hover{color:#09090b}html.dark .breadcrumb-bar a{color:#a1a1aa}html.dark .breadcrumb-bar a:hover{color:#fff}.crumb-sep{color:#a1a1aa;font-size:12px}html.dark .crumb-sep{color:#52525b}.active-crumb{color:#2563eb;font-weight:500}html.dark .active-crumb{color:#60a5fa}.post-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}html.dark .post-header{border-bottom:1px solid #27272a}.badge-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.badge-cat{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}html.dark .badge-cat{color:#60a5fa;background:#1e3a8a66;border:1px solid #1e3a8a80}.badge-check{color:#059669;font-size:12px;font-weight:600}html.dark .badge-check{color:#34d399;font-weight:500}.badge-check-mobile{display:none}.post-title-main{color:#09090b;letter-spacing:-.02em;margin:12px 0 16px;font-size:32px;font-weight:800;line-height:1.25}html.dark .post-title-main{color:#fff}.post-meta{color:#71717a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}html.dark .post-meta{color:#a1a1aa}.meta-dot{color:#94a3b8;font-size:11px}html.dark .meta-dot{color:#52525b}@media (width<=640px){.article-wrapper{padding:18px 14px 36px}.breadcrumb-bar{gap:6px;margin-bottom:12px;font-size:12px}.crumb-desktop-only{display:none!important}.post-header{margin-bottom:20px;padding-bottom:16px}.badge-row{gap:6px 10px;margin-bottom:10px}.badge-cat{padding:3px 10px;font-size:11px}.badge-check{font-size:11px}.badge-check-full{display:none}.badge-check-mobile{display:inline}.post-title-main{letter-spacing:-.01em;margin:8px 0 12px;font-size:21px;font-weight:750;line-height:1.32}.post-meta{gap:5px 8px;margin-top:8px;font-size:12px;line-height:1.4}.meta-dot{display:inline}.blog-body h2{margin:26px 0 10px;font-size:19px}.blog-body h3{margin:20px 0 8px;font-size:16px}.blog-body p{margin:12px 0;font-size:15px;line-height:1.65}.tool-cta-box{margin-top:32px;padding:20px 16px}}.blog-body h1{color:#09090b;margin:24px 0 16px;font-size:28px;font-weight:800;line-height:1.3}html.dark .blog-body h1{color:#fff}.blog-body h2{color:#09090b;border-bottom:1px solid #e2e8f0;margin:36px 0 14px;padding-bottom:8px;font-size:22px;font-weight:700}html.dark .blog-body h2{color:#fff;border-bottom:1px solid #27272a}.blog-body h3{color:#1d4ed8;margin:24px 0 10px;font-size:18px;font-weight:600}html.dark .blog-body h3{color:#93c5fd}.blog-body h4{color:#09090b;margin:16px 0 8px;font-size:16px;font-weight:700}html.dark .blog-body h4{color:#fff}.blog-body p{color:#3f3f46;margin:16px 0;font-size:15px;line-height:1.75}html.dark .blog-body p{color:#d4d4d8}.blog-body ul,.blog-body ol{margin:16px 0 20px 24px;padding:0}.blog-body li{color:#3f3f46;margin-bottom:8px;font-size:15px;line-height:1.7}html.dark .blog-body li{color:#d4d4d8}.blog-body strong{color:#09090b;font-weight:600}html.dark .blog-body strong{color:#fff}.blog-body a{color:#2563eb;text-decoration:underline}html.dark .blog-body a{color:#60a5fa}.blog-body blockquote{color:#1e3a8a;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px 12px 12px 4px;margin:20px 0;padding:14px 18px;font-style:italic}html.dark .blog-body blockquote{color:#bfdbfe;background:#1e3a8a33;border-left:4px solid #60a5fa}.table-responsive{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin:24px 0;overflow-x:auto}html.dark .table-responsive{border-color:#27272a}.blog-body table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.blog-body th{color:#0f172a;background:#f8fafc;border-bottom:2px solid #cbd5e1;padding:12px 16px;font-weight:700}html.dark .blog-body th{color:#f1f5f9;background:#18181b;border-bottom-color:#3f3f46}.blog-body td{color:#334155;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 16px}html.dark .blog-body td{color:#cbd5e1;border-bottom-color:#27272a}.blog-body tr:last-child td{border-bottom:none}.blog-body tr:nth-child(2n) td{background:#f8fafc}html.dark .blog-body tr:nth-child(2n) td{background:#121215}.template-box{color:#0f172a;white-space:pre-wrap;background:#eff6ff99;border:1px dashed #3b82f6;border-radius:8px;margin:16px 0 24px;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;line-height:1.6}html.dark .template-box{color:#e2e8f0;background:#1e3a8a26;border-color:#60a5fa}.template-header{color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:system-ui,sans-serif;font-size:12.5px;font-weight:700;display:flex}html.dark .template-header{color:#93c5fd}.alert-box-warning{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:4px 12px 12px 4px;margin:24px 0;padding:16px 20px}html.dark .alert-box-warning{color:#fde68a;background:#f59e0b1f;border-left-color:#f59e0b}.alert-box-danger{color:#991b1b;background:#fef2f2;border-left:4px solid #ef4444;border-radius:4px 12px 12px 4px;margin:24px 0;padding:16px 20px}html.dark .alert-box-danger{color:#fca5a5;background:#ef44441f;border-left-color:#ef4444}.alert-box-info{color:#1e40af;background:#eff6ff;border-left:4px solid #2563eb;border-radius:4px 12px 12px 4px;margin:24px 0;padding:16px 20px}html.dark .alert-box-info{color:#bfdbfe;background:#2563eb1f;border-left-color:#3b82f6}.related-guides-section{border-top:1px solid #e2e8f0;margin-top:52px;padding-top:36px}html.dark .related-guides-section{border-top:1px solid #27272a}.related-header{text-align:left;margin-bottom:20px}.related-badge{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;margin-bottom:6px;font-size:11px;font-weight:600;display:inline-block}html.dark .related-badge{color:#60a5fa}.related-title{color:#09090b;margin:0 0 6px;font-size:22px;font-weight:700}html.dark .related-title{color:#f4f4f5}.related-subtitle{color:#64748b;margin:0;font-size:14px}html.dark .related-subtitle{color:#a1a1aa}.related-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}html.dark .related-card{background:#18181b;border-color:#27272a}.related-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.related-meta{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.related-cat{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-weight:600}html.dark .related-cat{color:#93c5fd;background:#2563eb33}.related-time{color:#94a3b8}.related-card-title{color:#0f172a;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4}html.dark .related-card-title{color:#f1f5f9}.related-card-snippet{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}html.dark .related-card-snippet{color:#94a3b8}.related-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:11px;display:flex}html.dark .related-card-footer{border-top-color:#27272a}.related-link-text{color:#2563eb;font-weight:600}html.dark .related-link-text{color:#60a5fa}.all-guides-link-wrap{text-align:center;margin-top:24px}.btn-all-guides{color:#2563eb;background:0 0;border:1px solid #bfdbfe;border-radius:9999px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-all-guides:hover{background:#eff6ff;border-color:#3b82f6}html.dark .btn-all-guides{color:#60a5fa;border-color:#3b82f6}html.dark .btn-all-guides:hover{background:#3b82f61a}.tool-cta-box{text-align:center;background:#eff6ffb3;border:1px solid #bfdbfe;border-radius:16px;margin-top:48px;padding:28px;transition:background-color .2s,border-color .2s}html.dark .tool-cta-box{background:#18181b;border:1px solid #3b82f666}.tool-cta-box h3{color:#09090b;margin:0 0 8px;font-size:20px;font-weight:700}html.dark .tool-cta-box h3{color:#fff}.tool-cta-box p{color:#475569;margin:0 0 18px;font-size:14px}html.dark .tool-cta-box p{color:#a1a1aa}.btn-cta{color:#fff;background:#2563eb;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-block}.btn-cta:hover{background:#1d4ed8}html.lang-ur .blog-body,html.lang-ur .post-title-main,html.lang-ur .active-crumb,html.lang-ur .breadcrumb-bar,html.lang-ur .post-meta{text-align:right}html.lang-ur .blog-body ul,html.lang-ur .blog-body ol{margin:16px 24px 20px 0}html.lang-ur .blog-body blockquote{border-left:none;border-right:4px solid #3b82f6;border-radius:12px 4px 4px 12px}