.blog-detail-page{min-height:100vh;background-color:var(--color-white);color:var(--color-primary)}.bd-hero{position:relative;background:linear-gradient(135deg,#0a1128,#172554,#0f172a);padding:calc(var(--section-pad) + 60px) 0 var(--space-12);color:var(--color-white);overflow:hidden;border-bottom:1px solid rgba(249,115,22,.2)}.bd-hero-glow{position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,#f973162e,#f9731600 70%);pointer-events:none}.bd-hero-container{position:relative;z-index:1;max-width:1100px}.bd-nav-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.bd-back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-300);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition-fast)}.bd-back-link:hover{color:var(--color-accent)}.bd-category-badge{background:#f9731626;border:1px solid rgba(249,115,22,.35);color:var(--color-accent-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.bd-title{color:var(--color-white);font-size:clamp(2rem,1.2rem + 2vw,3.25rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-6);letter-spacing:-.02em}.bd-meta-bar{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.15)}.bd-meta-item{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-300);font-size:var(--text-sm)}.bd-meta-keyword{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;padding:3px 10px;border-radius:var(--radius-full);color:var(--color-accent-light);font-size:var(--text-xs);font-weight:600;border:1px solid rgba(255,255,255,.2)}.bd-banner-container{max-width:900px;margin:-12px auto var(--space-8);position:relative;z-index:10}.bd-media-figure{margin:0;background:#0f172a;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.3)}.bd-banner-img{width:100%;height:auto;aspect-ratio:21 / 9;max-height:400px;object-fit:cover;display:block}.bd-media-caption{padding:var(--space-3) var(--space-6);background:#0f172a;color:var(--color-gray-300);font-size:var(--text-sm);font-style:italic;border-top:1px solid rgba(255,255,255,.1);text-align:center}.bd-main-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-12);align-items:start;padding-bottom:var(--section-pad-lg);max-width:1240px}.bd-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 105px)}.bd-toc-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);flex:1 1 auto;min-height:160px;max-height:calc(100vh - 275px);display:flex;flex-direction:column;overflow:hidden}.bd-toc-heading{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.bd-toc-nav{overflow-y:auto;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.4) transparent}.bd-toc-nav::-webkit-scrollbar{width:4px}.bd-toc-nav::-webkit-scrollbar-thumb{background-color:#f9731666;border-radius:4px}.bd-toc-nav ul{list-style:none;padding:0;margin:0}.bd-toc-nav li{margin-bottom:2px}.bd-toc-link{display:block;font-size:.78rem;line-height:1.35;color:var(--color-primary-light);padding:3px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);border-left:2px solid transparent}.bd-toc-link:hover{color:var(--color-accent);background:var(--color-gray-50)}.bd-toc-link.active{color:var(--color-accent);font-weight:700;border-left-color:var(--color-accent);background:#f9731614}.bd-quick-cta{background:linear-gradient(135deg,#0f172a,#172554);color:var(--color-white);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(249,115,22,.35);text-align:center;flex-shrink:0;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.bd-quick-cta:hover{border-color:#f97316a6;box-shadow:0 12px 28px #0f172a59,0 0 20px #f9731633;transform:translateY(-2px)}.bd-quick-cta h3{color:var(--color-white);font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:700}.bd-quick-cta p{color:var(--color-gray-300);font-size:var(--text-xs);margin-bottom:var(--space-3);line-height:1.35}.bd-quick-cta .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-block{display:block;width:100%}.bd-article-body{min-width:0}.bd-takeaways-card{background:#f8fafc;border:1px solid rgba(249,115,22,.35);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.bd-takeaways-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.bd-takeaways-header h3{font-size:var(--text-lg);margin-bottom:0;color:var(--color-primary)}.bd-takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.bd-takeaways-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.5;color:var(--color-primary)}.bd-intro-prose{margin-bottom:var(--space-8)}.bd-lead-p{font-size:var(--text-lg);line-height:1.7;color:var(--color-gray-800);margin-bottom:var(--space-4)}.bd-section{margin-bottom:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-gray-100);scroll-margin-top:100px}.bd-section-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.bd-sec-num{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-weight:800;font-size:var(--text-base);border-radius:var(--radius-md);flex-shrink:0;margin-top:2px}.bd-sec-heading{font-size:clamp(1.4rem,1.1rem + .8vw,1.85rem);font-weight:700;line-height:1.25;color:var(--color-primary);margin-bottom:var(--space-1)}.bd-sec-subheading{font-size:var(--text-sm);color:var(--color-accent);font-weight:600;margin-bottom:0}.bd-section p{font-size:var(--text-base);line-height:1.7;color:var(--color-primary-light);margin-bottom:var(--space-4)}.bd-bullet-list{list-style:none;padding:0;margin:var(--space-4) 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.bd-bullet-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);line-height:1.6;color:var(--color-primary-light)}.bd-bullet-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;margin-top:8px;flex-shrink:0}.bd-callout{display:flex;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0}.bd-callout--info{background:#1725540d;border:1px solid rgba(23,37,84,.2);border-left:4px solid var(--color-primary)}.bd-callout--info .bd-callout-icon{color:var(--color-primary)}.bd-callout--warning{background:#f9731614;border:1px solid rgba(249,115,22,.3);border-left:4px solid var(--color-accent)}.bd-callout--warning .bd-callout-icon{color:var(--color-accent)}.bd-callout-content h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}.bd-callout-content p{font-size:var(--text-sm);margin-bottom:0;line-height:1.5}.bd-table-wrapper{overflow-x:auto;margin:var(--space-6) 0 var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.bd-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left;background:#fff}.bd-table th{background:#172554;color:#fff;font-family:var(--font-heading);font-weight:600;padding:var(--space-4) var(--space-4);border:1px solid #1e293b;white-space:nowrap}.bd-table td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);color:var(--color-primary-light);line-height:1.5}.bd-table tbody tr:nth-child(2n){background:#f8fafc}.bd-table tbody tr:hover{background:#f973160d}.bd-process-flow{display:flex;flex-direction:column;margin:var(--space-6) 0}.bd-process-step{display:flex;gap:var(--space-4)}.bd-step-indicator{display:flex;flex-direction:column;align-items:center}.bd-step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs);flex-shrink:0;box-shadow:0 0 10px #f973164d}.bd-step-line{width:2px;background:var(--color-gray-300);flex:1;min-height:20px;margin:4px 0}.bd-process-step:last-child .bd-step-line{display:none}.bd-step-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);flex:1;box-shadow:var(--shadow-sm)}.bd-step-card h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1);color:var(--color-primary)}.bd-step-card p{font-size:var(--text-sm);color:var(--color-primary-light);margin-bottom:0;line-height:1.4}.bd-zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-6) 0}.bd-zone-card{display:flex;align-items:center;gap:var(--space-3);background:#f8fafc;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.bd-zone-step{width:26px;height:26px;border-radius:var(--radius-sm);background:#172554;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.bd-zone-title{font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.bd-checklists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-6) 0}.bd-checklist-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.bd-checklist-card h3{font-size:var(--text-base);color:var(--color-accent);border-bottom:2px solid var(--color-gray-100);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.bd-checklist-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.bd-checklist-card li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--color-primary-light)}.bd-mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.bd-mistake-card{background:#fff5f5;border:1px solid #fed7d7;border-left:4px solid #e53e3e;border-radius:var(--radius-md);padding:var(--space-4)}.bd-mistake-card h4{font-size:var(--text-sm);font-weight:700;color:#9b2c2c;margin-bottom:var(--space-1)}.bd-mistake-card p{font-size:var(--text-xs);color:#742a2a;margin-bottom:0;line-height:1.4}.bd-bottom-line-card{background:linear-gradient(135deg,#0f172a,#172554);color:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(249,115,22,.35);box-shadow:var(--shadow-xl)}.bd-bottom-line-card h2{color:var(--color-white);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.bd-bottom-line-card p{color:var(--color-gray-300);font-size:var(--text-base);line-height:1.7}.bd-sequence-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.15)}.bd-seq-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:#f9731633;border:1px solid rgba(249,115,22,.4);color:var(--color-accent-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.bd-seq-arrow{color:var(--color-white);margin-left:2px}.bd-faqs-list{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.bd-faq-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.bd-faq-item[open]{border-color:#f9731680;box-shadow:var(--shadow-sm)}.bd-faq-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-primary);cursor:pointer;list-style:none;user-select:none}.bd-faq-summary::-webkit-details-marker{display:none}.bd-faq-arrow{color:var(--color-accent);transition:transform var(--transition-fast)}.bd-faq-item[open] .bd-faq-arrow{transform:rotate(180deg)}.bd-faq-body{padding:0 var(--space-6) var(--space-6);color:var(--color-primary-light);font-size:var(--text-sm);line-height:1.6}.bd-faq-body p{margin-bottom:0}.bd-keywords-box{background:#f8fafc;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0}.bd-kw-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.bd-kw-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bd-kw-primary{background:var(--color-accent);color:var(--color-white);font-size:var(--text-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-sm)}.bd-kw-secondary{background:var(--color-gray-200);color:var(--color-primary);font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-sm)}.bd-author-card{display:flex;gap:var(--space-6);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-8) 0;align-items:center}.bd-author-avatar img{width:72px;height:72px;object-fit:contain;background:#172554;padding:var(--space-2);border-radius:50%}.bd-author-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-weight:700;margin-bottom:2px}.bd-author-info h3{font-size:var(--text-lg);margin-bottom:2px}.bd-author-role{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--space-2)}.bd-author-bio{font-size:var(--text-xs);color:var(--color-primary-light);line-height:1.5;margin-bottom:0}.bd-related-block{margin:var(--space-12) 0}.bd-related-title{font-size:var(--text-xl);margin-bottom:var(--space-6)}.bd-related-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.bd-rel-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);transition:all var(--transition-fast)}.bd-rel-card:hover{background:#fff;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.bd-rel-type{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--color-accent)}.bd-rel-card h4{font-size:var(--text-base);margin-bottom:2px;color:var(--color-primary)}.bd-rel-card p{font-size:var(--text-xs);color:var(--color-gray-600);margin-bottom:0}.bd-related-blogs{margin:var(--space-12) 0}.bd-rel-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.bd-rel-blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.bd-rel-blog-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.bd-rel-blog-img{aspect-ratio:16 / 9;overflow:hidden;background:#0f172a}.bd-rel-blog-img img{width:100%;height:100%;object-fit:cover}.bd-rel-blog-body{padding:var(--space-4);display:flex;flex-direction:column;flex:1}.bd-rel-blog-cat{font-size:.7rem;text-transform:uppercase;color:var(--color-accent);font-weight:700;margin-bottom:var(--space-1)}.bd-rel-blog-body h4{font-size:var(--text-sm);line-height:1.4;color:var(--color-primary);margin-bottom:var(--space-2);flex:1}.bd-rel-blog-time{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-gray-600)}.bd-contact-section{background:linear-gradient(135deg,#0a1128,#172554);color:var(--color-white);padding:var(--section-pad-lg) 0;border-top:1px solid rgba(249,115,22,.3)}.bd-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.bd-contact-text h2{color:var(--color-white);font-size:clamp(1.8rem,1.2rem + 1.5vw,2.5rem);line-height:1.25;margin-bottom:var(--space-4)}.bd-contact-text p{color:var(--color-gray-300);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-6)}.bd-contact-form-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-8);border-radius:var(--radius-xl)}.bd-form{display:flex;flex-direction:column;gap:var(--space-4)}.bd-input{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:all var(--transition-fast)}.bd-input:focus{background:#ffffff2e;border-color:var(--color-accent);box-shadow:0 0 10px #f973164d}.bd-input::placeholder{color:var(--color-gray-300)}.bd-submit-btn{background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;padding:var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #f973164d}.bd-submit-btn:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px #f9731666}.bd-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.bd-main-layout{grid-template-columns:1fr;gap:var(--space-8)}.bd-sidebar{position:static}.bd-toc-card{max-height:none}}@media(max-width:768px){.bd-banner-container{margin:16px auto var(--space-6)}.bd-banner-img{aspect-ratio:16 / 9;max-height:340px}.bd-contact-grid{grid-template-columns:1fr}.bd-author-card{flex-direction:column;text-align:center}.bd-zones-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.bd-banner-container{margin:20px auto var(--space-6)}.bd-zones-grid{grid-template-columns:1fr}.bd-meta-bar{gap:var(--space-3)}}