.post-detail-page{padding:120px var(--gutter) 80px;max-width:820px;margin:0 auto}.post-loading{text-align:center;color:var(--dim);padding:80px 0;font-size:.9rem}.blog-not-found{padding:180px var(--gutter) 100px;text-align:center}.blog-not-found h2{font-family:var(--f-display);color:var(--white);margin-bottom:12px;font-size:2.2rem}.blog-not-found p{color:var(--dim);margin-bottom:30px}.post-pop-in{animation:.6s cubic-bezier(.34,1.56,.64,1) both postPopIn}@keyframes postPopIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.post-nav-header{border-bottom:1px solid #f5efe60d;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.back-link{font-family:var(--f-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--green)}.share-btn{color:var(--dim);font-family:var(--f-body);cursor:pointer;background:#f5efe608;border:1px solid #f5efe614;border-radius:6px;padding:6px 14px;font-size:.72rem;transition:background .2s,color .2s}.share-btn:hover{color:var(--ink);background:#f5efe614}.share-btn:disabled{opacity:.4;cursor:not-allowed}.article-header{margin-bottom:36px}.article-meta-info{font-family:var(--f-mono);color:#fff;align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;display:flex}.article-meta-info .category-badge{color:var(--green);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.article-main-title{font-family:var(--f-display);letter-spacing:-.02em;color:var(--white);margin-bottom:18px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.article-excerpt-lead{color:var(--dim);font-size:1.1rem;line-height:1.6}.article-cover-visual{aspect-ratio:21/9;background:linear-gradient(135deg,#12160f 0%,#152013 100%);border:1px solid #f5efe60d;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:48px;display:flex;position:relative;overflow:hidden}.article-cover-visual.has-image{background-position:50%;background-size:cover}.article-cover-visual .grid-overlay{background-image:linear-gradient(90deg,#f5efe605 1px,#0000 1px),linear-gradient(#f5efe605 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.article-cover-visual .glowing-orb{display:none}.cover-wordmark{z-index:1;font-family:var(--f-display);letter-spacing:-.03em;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #ef444447;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:1;position:relative}.cover-title-overlay{z-index:3;font-family:var(--f-mono);color:#f5efe68c;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:10px;font-size:.62rem;display:flex;position:absolute;bottom:16px;left:20px}.cover-title-overlay:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px}.article-body-content{font-family:var(--f-body);color:var(--ink);font-size:1rem;line-height:1.75}.post-h2{font-family:var(--f-display);color:var(--white);margin:40px 0 16px;font-size:1.55rem;font-weight:700}.post-h3{font-family:var(--f-display);color:var(--white);margin:28px 0 12px;font-size:1.2rem;font-weight:600}.post-p{color:#f5efe6d1;margin-bottom:24px}.post-ul,.post-ol{color:#f5efe6d1;margin-bottom:24px;padding-left:20px}.post-ul li,.post-ol li{margin-bottom:8px}.post-hr{border:none;border-top:1px solid #f5efe60f;margin:40px 0}.post-image-container{width:100%;margin:32px 0}.post-image-container img{object-fit:cover;border:1px solid #f5efe614;border-radius:8px;width:100%;height:auto}.article-cta-band{background:var(--bg2);border:1px solid #f5efe612;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding:32px;display:flex}.cta-left{flex:1;min-width:285px}.cta-left h3{font-family:var(--f-display);color:var(--white);margin-bottom:8px;font-size:1.25rem;font-weight:700;transform:none}.cta-left p{color:var(--dim);font-size:.88rem;line-height:1.5}@keyframes pulse-cover{0%{opacity:.15;transform:scale(1)}to{opacity:.3;transform:scale(1.4)}}
