.blog-post-page{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);min-height:100vh;overflow-x:clip}.blog-reading-progress{background:#0000;height:2px;pointer-events:none;position:sticky;top:4.5rem;top:var(--modern-header-height,4.5rem);z-index:calc(var(--z-header) + 1)}.blog-reading-progress span{background:var(--color-accent);display:block;height:100%;transition:width 80ms linear}.blog-post-container{margin:0 auto;padding:0 var(--page-gutter) var(--space-section);width:min(var(--content-wide),100%)}.blog-post-layout{grid-gap:clamp(2rem,5vw,5rem);align-items:start;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,1fr) 18rem}.blog-post{min-width:0}.post-header{background:radial-gradient(circle at 78% 35%,var(--color-cosmic-glow),#0000 32rem),var(--color-cosmic-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-sizing:border-box;color:var(--color-cosmic-text);display:flex;flex-direction:column;justify-content:flex-end;margin-left:0;min-height:clamp(38rem,74vh,51rem);overflow:hidden;padding:clamp(5rem,8vw,8rem) clamp(1.5rem,6vw,6rem) clamp(3rem,6vw,5rem);position:relative;width:calc(100% + 18rem + clamp(2rem, 5vw, 5rem))}.post-header:before{border:1px solid var(--color-cosmic-line);border-radius:var(--radius-xl);content:"";inset:1rem;pointer-events:none;position:absolute;z-index:0}.post-header:after{aspect-ratio:1;border:1px solid var(--color-cosmic-line-strong);border-radius:50%;box-shadow:0 0 0 4rem var(--color-cosmic-glow),0 0 0 8rem color-mix(in srgb,var(--color-cosmic-glow) 35%,#0000);content:"";position:absolute;right:-8rem;top:-14rem;width:36rem}.post-header>*{position:relative;z-index:1}.post-header .back-link{display:inline-flex;left:clamp(1.5rem,6vw,6rem);letter-spacing:.14em;position:absolute;text-decoration:none;top:clamp(3rem,5vw,4.5rem)}.post-header .back-link,.post-meta{color:var(--color-cosmic-text-muted);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;letter-spacing:.12em;margin-bottom:1.4rem}.post-category{border:1px solid var(--color-cosmic-line-strong);border-radius:var(--radius-pill);color:var(--color-accent-soft);padding:.4rem .7rem;text-decoration:none}.post-read-time:before{content:"·";margin-right:1.2rem}.post-title{color:var(--color-cosmic-text);font:400 clamp(3.8rem,8vw,8rem)/.88 var(--font-display);letter-spacing:-.06em;margin:0;max-width:68rem}.post-excerpt{color:var(--color-cosmic-text-muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65;margin:1.8rem 0 0;max-width:48rem}.post-featured-image{background:var(--color-surface-muted);border:.55rem solid var(--color-canvas);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:clamp(-2rem,-3vw,-3.5rem) auto 0;overflow:hidden;position:relative;width:min(72rem,calc(100% - var(--page-gutter)*2));z-index:2}.post-featured-image img{display:block;max-height:42rem;object-fit:cover;width:100%}.post-share-bar{align-items:center;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;gap:1rem;margin:2.5rem auto 0;max-width:var(--content-reading);padding:1rem 0}.post-share-label{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.post-share-links{display:flex;flex-wrap:wrap;gap:.45rem}.post-share-btn{align-items:center;aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);display:inline-flex;justify-content:center;text-decoration:none;transition:color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast);width:2.45rem}.post-share-btn svg{height:.95rem;width:.95rem}.post-share-btn:hover{background:var(--color-brand);color:var(--color-on-brand);transform:translateY(-2px)}.post-content{color:var(--color-text);font-family:var(--font-display);font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.82;margin:0 auto;max-width:var(--content-reading);padding:clamp(2.5rem,6vw,5rem) 0}.post-content>div>:first-child{margin-top:0}.post-content p{margin:0 0 1.55em}.post-content p:empty,.post-content p:has(>br:only-child){display:none}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:var(--color-text);font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}.post-content h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:.98;margin:2.2em 0 .8em}.post-content h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.02;margin:2.1em 0 .7em}.post-content h3{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.1;margin:1.8em 0 .6em}.post-content h4{font-size:1.3rem;margin:1.6em 0 .5em}.post-content h2:before{background:var(--color-brand);content:"";display:block;height:1px;margin-bottom:1rem;width:2rem}.post-content strong{color:var(--color-text);font-weight:700}.post-content em{color:var(--color-text-muted)}.post-content a{color:var(--color-brand);text-decoration-thickness:1px;text-underline-offset:.2em}.post-content ol,.post-content ul{margin:1.3em 0 1.7em;padding-left:1.4em}.post-content li{margin-bottom:.55em;padding-left:.3em}.post-content li::marker{color:var(--color-brand)}.post-content blockquote{border-left:2px solid var(--color-accent);color:var(--color-text-muted);font-size:1.2em;font-style:italic;margin:2.2em 0;padding:1.6rem 0 1.6rem 2rem}.post-content code{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-brand);font-family:var(--font-mono);font-size:.82em;padding:.15em .35em}.post-content pre{background:var(--color-cosmic-surface);border-radius:var(--radius-md);color:var(--color-cosmic-text);max-width:100%;overflow-x:auto;padding:1.25rem}.post-content pre code{background:none;color:inherit;padding:0}.post-content hr{border:0;border-top:1px solid var(--color-border);margin:3rem 0}.post-content .content-image,.post-content img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block;height:auto;margin:2.2rem auto;max-width:100%}.post-content .youtube-embed{border-radius:var(--radius-lg);margin:2rem 0;overflow:hidden;position:relative}.post-content .youtube-embed iframe{border:0;display:block;min-height:24rem;width:100%}.post-content table{border-collapse:collapse;font-family:var(--font-body);font-size:.83rem;margin:2rem 0;width:100%}.post-content td,.post-content th{border-bottom:1px solid var(--color-border);padding:.85rem;text-align:left;vertical-align:top}.post-content th{background:var(--color-brand);color:var(--color-on-brand);font-size:.67rem;letter-spacing:.09em;text-transform:uppercase}.post-content tr:nth-child(2n) td{background:var(--color-canvas-subtle)}.post-footer{border-top:1px solid var(--color-border);margin:0 auto;max-width:var(--content-reading);padding:1.4rem 0 3rem}.post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tags-label{color:var(--color-text-subtle);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.post-tag,.tags-label{font-size:var(--text-xs)}.post-tag{background:color-mix(in srgb,var(--color-brand) 8%,#0000);border-radius:var(--radius-pill);color:var(--color-brand);font-weight:700;padding:.45rem .7rem}.blog-post-sidebar{grid-gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:1px;margin-top:calc(clamp(38rem, 74vh, 51rem) + 2rem);overflow:hidden;position:sticky;top:6rem;top:calc(var(--modern-header-height, 4.5rem) + 1.5rem)}.blog-sidebar-widget{background:var(--color-surface);padding:1.4rem}.blog-sidebar-title{color:var(--color-text-subtle);font-size:.62rem;font-weight:800;letter-spacing:.15em;margin:0 0 1rem;text-transform:uppercase}.blog-sidebar-list{list-style:none;margin:0;padding:0}.blog-sidebar-list li{border-top:1px solid var(--color-border)}.blog-sidebar-list a{color:var(--color-text);display:block;font:400 .95rem/1.35 var(--font-display);padding:.85rem 0;text-decoration:none}.blog-sidebar-list a:hover{color:var(--color-brand)}.blog-sidebar-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.blog-sidebar-share .post-share-links{margin-top:.25rem}.post-navigation{margin-top:var(--space-section);text-align:center;width:100%}.post-navigation .nav-button{align-items:center;background:var(--color-brand);border-radius:var(--radius-pill);color:var(--color-on-brand);display:inline-flex;font-weight:800;min-height:var(--control-height-lg);padding:0 1.5rem;text-decoration:none}.blog-post-state{background:var(--color-cosmic-surface);color:var(--color-cosmic-text);display:grid;justify-items:center;min-height:calc(100vh - 5rem);padding:2rem;place-content:center;text-align:center}.blog-post-state i{animation:post-state-pulse 1.2s ease-in-out infinite alternate;aspect-ratio:1;border:1px solid var(--color-cosmic-line-strong);border-radius:50%;box-shadow:0 0 0 1.5rem var(--color-cosmic-glow);width:6rem}.blog-post-state>div>p:first-child,.blog-post-state>p{color:var(--color-accent-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.15em;margin:2rem 0 .6rem;text-transform:uppercase}.blog-post-state h2{font:400 clamp(3rem,7vw,5rem)/1 var(--font-display);margin:0}.blog-post-state>div>p:not(:first-child){color:var(--color-cosmic-text-muted)}.blog-post-state .back-link{color:var(--color-accent-soft);display:inline-flex;margin-top:1rem}@keyframes post-state-pulse{to{opacity:.55;transform:scale(.86)}}@media (max-width:1050px){.blog-post-layout{grid-template-columns:1fr}.post-header{width:100%}.blog-post-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;position:static}}@media (max-width:720px){.blog-post-container{padding-inline:0}.post-header{border-radius:0 0 var(--radius-lg) var(--radius-lg);min-height:40rem;padding:7rem 1.25rem 3rem}.post-header:before{inset:.55rem}.post-header:after{right:-14rem;top:-10rem;width:27rem}.post-header .back-link{left:1.25rem;top:3rem}.post-title{font-size:clamp(3.2rem,15vw,4.7rem)}.post-excerpt{font-size:.95rem}.post-meta{gap:.55rem}.post-read-time:before{margin-right:.55rem}.post-featured-image{border-radius:var(--radius-lg);border-width:.35rem;margin-top:-1.5rem;width:calc(100% - 2rem)}.post-content,.post-footer,.post-share-bar{width:calc(100% - 2.5rem)}.post-content{font-size:1.05rem}.post-content table{display:block;overflow-x:auto;white-space:nowrap}.post-content .youtube-embed iframe{min-height:13rem}.blog-post-sidebar{grid-template-columns:1fr;margin-inline:auto;width:calc(100% - 2rem)}.post-navigation{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){.blog-post-state i{animation:none}.blog-reading-progress span,.post-share-btn{transition:none}}