.blog-page{display:flex;width:100%;min-height:100vh;flex-direction:column;background:var(--color-surface)}.blog-grid{display:grid;width:calc(100% - 2.5rem);max-width:77.5rem;margin-inline:auto;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:0.625rem}.blog-entry-inner{padding-top:10.25rem;padding-bottom:8rem}.blog-kicker,.blog-entry-meta,.blog-read-time,.blog-article-meta,.related-post-meta{font-family:var(--font-body);font-size:0.875rem;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:0.005em;color:var(--color-muted)}.blog-kicker{grid-column:1 / span 5;grid-row:1;margin:0;padding-top:0.2rem}.blog-entry-content{min-width:0;grid-column:7 / span 12;grid-row:1}.blog-entry-meta{display:flex;align-items:center;gap:0.4rem}.blog-meta-separator,.blog-meta-category{display:none}.blog-title{margin:0.35rem 0 0;font-family:var(--font-display);font-size:2rem;font-weight:var(--font-weight-book);line-height:1.25;letter-spacing:-0.018em;color:var(--color-primary-alt);text-wrap:balance}.blog-read-time{margin:0.75rem 0 0}.blog-toc{margin-top:2.75rem;padding:0.875rem 1rem 1rem;border:1px solid var(--color-border);border-radius:0.375rem;background:var(--color-surface)}.blog-toc-title{margin:0;font-family:var(--font-body);font-size:0.875rem;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:0.005em;color:var(--color-muted)}.blog-toc ol{display:grid;gap:0.25rem;margin:0.45rem 0 0;padding:0;list-style:none}.blog-toc a{font-family:var(--font-body);font-size:0.875rem;font-weight:var(--font-weight-regular);line-height:1.45;color:var(--color-text-nav)}.blog-toc a:hover,.blog-toc a:focus-visible{text-decoration:underline;text-underline-offset:0.16em}.blog-article{margin-top:3rem;font-family:var(--font-body);font-size:0.9375rem;font-weight:var(--font-weight-regular);line-height:1.6;letter-spacing:0.005em;color:var(--color-text-nav)}.blog-article>:first-child{margin-top:0}.blog-deck,.blog-article .blog-lead{font:inherit;letter-spacing:inherit;color:inherit}.blog-deck{color:var(--color-primary-alt)}.blog-article p{margin:1rem 0 0}.blog-article h2{margin:3.75rem 0 0.8rem;font-family:var(--font-display);font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-0.005em;color:var(--color-primary-alt);scroll-margin-top:5rem;text-wrap:balance}.blog-article h2 + p{margin-top:0}.blog-callout{margin:2.25rem 0 0;padding-left:1rem;border-left:1px solid var(--color-border-button);color:var(--color-primary-alt)}.blog-callout p{margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit}.blog-article-end{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.blog-article-meta strong{font-weight:var(--font-weight-medium);color:var(--color-primary)}.blog-related{padding:7rem 0 10rem}.blog-related-inner{align-items:start}.blog-related-heading{grid-column:1 / span 5;margin:0;font-family:var(--font-body);font-size:1rem;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:0.005em;color:var(--color-primary-alt)}.related-posts{display:grid;grid-column:7 / span 12;gap:0.625rem}.related-post{display:grid;min-height:5.5rem;padding:1rem;grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;border:1px solid var(--color-border);border-radius:0.375rem;background:var(--color-surface);color:var(--color-primary);transition:border-color var(--transition-fast)}.related-post:hover,.related-post:focus-visible{border-color:var(--color-border-button)}.related-post-meta,.related-post-title{grid-column:1}.related-post-title{margin-top:0.35rem;font-family:var(--font-body);font-size:0.9375rem;font-weight:var(--font-weight-regular);line-height:1.45;letter-spacing:0.005em;text-wrap:balance}.related-post-arrow{display:none}@media (max-width:70em){.blog-grid{width:calc(100% - 3rem);max-width:56rem;grid-template-columns:9.5rem minmax(0,1fr);column-gap:3rem}.blog-kicker,.blog-related-heading{grid-column:1}.blog-entry-content,.related-posts{grid-column:2}}@media (max-width:50em){.blog-grid{display:block;width:calc(100% - 2rem)}.blog-entry-inner{padding-top:8rem;padding-bottom:7rem}.blog-kicker{display:none}.blog-meta-separator,.blog-meta-category{display:inline}.blog-title{margin-top:0.4rem;font-size:1.875rem}.blog-read-time{margin-top:0.65rem}.blog-toc{margin-top:2.5rem}.blog-article{margin-top:3rem}.blog-article h2{font-size:1.1875rem}.blog-related{padding:7rem 0 8rem}.blog-related-heading{margin-bottom:1.5rem}}