.blog-detail{background:radial-gradient(circle at 15% 20%,#a8b86b1a,transparent 28%),radial-gradient(circle at 85% 18%,#c8a84b14,transparent 22%),var(--bg);min-height:100vh}#reading-progress{z-index:60;background:linear-gradient(90deg,var(--gold),var(--accent));width:0;height:3px;position:fixed;top:0;left:0}.blog-hero{border-bottom:1px solid #a8b86b24}.blog-title{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-transform:uppercase;flex-direction:column;gap:.15em;margin:0;font-size:clamp(3.8rem,9vw,7rem);line-height:.9;display:flex}.blog-title span{color:var(--accent)}.blog-subtitle{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:1rem;font-size:1rem}.blog-layout{grid-template-columns:220px minmax(0,1fr);gap:3rem;width:min(1280px,100% - 3rem);margin:0 auto;padding:3.5rem 0 5rem;display:grid}.blog-toc{flex-direction:column;align-self:start;gap:.8rem;display:flex;position:sticky;top:110px}.blog-toc p,.blog-ref-title,.share-buttons__label{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.blog-toc a{color:var(--muted);cursor:pointer;transition:color .25s,transform .25s}.blog-toc a:hover,.blog-toc a.active{color:#fff;transform:translate(4px)}.blog-content{max-width:760px}.blog-content p,.blog-content li{color:var(--text);font-size:1.02rem;line-height:1.9}.blog-content h2{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-transform:uppercase;margin:3.5rem 0 1rem;font-size:clamp(2rem,5vw,3rem)}.blog-highlight,.highlight-soft,.blog-quote{background:#ffffff06;border:1px solid #a8b86b33;margin:1.8rem 0;padding:1.25rem 1.4rem}.blog-highlight{color:#fff;font-size:1.12rem;line-height:1.8}.highlight-soft{border-left:3px solid var(--accent);color:var(--text)}.blog-quote{color:var(--accent);font-size:1.1rem;font-style:italic}.blog-inline-list,.blog-comparison,.blog-steps,.blog-bullets{gap:.8rem;margin:1.5rem 0;padding-left:1.25rem;display:grid}.blog-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-left:0}.blog-comparison-card{background:#ffffff05;border:1px solid #a8b86b2e;padding:1.1rem}.blog-comparison-card h3{letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:.8rem;font-size:.9rem}.blog-image{background:#ffffff05;border:1px solid #a8b86b29;margin:1.75rem 0;overflow:hidden}.blog-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-image figcaption{color:var(--muted);border-top:1px solid #a8b86b1a;padding:.85rem 1rem 1rem;font-size:.82rem}.blog-steps li::marker{color:var(--accent)}.blog-bullets li::marker{color:var(--accent)}.share-buttons{border-top:1px solid #a8b86b24;margin-top:3rem;padding-top:2rem}.share-buttons__links,.blog-ref-links{flex-wrap:wrap;gap:.85rem;margin-top:1rem;display:flex}.share-buttons__link,.blog-ref-link,.blog-back a{color:var(--text);border:1px solid #a8b86b38;justify-content:center;align-items:center;padding:.7rem 1rem;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.share-buttons__link:hover,.blog-ref-link:hover,.blog-back a:hover{color:#fff;background:#a8b86b14;border-color:#a8b86b73}.blog-references,.blog-back{margin-top:2rem}@media (max-width:980px){.blog-layout{grid-template-columns:1fr;width:min(760px,100% - 2rem)}.blog-toc{border-bottom:1px solid #a8b86b24;padding-bottom:1rem;position:static}}@media (max-width:640px){.blog-comparison{grid-template-columns:1fr}.blog-content p,.blog-content li{font-size:.96rem}}