.blog-hero{position:relative;overflow:hidden;padding-top:calc(var(--nav-h) + var(--nav-top) + var(--bar-h) + clamp(2.5rem,6vw,4.5rem));padding-bottom:var(--space-10)}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-size:clamp(2.1rem,5vw,var(--text-5xl));margin:var(--space-5) 0 var(--space-4);max-width:20ch}.blog-hero__page{color:var(--text-tertiary);font-size:.5em;letter-spacing:0}.blog-hero__lead{font-size:var(--text-lg);max-width:62ch}.crumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5)}.crumbs li{display:inline-flex;align-items:center;gap:var(--space-2)}.crumbs li+li:before{content:"/";color:var(--border-strong)}.crumbs a{color:var(--text-secondary);transition:color var(--dur-fast)}.crumbs a:hover{color:var(--accent-strong)}.crumbs [aria-current]{color:var(--text-tertiary)}.cat-nav{display:flex;gap:var(--space-2);margin-top:var(--space-8);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.cat-nav a small{font:500 var(--text-xs)/1 var(--font-mono);color:var(--text-tertiary)}.cat-nav a:hover{color:var(--text-primary);border-color:var(--border-strong)}.cat-nav a[aria-current]{color:var(--text-primary);background:var(--accent-subtle);border-color:var(--accent-line)}.blog-list{padding-block:var(--space-6) var(--space-16);display:grid;gap:var(--space-8)}.post-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}.post-card{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.post-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.post-card__media{display:block;aspect-ratio:1200 / 628;overflow:hidden;background:var(--bg-elevated)}.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.post-card:hover .post-card__media img{transform:scale(1.03)}.post-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6);flex:1}.post-card__cat{position:relative;z-index:2;align-self:flex-start;font:600 var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-strong)}.post-card__cat:hover{text-decoration:underline}.post-card__title{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:-.015em}.post-card__title a:after{content:"";position:absolute;inset:0;z-index:1}.post-card__title a:focus-visible{outline:none}.post-card:has(.post-card__title a:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.post-card__excerpt{font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.post-card--featured{display:grid;grid-template-columns:1.35fr 1fr}.post-card--featured .post-card__media{aspect-ratio:auto;min-height:100%}.post-card--featured .post-card__body{justify-content:center;padding:clamp(1.5rem,4vw,3rem);gap:var(--space-4)}.post-card--featured .post-card__title{font-size:clamp(1.5rem,2.6vw,var(--text-3xl));line-height:1.15}.post-card--featured .post-card__excerpt{font-size:var(--text-base);-webkit-line-clamp:4}.post-card--featured .post-card__meta{margin-top:var(--space-2)}@media(max-width:860px){.post-card--featured{grid-template-columns:1fr}.post-card--featured .post-card__media{aspect-ratio:1200 / 628}}.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm)}.pager ol{display:flex;gap:var(--space-1);padding:0;list-style:none}.pager a,.pager span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--radius-md)}.pager a{color:var(--text-secondary);border:1px solid var(--border-subtle);transition:border-color var(--dur-fast),color var(--dur-fast)}.pager a:hover{color:var(--text-primary);border-color:var(--border-strong)}.pager [aria-current]{color:var(--accent-fg);background:var(--accent);font-weight:600}.pager__off{color:var(--text-tertiary);opacity:.5}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;margin-bottom:var(--section-y);padding:clamp(1.75rem,4vw,3rem);border-radius:var(--radius-lg);border:1px solid var(--accent-line);background:radial-gradient(120% 140% at 0% 0%,rgb(91 28 255 / .22),transparent 60%),var(--bg-surface)}.blog-cta h2{font-size:clamp(1.5rem,3vw,var(--text-3xl));margin-bottom:var(--space-3);max-width:24ch}.blog-cta p{max-width:56ch}.blog-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:var(--brand-gradient);transform-origin:0 50%;transform:scaleX(0)}@supports (animation-timeline: scroll()){.read-progress{animation:read-progress linear both;animation-timeline:scroll(root)}@keyframes read-progress{to{transform:scaleX(1)}}}@media(prefers-reduced-motion:reduce){.read-progress{display:none}}.post__header{max-width:var(--container-narrow);padding-top:calc(var(--nav-h) + var(--nav-top) + var(--bar-h) + clamp(2rem,5vw,4rem))}.post__cat{display:inline-block;margin-bottom:var(--space-4);font:600 var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-strong);padding:6px 12px;border-radius:var(--radius-full);background:var(--accent-subtle);border:1px solid var(--accent-line)}.post__title{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.1;margin-bottom:var(--space-5)}.post__lead{font-size:clamp(1.05rem,1.6vw,var(--text-xl));line-height:1.55;color:var(--text-secondary)}.post__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-block:var(--space-5);border-block:1px solid var(--border-subtle)}.post__author{display:flex;align-items:center;gap:var(--space-3)}.post__author img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--accent-line)}.post__author strong{display:block;color:var(--text-primary);font-weight:600}.post__author span{font-size:var(--text-xs);color:var(--text-tertiary)}.post__facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-tertiary)}.post__facts li{display:inline-flex;align-items:center;gap:6px}.post__cover{max-width:1200px;margin-block:var(--space-10)}.post__cover img{width:100%;height:auto;aspect-ratio:1200 / 628;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.post__layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,5vw,4.5rem);align-items:start;max-width:1140px}.post__main{min-width:0;max-width:72ch}.post__side{position:sticky;top:calc(var(--nav-h) + var(--nav-top) + var(--bar-h) + 24px);display:grid;gap:var(--space-6)}@media(max-width:1024px){.post__layout{grid-template-columns:1fr}.post__main{margin-inline:auto}.post__side{display:none}}.toc ol{padding:0;list-style:none;counter-reset:toc;display:grid;gap:var(--space-2)}.toc li{counter-increment:toc;display:flex;gap:var(--space-3);font-size:var(--text-sm);line-height:1.45}.toc li:before{content:counter(toc,decimal-leading-zero);font:500 var(--text-xs)/1.9 var(--font-mono);color:var(--text-tertiary)}.toc a{color:var(--text-secondary);transition:color var(--dur-fast)}.toc a:hover{color:var(--accent-strong)}.toc__title{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-4)}.toc--side{max-height:60vh;overflow:auto}.toc--inline{display:none;margin-bottom:var(--space-10);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle)}.toc--inline summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:600;color:var(--text-primary);list-style:none}.toc--inline summary::-webkit-details-marker{display:none}.toc--inline[open] summary{margin-bottom:var(--space-4)}@media(max-width:1024px){.toc--inline{display:block}}.side-cta{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--accent-line);background:radial-gradient(140% 120% at 0% 0%,rgb(91 28 255 / .2),transparent 60%),var(--bg-surface);font-size:var(--text-sm);display:grid;gap:var(--space-3);justify-items:start}.side-cta__title{font:600 var(--text-lg)/1.25 var(--font-display);color:var(--text-primary)}.prose{font-size:1.0625rem;line-height:1.8;color:#c9c2db}.prose>*+*{margin-top:1.25em}.prose h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;margin-top:2.2em;scroll-margin-top:calc(var(--nav-h) + var(--nav-top) + var(--bar-h) + 24px)}.prose h3{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.3;margin-top:1.8em;letter-spacing:-.01em;scroll-margin-top:calc(var(--nav-h) + var(--nav-top) + var(--bar-h) + 24px)}.prose h4{font-size:1.1rem;margin-top:1.6em;letter-spacing:0}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.75em}.prose a{color:var(--accent-strong);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast)}.prose a:hover{text-decoration-color:currentColor}.prose strong,.prose b{color:var(--text-primary);font-weight:600}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--brand-400)}.prose blockquote{padding:var(--space-4) var(--space-6);border-left:3px solid var(--accent);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary)}.prose img{border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.prose figure figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.prose hr{border:0;border-top:1px solid var(--border-subtle);margin-block:2.5em}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);display:block;overflow-x:auto}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);text-align:left}.prose th{color:var(--text-primary);font-weight:600;background:var(--bg-surface)}.prose code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;border-radius:4px;background:var(--bg-elevated);color:var(--text-primary)}.post-cta{margin-top:var(--space-12);padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--radius-lg);border:1px solid var(--accent-line);background:radial-gradient(120% 140% at 0% 0%,rgb(91 28 255 / .24),transparent 60%),var(--bg-surface)}.post-cta h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin-bottom:var(--space-3)}.post-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.post__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.post__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none}.post__tags li{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle)}.share{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.share>span{margin-right:var(--space-1)}.share a,.share button{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:color var(--dur-fast),border-color var(--dur-fast)}.share a:hover,.share button:hover{color:var(--text-primary);border-color:var(--accent-line)}.share__ok{position:absolute;bottom:calc(100% + 8px);right:0;white-space:nowrap;font-size:var(--text-xs);color:var(--accent-fg);background:var(--accent);border-radius:var(--radius-sm);padding:0 8px;line-height:24px;pointer-events:none}.share__ok:empty{display:none}.author-box{display:flex;gap:var(--space-6);align-items:flex-start;margin-top:var(--space-10);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle)}.author-box img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px var(--bg-surface),0 0 0 5px var(--accent-line)}.author-box__kicker{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.author-box h2{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-3)}.author-box p{font-size:var(--text-sm);margin-bottom:var(--space-4)}@media(max-width:560px){.author-box{flex-direction:column}}.related{padding-block:var(--section-y)}.related>h2{font-size:clamp(1.6rem,3vw,var(--text-3xl));margin-bottom:var(--space-8)}