.post-badge{border-radius:var(--radius-full);background:var(--color-accent-hover);color:var(--color-on-accent);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap;align-self:flex-start;align-items:center;display:inline-flex}.post-author{align-items:center;gap:var(--space-3);display:flex}.post-author__avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-lumen-sunken);flex:none;width:2rem;height:2rem}.post-author__avatar--lg{width:3rem;height:3rem}.post-author__name{font-weight:var(--font-weight-semibold);color:var(--color-lumen-ink);font-size:var(--font-size-sm)}.post-author__lines{line-height:var(--line-height-tight);flex-direction:column;display:flex}.post-author__role{color:var(--color-text-muted);font-size:var(--font-size-xs)}.btn-arrow{border-radius:var(--radius-full);background:#ffffff2e;place-items:center;width:1.6rem;height:1.6rem;display:inline-grid}.post-media{object-fit:cover;width:100%;display:block}.post-media--placeholder{background:radial-gradient(120% 120% at 15% 15%, var(--color-accent-muted) 0%, transparent 45%), linear-gradient(150deg, var(--color-accent), var(--color-lumen-ink));color:var(--color-on-accent);place-items:center;display:grid;position:relative}.post-media__mark{opacity:.9;width:clamp(2.5rem,5vw,3.5rem);height:auto}.back-link{max-width:48rem;margin:0 auto var(--space-4)}.back-link a{align-items:center;gap:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);color:var(--color-accent-hover);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex}.back-link a:hover{background:var(--color-lumen-sunken)}.back-link__icon{transition:transform var(--duration-fast) var(--ease-standard);flex:none}.back-link a:hover .back-link__icon{transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.back-link__icon{transition:none}.back-link a:hover .back-link__icon{transform:none}}.author-box{gap:var(--space-5);max-width:48rem;margin:var(--space-12) auto 0;padding:var(--space-6);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex}.author-box__avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-lumen-sunken);flex:none;width:5rem;height:5rem}.author-box__eyebrow{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-accent-hover)}.author-box__name{font-size:var(--font-size-xl);color:var(--color-lumen-ink);margin:0}.author-box__role{margin:var(--space-1) 0 0;color:var(--color-accent-hover);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.author-box__bio{margin:var(--space-3) 0 0;color:var(--color-lumen-ink-soft);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.author-box__link{min-height:0;margin-top:var(--space-5);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);align-self:flex-start}.author-box__link .btn-arrow{width:auto;height:auto;transition:transform var(--duration-fast) var(--ease-standard);background:0 0}.author-box__link:hover .btn-arrow{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.author-box__link .btn-arrow{transition:none}.author-box__link:hover .btn-arrow{transform:none}}@media (width<=40rem){.author-box{gap:var(--space-4);padding:var(--space-5);flex-direction:column}.author-box__avatar{width:4rem;height:4rem}}.blog-post-page{padding-block:var(--space-3) var(--space-16)}.blog-post{max-width:48rem;margin-inline:auto}.blog-post__media{aspect-ratio:16/9;border-radius:var(--radius-2xl);height:auto}.blog-post__head{gap:var(--space-3);margin:var(--space-8) 0 var(--space-6);flex-direction:column;display:flex}.blog-post__title{font-size:clamp(2rem,4vw,3rem);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-lumen-ink);margin:0}.blog-post__meta{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0;display:flex}.blog-post__meta .post-badge{margin-left:auto}.article-toc{margin:0 0 var(--space-8);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl)}.article-toc__title{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-lumen-ink)}.article-toc ol{gap:var(--space-2);counter-reset:toc;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-toc li{counter-increment:toc}.article-toc a{color:var(--color-lumen-ink);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-decoration:none}.article-toc a:before{content:counter(toc) ".";margin-right:var(--space-2);color:var(--color-accent-hover);font-weight:var(--font-weight-semibold)}.article-toc a:hover{color:var(--color-accent-hover);text-decoration:underline}.blog-post__body{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-lumen-ink-soft)}.blog-post__body>*+*{margin-top:var(--space-5)}.blog-post__body h2{margin:var(--space-10) 0 var(--space-4);font-size:clamp(var(--font-size-2xl), 2.6vw, var(--font-size-3xl));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-lumen-ink);scroll-margin-top:var(--header-offset)}.blog-post__body h3{margin:var(--space-8) 0 var(--space-3);font-size:var(--font-size-xl);color:var(--color-lumen-ink)}.blog-post__body a{color:var(--color-accent-hover);font-weight:var(--font-weight-medium);text-underline-offset:3px}.blog-post__body strong{color:var(--color-lumen-ink);font-weight:var(--font-weight-semibold)}.blog-post__body img{border-radius:var(--radius-xl);width:100%;height:auto}@media (width<=40rem){.blog-post__media{border-radius:var(--radius-xl)}}