.blog-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-surface)}.blog-shell{width:calc(100% - (2 * var(--page-margin)));max-width:74rem;margin:0 auto}.blog-hero{padding-top:clamp(8rem,12vw,11.5rem);padding-bottom:clamp(4.5rem,7vw,7rem);border-bottom:1px solid var(--color-border)}.blog-breadcrumb,.blog-meta,.blog-kicker,.blog-toc,.blog-article-meta,.related-post-meta{font-family:var(--font-body);font-size:0.8125rem;font-weight:var(--font-weight-medium);line-height:1.35;letter-spacing:var(--letter-spacing-wide)}.blog-breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.75rem;color:var(--color-muted)}.blog-breadcrumb a{color:var(--color-primary)}.blog-breadcrumb a:hover,.blog-breadcrumb a:focus-visible{color:var(--color-muted)}.blog-title{max-width:57rem;margin:0;font-family:var(--font-display);font-size:clamp(3rem,6.2vw,5.5rem);font-weight:560;line-height:0.98;letter-spacing:-0.045em;color:var(--color-primary-alt);text-wrap:balance}.blog-deck{max-width:44rem;margin:2rem 0 0;font-family:var(--font-body);font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:var(--font-weight-book);line-height:1.5;letter-spacing:-0.012em;color:var(--color-text-description);text-wrap:pretty}.blog-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:2rem;color:var(--color-muted)}.blog-meta span:not(:last-child)::after{content:"\00b7";margin-left:0.5rem}.blog-layout{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,46.25rem);gap:clamp(3rem,7vw,7.5rem);align-items:start;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(6rem,10vw,10rem)}.blog-aside{position:sticky;top:6rem}.blog-aside-label{display:block;margin-bottom:1rem;font-family:var(--font-body);font-size:0.75rem;font-weight:var(--font-weight-medium);line-height:1.3;letter-spacing:0.03em;text-transform:uppercase;color:var(--color-muted)}.blog-toc{display:flex;flex-direction:column;gap:0.75rem}.blog-toc a{position:relative;color:var(--color-muted);transition:color var(--transition-fast)}.blog-toc a:hover,.blog-toc a:focus-visible,.blog-toc a[aria-current="location"]{color:var(--color-primary)}.blog-article{min-width:0;font-family:var(--font-body);font-size:1.125rem;font-weight:var(--font-weight-book);line-height:1.72;letter-spacing:-0.008em;color:#333333}.blog-article>:first-child{margin-top:0}.blog-article .blog-lead{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.5;letter-spacing:-0.015em;color:var(--color-primary-alt)}.blog-article p{margin:1.5rem 0 0}.blog-article h2{margin:clamp(4.5rem,8vw,7rem) 0 0;padding-top:1rem;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:580;line-height:1.15;letter-spacing:-0.025em;color:var(--color-primary-alt);scroll-margin-top:5rem;text-wrap:balance}.blog-article h2 + p{margin-top:1.5rem}.blog-callout{margin:3.5rem 0 0;padding:1.75rem;border-radius:var(--radius-md);background:var(--color-surface-secondary);color:var(--color-primary-alt)}.blog-callout p{margin:0;font-size:1.25rem;line-height:1.5;letter-spacing:-0.014em}.blog-article-end{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.blog-article-meta{color:var(--color-muted)}.blog-article-meta strong{color:var(--color-primary);font-weight:var(--font-weight-medium)}.blog-related{padding:clamp(4.5rem,8vw,7.5rem) 0 clamp(6rem,10vw,10rem);border-top:1px solid var(--color-border)}.blog-related-heading{margin:0 0 2.5rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:580;line-height:1.1;letter-spacing:-0.035em;color:var(--color-primary-alt)}.related-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border)}.related-post{display:flex;flex-direction:column;min-height:13.5rem;padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--color-border);color:var(--color-primary)}.related-post:not(:first-child){padding-left:1.5rem;border-left:1px solid var(--color-border)}.related-post-meta{color:var(--color-muted)}.related-post-title{margin:1.25rem 0 0;font-family:var(--font-display);font-size:1.25rem;font-weight:560;line-height:1.35;letter-spacing:-0.018em;text-wrap:balance}.related-post-arrow{margin-top:auto;font-size:1.25rem;transition:transform var(--transition-fast)}.related-post:hover .related-post-arrow,.related-post:focus-visible .related-post-arrow{transform:translateX(0.25rem)}@media (max-width:56em){.blog-layout{grid-template-columns:1fr;gap:3rem}.blog-aside{position:static;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.blog-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.blog-article{max-width:46.25rem}}@media (max-width:42em){.blog-hero{padding-top:7.5rem}.blog-title{font-size:clamp(2.75rem,13vw,4rem)}.blog-toc,.related-posts{grid-template-columns:1fr}.related-post{min-height:11rem;padding:1.5rem 0}.related-post:not(:first-child){padding-left:0;border-left:0}.blog-article-end{align-items:flex-start;flex-direction:column}}