.blog-page{margin:0 auto;max-width:var(--max-content);padding:var(--main-pad-top) var(--main-pad-inline) var(--space-4xl)}.blog-header{border-bottom:1px solid var(--border);margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl)}.blog-header__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:var(--space-sm) 0 0}.blog-header__lead{color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.125rem);margin-top:var(--space-md);max-width:42rem}.blog-index__grid{display:grid;gap:var(--space-xl)}.blog-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;display:grid;gap:var(--space-lg);padding:var(--space-xl);transition:border-color .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}@media (min-width:768px){.blog-card{align-items:start;grid-template-columns:minmax(0,280px) minmax(0,1fr)}}.blog-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.blog-card__cover{aspect-ratio:16/9;background:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;-o-object-fit:cover;object-fit:cover;width:100%}.blog-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.blog-card__date{color:var(--text-dim);font-size:.8125rem;letter-spacing:.04em}.blog-card__tag{border:1px solid var(--border);color:var(--text-muted);font-size:.6875rem;letter-spacing:.08em;padding:.2rem .5rem;text-transform:uppercase}.blog-card__title{font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:var(--space-sm) 0}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:hover{color:var(--accent-bright)}.blog-card__desc{color:var(--text-muted);margin:0}.blog-article{max-width:48rem}.blog-article__cover{aspect-ratio:16/9;background:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;margin-bottom:var(--space-2xl);-o-object-fit:cover;object-fit:cover;width:100%}.blog-article__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.blog-article__date{color:var(--text-dim);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}.blog-article__tag{border:1px solid var(--border);color:var(--text-muted);font-size:.6875rem;letter-spacing:.08em;padding:.2rem .5rem;text-transform:uppercase}.blog-article__title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0 0 var(--space-lg)}.blog-article__description{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:1.125rem;line-height:1.55;margin:0 0 var(--space-2xl);padding-bottom:var(--space-xl)}.blog-back{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8125rem;gap:.35rem;letter-spacing:.06em;margin-bottom:var(--space-xl);text-decoration:none;text-transform:uppercase}.blog-back:hover{color:var(--accent-bright)}.blog-prose{--tw-prose-body:var(--text);--tw-prose-headings:var(--text);--tw-prose-links:var(--accent-bright);--tw-prose-bold:var(--text);--tw-prose-quotes:var(--text-muted);--tw-prose-quote-borders:var(--accent);--tw-prose-captions:var(--text-dim);--tw-prose-code:var(--accent-bright);--tw-prose-pre-code:var(--text);--tw-prose-pre-bg:var(--bg-elevated);--tw-prose-th-borders:var(--border);--tw-prose-td-borders:var(--border);--tw-prose-hr:var(--border)}.blog-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){border:1px solid var(--border);border-radius:2px}.blog-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border:1px solid var(--border)}.blog-tag{border:1px solid var(--border);color:var(--text-muted);font-size:.6875rem;letter-spacing:.08em;padding:.2rem .5rem;text-decoration:none;text-transform:uppercase;transition:border-color .2s var(--ease-out-expo),color .2s var(--ease-out-expo)}.blog-tag:hover{border-color:var(--accent);color:var(--accent-bright)}.blog-article__reading-time,.blog-article__updated,.blog-card__reading{color:var(--text-dim);font-size:.75rem;letter-spacing:.04em}.blog-article__layout{display:grid;gap:var(--space-2xl)}@media (min-width:1024px){.blog-article__layout{align-items:start;grid-template-columns:minmax(0,11rem) minmax(0,1fr)}}.blog-toc{padding:var(--space-lg);position:sticky;top:calc(var(--main-pad-top) + var(--space-md))}.blog-toc__label{color:var(--text-dim);margin:0 0 var(--space-md)}.blog-toc__list{display:grid;gap:.35rem;list-style:none;margin:0;padding:0}.blog-toc__list--nested{border-left:1px solid var(--border);margin-top:.35rem;padding-left:.75rem}.blog-toc__link{color:var(--text-muted);font-size:.8125rem;line-height:1.4;text-decoration:none;transition:color .2s var(--ease-out-expo)}.blog-toc__link:hover{color:var(--accent-bright)}.blog-toc__item--depth-3 .blog-toc__link{font-size:.75rem}.code-block{position:relative}.code-block__copy{align-items:center;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.6875rem;gap:.35rem;letter-spacing:.06em;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem;transition:border-color .2s var(--ease-out-expo),color .2s var(--ease-out-expo);z-index:1}.code-block__copy:hover{border-color:var(--accent);color:var(--accent-bright)}.blog-prose :where(pre.shiki){background:var(--bg-elevated)!important;padding-top:2.25rem}.blog-prose :where(pre.shiki code){background:transparent!important}.blog-prose :where(.line){line-height:1.6}.blog-article__footer{border-top:1px solid var(--border);display:grid;gap:var(--space-2xl);margin-top:var(--space-3xl);padding-top:var(--space-2xl)}.blog-related__label,.blog-share__label{color:var(--text-dim);margin:0 0 var(--space-md)}.blog-share__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.blog-share__btn{align-items:center;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.4rem;letter-spacing:.04em;padding:.45rem .75rem;text-decoration:none;transition:border-color .2s var(--ease-out-expo),color .2s var(--ease-out-expo)}.blog-share__btn:hover{border-color:var(--accent);color:var(--accent-bright)}.blog-author{align-items:center;display:flex;gap:var(--space-lg);padding:var(--space-lg)}.blog-author__avatar{border:1px solid var(--border);border-radius:2px;height:4rem;-o-object-fit:cover;object-fit:cover;width:4rem}.blog-author__label{color:var(--text-dim);margin:0 0 .25rem}.blog-author__name{font-family:var(--font-display);font-weight:600;margin:0}.blog-author__bio{color:var(--text-muted);font-size:.875rem;margin:.25rem 0 0}.blog-related__grid{display:grid;gap:var(--space-md)}@media (min-width:768px){.blog-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-related__card{padding:var(--space-lg)}.blog-related__date{color:var(--text-dim);font-size:.75rem}.blog-related__title{font-family:var(--font-display);font-size:1rem;margin:.35rem 0}.blog-related__title a{color:inherit;text-decoration:none}.blog-related__title a:hover{color:var(--accent-bright)}.blog-related__desc{color:var(--text-muted);font-size:.875rem;line-height:1.45;margin:0}.blog-post-nav{display:grid;gap:var(--space-md)}@media (min-width:768px){.blog-post-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-post-nav__link{color:inherit;display:grid;gap:.35rem;padding:var(--space-lg);text-decoration:none;transition:border-color .2s var(--ease-out-expo)}.blog-post-nav__link:hover{border-color:var(--accent)}.blog-post-nav__eyebrow{color:var(--text-dim);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.blog-post-nav__title{font-family:var(--font-display);font-weight:600;line-height:1.25}.blog-post-nav__link--next{text-align:right}