.post-hero{position:relative;padding:calc(58px + clamp(2rem,5vw,3.5rem)) 0 clamp(2.5rem,5vw,4rem);background-color:#05050f;background-image:radial-gradient(ellipse 900px 500px at 50% 30%, rgba(52,19,144,.28) 0%, rgba(0,0,0,0) 65%),radial-gradient(ellipse 600px 400px at 80% 60%, rgba(29,78,216,.14) 0%, rgba(0,0,0,0) 65%)}.post-hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(124,58,237,.25), rgba(0,0,0,0))}.post-hero .container{max-width:760px}.post-back{display:inline-flex;margin-bottom:1.5rem;color:rgba(238,238,255,.7);font-size:.85rem;font-weight:600;transition:color .2s}.post-back:hover{color:#a78bfa}.post-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;color:#a78bfa;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.post-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff4500;box-shadow:0 0 8px #ff4500}.post-hero h1{margin-bottom:1rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600}.post-desc{margin-bottom:1.25rem;color:rgba(238,238,255,.7);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;color:rgba(238,238,255,.7);font-size:.85rem}.post-category{color:#a78bfa;font-weight:700}.post-category:hover{color:#8b5cf6}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem}.post-tags a{padding:.22rem .55rem;border:1px solid rgba(124,58,237,.25);border-radius:99rem;color:#a78bfa;font-size:.72rem;font-weight:600;transition:border-color .2s ease,color .2s ease}.post-tags a:hover{border-color:rgba(167,139,250,.45);color:#8b5cf6}.post-section{padding-block:clamp(5rem,10vw,9rem);background:rgba(11,9,32,.35)}.post-cover{max-width:960px;margin:0 auto clamp(2rem,5vw,4rem);border-color:rgba(124,58,237,.18);border-radius:1.5rem;background:rgba(17,15,48,.52);box-shadow:0 24px 70px rgba(0,0,0,.26)}.post-cover img{width:100%;height:auto;display:block}.post-layout{display:grid;grid-template-columns:minmax(0, 1fr);justify-content:center;width:100%;gap:clamp(1.5rem,4vw,3rem)}.post-layout.has-toc{justify-content:stretch}.post-main{width:100%;max-width:720px;min-width:0;margin-inline:auto}.post-toc-wrap{width:100%;max-width:720px;min-width:0;margin-inline:auto}.post-toc{padding:1.1rem;border-color:rgba(124,58,237,.18);background:rgba(17,15,48,.52)}.post-toc p{margin-bottom:.85rem;color:#eef;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.post-toc-list,.post-toc-sublist{display:flex;flex-direction:column;list-style:none}.post-toc-list{gap:.55rem}.post-toc-sublist{gap:.4rem;margin-top:.45rem;padding-left:.85rem;border-left:1px solid rgba(124,58,237,.18)}.post-toc a{color:rgba(238,238,255,.7);font-size:.88rem;line-height:1.45;transition:color .2s ease}.post-toc-sublist a{font-size:.82rem}.post-toc a:hover{color:#a78bfa}.post-content{width:100%;max-width:720px;min-width:0;margin-inline:auto;overflow-wrap:break-word}.post-content h2{margin-top:3rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,58,237,.12);font-size:clamp(1.25rem,2.5vw,1.65rem);scroll-margin-top:calc(58px + 1.5rem)}.post-content h3{margin-top:2rem;margin-bottom:.65rem;color:#eef;font-size:clamp(1.08rem,2vw,1.3rem);scroll-margin-top:calc(58px + 1.5rem)}.post-content h4{margin-top:1.5rem;margin-bottom:.5rem;color:#eef;font-size:1rem;scroll-margin-top:calc(58px + 1.5rem)}.post-content p,.post-content li{color:rgba(238,238,255,.85);font-size:.96rem;line-height:1.8}.post-content p{margin-bottom:1rem}.post-content ul,.post-content ol{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding-left:1.5rem}.post-content ul{list-style:disc}.post-content ol{list-style:decimal}.post-content li::marker{color:#a78bfa}.post-content strong{color:#fff;font-weight:750}.post-content em{color:#a78bfa;font-style:italic;font-weight:500}.post-content strong em,.post-content em strong{color:#ff6a2f}.post-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:720px;margin-inline:auto;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid rgba(124,58,237,.1)}.post-nav a{color:#a78bfa;font-size:.88rem;font-weight:600}.post-nav a:hover{color:#8b5cf6}@media (min-width: 1080px){.post-layout.has-toc{grid-template-columns:minmax(180px, 240px) minmax(0, 720px);justify-content:center;align-items:start;gap:clamp(2rem,5vw,4rem)}.post-toc-wrap{position:sticky;top:calc(58px + 1.25rem);max-width:none}.post-toc{max-height:calc(100vh - 58px - 2.5rem);overflow:auto}}