.blog-detail-page{width:100%;max-width:min(var(--max-OnlyTextSection),calc(var(--read-measure) + var(--col-gap) + var(--toc-w) + 48px));--read-fs:1.08rem;--read-lh:1.7;--read-measure:68ch;--toc-w:300px;--col-gap:48px;--c-heading:var(--ink);--c-body:var(--ink);--c-dek:var(--muted);--c-muted:var(--faint);--c-list:var(--ink);margin:0 auto;padding:40px 24px}.blog-detail-hero{border-bottom:1px solid var(--rule);margin-bottom:40px;margin-top:var(--top-margin);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:var(--faint);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:var(--orange)}.blog-detail-meta-row{text-transform:uppercase;letter-spacing:.12em;color:var(--orange);background:var(--paper-warm);border:1px solid var(--rule-warm);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:var(--orange);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 #e85d1859}50%{opacity:.6;box-shadow:0 0 0 6px #e85d1800}}.blog-detail-kicker{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--btn-grad);border-radius:50px;margin-bottom:20px;padding:6px 14px;font-size:.63rem;font-weight:700;display:inline-block}.blog-detail-title{font-family:var(--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:var(--muted);font-weight:700}.blog-detail-byline .avatar{background:var(--btn-grad);width:34px;height:34px;font-family:var(--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 var(--rule);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{gap:var(--col-gap);justify-content:flex-start;align-items:flex-start;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{font-family:var(--display);letter-spacing:-.012em;color:var(--c-heading);text-wrap:balance;border-bottom:none;margin:56px 0 18px;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:700}.blog-detail-content h3{font-family:var(--display);letter-spacing:-.01em;color:var(--c-heading);margin:40px 0 12px;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600}.blog-detail-content .lb-callout{background:var(--paper-warm);border-left:4px solid var(--orange);color:var(--ink);border-radius:8px;margin:1.4em 0;padding:14px 18px}.blog-detail-content .lb-callout>:first-child{margin-top:0}.blog-detail-content .lb-callout>:last-child{margin-bottom:0}.blog-detail-content .lb-callout b,.blog-detail-content .lb-callout strong{color:var(--hl-red)}.blog-detail-content :is(h4,h5,h6){font-family:var(--display);color:var(--c-heading);margin:28px 0 10px;font-size:1rem;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:var(--ink)}.blog-detail-content a{color:var(--orange);text-underline-offset:3px;-webkit-text-decoration:underline #e85d1866;text-decoration:underline #e85d1866;transition:color .2s,text-decoration-color .2s}.blog-detail-content a:hover{color:var(--gold);text-decoration-color:#c0820f80}.blog-detail-content img{border:1px solid var(--rule);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:var(--orange)}.blog-detail-content hr{background:linear-gradient(90deg,var(--rule),transparent);border:none;height:1px;margin:32px 0}.blog-detail-content div:has(>p){border-left:2px solid var(--orange);background:var(--paper-warm);color:var(--muted);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:var(--ink);font-size:1.18rem;font-weight:500;line-height:1.5}.blog-detail-content button{background:var(--btn-grad);color:var(--ink);font-family:var(--mono);cursor:pointer;border:none;border-radius:50px;align-items:center;padding:9px 20px;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 18px #e8005a47}.blog-detail-content .kicker{font-family:var(--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(--mono);background:var(--paper-2);border:1px solid var(--rule);color:var(--gold);white-space:nowrap;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{border:1px solid var(--rule);background:var(--paper-2);border-radius:14px;flex:1;min-width:120px;padding:16px 18px}.stat-row .stat .n{font-family:var(--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:var(--toc-w);top:calc(var(--top-margin) + 16px);max-height:calc(100vh - var(--top-margin) - 32px);overscroll-behavior:contain;border:none;border-left:1px solid var(--rule);background:0 0;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:var(--rule);border-radius:3px}.blog-detail-toc-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--faint);border-bottom:1px solid var(--rule);margin-bottom:12px;padding-bottom:10px;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;background:var(--paper);border:1px solid var(--rule);border-radius:10px;width:100%;margin:1.6em 0;font-size:.94em;overflow:hidden;box-shadow:0 2px 10px #2a20350d}thead tr{background:var(--paper-warm);color:var(--ink);text-align:left}th{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--orange);padding:12px 16px;font-size:.8em;font-weight:700}th[colspan]{text-align:center;text-transform:none;letter-spacing:.01em;color:var(--gold);font-size:.86em}td{border-bottom:1px solid var(--rule);vertical-align:top;color:inherit;padding:11px 16px;line-height:1.6}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background-color:var(--paper-2)}tbody tr:hover{background-color:var(--paper-warm);transition:background-color .15s}table.revision-box{background-color:var(--paper-warm-2);border:1px solid var(--gold)}table.revision-box td{border-bottom:1px solid var(--rule-warm)}table.revision-box td b{color:var(--gold)}table.revision-box tbody tr:nth-child(2n){background-color:#c0820f0d}table.revision-box tbody tr:hover{background-color:#c0820f17}table.revision-box thead tr{background:#c0820f1f}table.revision-box th,table.revision-box th[colspan]{color:var(--gold);border-bottom:2px solid var(--gold);padding:14px 16px;font-size:.86em}table.highlight-box{border:1px solid var(--orange);background-color:#fff8f0}table.highlight-box td{color:var(--ink);border-bottom:1px solid #ffe0cc}table.highlight-box td b{color:var(--magenta)}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:#e85d181f}table.highlight-box th,table.highlight-box th[colspan]{color:var(--orange);border-bottom:2px solid var(--orange)}