.blog-detail-page{width:100%;max-width:var(--max-OnlyTextSection);margin:0 auto;padding:40px 24px}.blog-detail-hero{margin-bottom:40px;margin-top:var(--top-margin);border-bottom:1px solid #ffffff0f;flex-direction:column;gap:32px;padding-bottom:32px;display:flex}.blog-detail-hero-text{flex:1}.blog-detail-back{text-transform:uppercase;letter-spacing:.1em;color:#7a6490;align-items:center;gap:6px;margin-bottom:16px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.blog-detail-back:hover{color:#ff6b00}.blog-detail-meta-row{text-transform:uppercase;letter-spacing:.12em;color:#ff9500;background:#ff6b001a;border:1px solid #ff6b0033;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 14px;font-size:.65rem;font-weight:700;display:inline-flex}.blog-detail-meta-dot{background:#ff6b00;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite bd-pulse}@keyframes bd-pulse{0%,to{opacity:1;box-shadow:0 0 #ff6b0066}50%{opacity:.6;box-shadow:0 0 0 6px #ff6b0000}}.blog-detail-title{color:#f5f0ff;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;line-height:1.2}.blog-detail-description{color:#b89fc8;max-width:520px;margin-bottom:16px;font-size:.95rem;line-height:1.75}.blog-detail-byline{color:#7a6490;font-size:.75rem;font-weight:600}.blog-detail-byline strong{color:#b89fc8}.blog-detail-cover{border:1px solid #ffffff0f;border-radius:14px;flex-shrink:0;width:100%;overflow:hidden}.blog-detail-cover img{object-fit:cover;width:100%;height:260px;display:block}.blog-detail-body{align-items:flex-start;gap:32px;display:flex}.blog-detail-content{color:#b89fc8;flex:1;min-width:0;font-size:.95rem;line-height:1.85}.blog-detail-content h2{color:#f5f0ff;border-bottom:1px solid #ff6b0026;margin:36px 0 12px;padding-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}.blog-detail-content h3{color:#f5f0ff;margin:28px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700}.blog-detail-content p{color:#b89fc8;margin-bottom:16px;font-size:.93rem;line-height:1.85}.blog-detail-content a{color:#ff9500;text-underline-offset:3px;-webkit-text-decoration:underline #ff950059;text-decoration:underline #ff950059;transition:color .2s,text-decoration-color .2s}.blog-detail-content a:hover{color:#ffd100;text-decoration-color:#ffd10080}.blog-detail-content img{border:1px solid #ffffff0f;border-radius:10px;max-width:100%;height:auto;margin:20px 0}.blog-detail-content ul{flex-direction:column;gap:8px;margin-bottom:16px;padding-left:20px;list-style:outside;display:flex}.blog-detail-content ol{flex-direction:column;gap:10px;margin-bottom:16px;padding-left:20px;list-style:decimal;display:flex}.blog-detail-content li{color:#b89fc8;padding-left:6px;font-size:.93rem;line-height:1.7}.blog-detail-content li::marker{color:#ff6b00}.blog-detail-content hr{background:linear-gradient(90deg,#c7003a4d,#ff6b0033,#0000);border:none;height:1px;margin:32px 0}:is(.blog-detail-content blockquote,.blog-detail-content div:has(>p)){color:#b89fc8;background:#ff6b000a;border-left:2px solid #ff6b00;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px;font-style:italic}.blog-detail-content button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c7003a,#ff6b00);border:none;border-radius:50px;align-items:center;padding:9px 20px;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.blog-detail-content button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c7003a66}.blog-detail-toc{width:240px;top:calc(var(--top-margin) + 16px);background:#110018;border:1px solid #ffffff0f;border-radius:14px;flex-shrink:0;padding:20px;position:sticky}.blog-detail-toc-label{text-transform:uppercase;letter-spacing:.12em;color:#7a6490;border-bottom:1px solid #ffffff0d;margin-bottom:12px;padding-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:700}@media (min-width:768px){.blog-detail-hero{flex-direction:row;align-items:center}.blog-detail-cover{width:42%}.blog-detail-cover img{height:280px}}@media (max-width:767px){.blog-detail-page{padding:24px 16px}.blog-detail-body{flex-direction:column}.blog-detail-toc{display:none}}