.blog-detail{min-height:100vh;background:#f8fafc;color:#0f172a;margin-bottom:10vh;font-family:Montserrat,Arial,sans-serif}.blog-detail-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#dc2626);color:#fff;padding:140px 8vw 80px}.blog-detail-hero-content{max-width:1120px}.blog-detail-eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;opacity:.9;margin-bottom:12px}.blog-detail-lead{font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin:0 0 6px;opacity:.9}.blog-detail-lead-subtitle{font-size:1.05rem;margin:0 0 16px;font-weight:600;color:hsla(0,0%,100%,.85)}.blog-detail-title{font-size:clamp(2.4rem,4vw,3.4rem);margin:0 0 12px;font-weight:800;line-height:1.2}.blog-detail-subtitle{font-size:1.05rem;line-height:1.7;max-width:1100px;margin:0 0 18px}.blog-detail-meta{display:flex;gap:10px;align-items:center;font-size:.95rem;opacity:.9}.blog-detail-divider{color:hsla(0,0%,100%,.6)}.blog-detail-body{max-width:900px;margin:-40px auto 0;background:#fff;border-radius:20px;padding:40px 46px;box-shadow:0 24px 50px rgba(15,23,42,.12)}.blog-detail-body h2{margin-top:0;font-size:1.8rem}.blog-detail-body h3{margin-top:32px;font-size:1.35rem;color:#0f172a}.blog-detail-body p{line-height:1.8;color:#334155}.blog-detail-body ol,.blog-detail-body ul{padding-left:20px;color:#334155;line-height:1.7;list-style-position:outside;list-style-type:disc}.blog-detail-body ol{list-style-type:decimal}.blog-detail-body li{margin-bottom:8px}.blog-detail-body blockquote{margin:26px 0;padding:20px 26px;border-left:4px solid #dc2626;background:rgba(220,38,38,.08);font-style:italic;color:#0f172a;display:flex;flex-direction:column;gap:8px}.blog-detail-body blockquote span{font-style:normal;font-weight:600;color:#475569}.blog-detail-image{margin:24px 0;border-radius:16px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0}.blog-detail-image img{width:100%;height:auto;display:block}.blog-detail-image figcaption{padding:12px 16px;font-size:.9rem;color:#475569;background:#fff}.blog-faq{margin-top:18px;display:grid;gap:14px}.blog-faq-item{border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;padding:0 18px;box-shadow:0 10px 24px rgba(15,23,42,.06);transition:border-color .2s ease,box-shadow .2s ease}.blog-faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;color:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .2s ease}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary:after{content:"+";width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #e2e8f0;color:#dc2626;font-weight:700;font-size:18px;flex-shrink:0;transition:transform .25s ease,background .2s ease,border-color .2s ease}.blog-faq-item[open] summary:after{content:"–";transform:rotate(180deg);background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2)}.blog-faq-content{padding:0 0 18px;color:#334155;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease}.blog-faq-content p{margin-top:0}.blog-faq-content ul{margin:0;padding-left:20px;list-style-position:outside;list-style-type:disc}.blog-faq-item[open]{border-color:rgba(220,38,38,.18);box-shadow:0 14px 28px rgba(15,23,42,.1)}.blog-faq-item[open] summary{color:#b91c1c}.blog-faq-item[open] .blog-faq-content{max-height:600px;opacity:1;transform:translateY(0)}.blog-reactions{display:grid;gap:18px;margin-top:16px}.blog-reaction{background:#f8fafc;border-radius:14px;padding:18px;border:1px solid #e2e8f0}.blog-reaction h4{margin:0 0 6px;color:#0f172a}.blog-detail-footer{margin-top:36px;display:flex;justify-content:center}.blog-back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:#dc2626;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 12px 24px rgba(220,38,38,.22);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.blog-back-link:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 16px 28px rgba(220,38,38,.28)}@media (max-width:900px){.blog-detail-body{margin:-30px 6vw 0;padding:32px}}@media (max-width:600px){.blog-detail-hero{padding:120px 7vw 60px}.blog-detail-body{padding:26px}}