.blog-detail-page{width:100%;max-width:var(--max-OnlyTextSection);--read-fs:1.125rem;--read-lh:1.8;--read-measure:68ch;--c-heading:#f7f2ff;--c-body:#e7e0f2;--c-dek:#c7bad9;--c-muted:#9684ae;--c-list:#e4dbf1;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-kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--gradient-brand);border-radius:50px;margin-bottom:20px;padding:6px 14px;font-size:.63rem;font-weight:700;display:inline-block}.blog-detail-title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--c-heading);text-wrap:balance;margin-bottom:18px;font-size:clamp(2rem,4.6vw,2.85rem);font-weight:700;line-height:1.12}.blog-detail-description{color:var(--c-dek);text-wrap:pretty;max-width:60ch;margin-bottom:16px;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.62}.blog-detail-byline{color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.blog-detail-byline strong{color:#d6c9e8;font-weight:700}.blog-detail-byline .avatar{background:var(--gradient-brand);width:34px;height:34px;font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;place-content:center;font-size:.82rem;font-weight:700;display:grid}.blog-detail-byline .dot{background:var(--c-muted);border-radius:50%;width:3px;height:3px}.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{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.blog-detail-content{overflow-wrap:break-word;word-break:break-word;min-width:0;color:var(--c-body);font-size:var(--read-fs);line-height:var(--read-lh);max-width:var(--read-measure);flex:1}.blog-detail-content h2{letter-spacing:-.012em;color:var(--c-heading);text-wrap:balance;border-bottom:none;margin:56px 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:700}.blog-detail-content h3{letter-spacing:-.01em;color:var(--c-heading);margin:40px 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600}.blog-detail-content p{color:var(--c-body);line-height:var(--read-lh);font-size:var(--read-fs);margin-bottom:1.35em}.blog-detail-content strong{color:#fff}.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:var(--c-list);font-size:var(--read-fs);padding-left:6px;line-height:1.62}.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}.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 blockquote{border-left:2px solid var(--brand-orange);background:0 0;border-radius:0;margin:20px 0;padding:6px 0 6px 20px;font-style:normal}.blog-detail-content blockquote p{color:#f1eafa;font-size:1.18rem;font-weight:500;line-height:1.5}.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-content .kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-amber);margin:56px 0 -8px;font-size:.63rem;font-weight:700}.blog-detail-content .kicker+h2{margin-top:10px}.blog-detail-content .formula{font-family:var(--font-mono);color:#ffe3be;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff17;border-radius:5px;padding:1px 7px;font-size:.92em}.stat-row{flex-wrap:wrap;gap:12px;margin:8px 0 4px;display:flex}.stat-row .stat{background:#ffffff04;border:1px solid #ffffff14;border-radius:14px;flex:1;min-width:120px;padding:16px 18px}.stat-row .stat .n{font-family:var(--font-display);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:700}.stat-row .stat .l{color:var(--c-muted);margin-top:5px;font-size:.78rem;line-height:1.4}.blog-detail-toc{width:300px;top:calc(var(--top-margin) + 16px);max-height:calc(100vh - var(--top-margin) - 32px);overscroll-behavior:contain;background:0 0;border:none;border-left:1px solid #ffffff14;border-radius:0;flex-shrink:0;padding:4px 0 4px 22px;position:sticky;overflow-y:auto}.blog-detail-toc::-webkit-scrollbar{width:6px}.blog-detail-toc::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.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;align-items:stretch}.blog-detail-toc{display:none}}.blog-detail-content table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}table{border-collapse:separate;border-spacing:0;border-radius:10px;width:100%;margin:1.6em 0;font-size:.94em;overflow:hidden;box-shadow:0 2px 12px #0000001a}thead tr{color:#fff;text-align:left;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}th{letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid #ff6b35;padding:14px 18px;font-size:.92em;font-weight:600}th[colspan]{text-align:center;text-transform:none;letter-spacing:.01em;color:#ffd166;font-size:1em}td{vertical-align:top;color:inherit;border-bottom:1px solid #e8e8f2;padding:12px 18px;line-height:1.6}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#2a2a4a;transition:background-color .15s}table.revision-box{color:#e8e8f2;background-color:#0d0d1a;border:1px solid #2a2a4a}table.revision-box td{color:#e8e8f2;border-bottom:1px solid #2a2a4a}table.revision-box td b{color:#ffd166}table.revision-box tbody tr:nth-child(2n){background-color:#13132a}table.revision-box tbody tr:hover{background-color:#1e1e3a}table.revision-box thead tr{background:linear-gradient(135deg,#0d0d1a 0%,#1a1a3e 100%)}table.revision-box th[colspan]{color:#ffd166;border-bottom:2px solid #ff6b35;padding:16px 18px;font-size:1em}table.highlight-box{background-color:#fff8f0;border:1px solid #ff6b35}table.highlight-box td{color:#1a1a2e;border-bottom:1px solid #ffe0cc}table.highlight-box td b{color:#d63031}table.highlight-box tbody tr:nth-child(2n){background-color:#fff3e8}table.highlight-box tbody tr:hover{background-color:#ffe8d6}table.highlight-box thead tr{background:linear-gradient(135deg,#d63021 0%,#ff6b35 100%)}table.highlight-box th[colspan]{color:#fff}