.blog-post-page{min-height:100svh;background:var(--white);color:var(--black)}.blog-post{width:100%;box-sizing:border-box;padding:clamp(8rem,10vw,9rem) var(--shell-gutter) clamp(6rem,10vw,10rem)}.blog-post-header{max-width:72rem;margin-inline:auto;text-align:center}.blog-post-kicker{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0;color:color-mix(in oklab,var(--black) 54%,transparent);font-size:.86rem;line-height:1.3}.blog-post-kicker a{color:inherit;text-underline-offset:.2em}.blog-post-kicker a:hover{color:var(--black)}.blog-post-header h1{max-width:58rem;margin:1.35rem auto 0;font-size:clamp(3rem,4.8vw,5.25rem);line-height:1;font-weight:400;letter-spacing:-.045em;text-wrap:balance}.blog-post-description{max-width:48rem;margin:1.8rem auto 0;color:color-mix(in oklab,var(--black) 64%,transparent);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.45;text-wrap:balance}.blog-post-rule{display:flex;align-items:center;height:1px;margin:clamp(3.5rem,5vw,4rem) 0 clamp(3.5rem,5vw,4rem);background:color-mix(in oklab,var(--black) 12%,transparent)}.blog-post-rule span{display:none}.blog-post-layout{display:grid;grid-template-columns:15rem minmax(0,48rem) minmax(0,1fr);gap:clamp(2.5rem,4vw,4rem);align-items:start}.blog-post-toc{position:sticky;top:9rem}.blog-post-toc>p{margin:0 0 1rem;color:color-mix(in oklab,var(--black) 48%,transparent);font-size:.75rem;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-post-toc ol{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.blog-post-toc a{display:block;color:color-mix(in oklab,var(--black) 62%,transparent);font-size:.86rem;line-height:1.35;text-decoration:none}.blog-post-toc a:hover{color:var(--black);text-decoration:underline;text-underline-offset:.22em}.blog-post-toc a:focus-visible{outline:2px solid var(--black);outline-offset:3px}.blog-post-column{grid-column:2;min-width:0}.blog-post-content{max-width:48rem}.blog-post-content>:first-child{margin-top:0}.blog-post-content p,.blog-post-content li{color:color-mix(in oklab,var(--black) 78%,transparent);font-size:clamp(1.05rem,1.25vw,1.18rem);line-height:1.72}.blog-post-content p{margin:0 0 1.5rem}.blog-post-content h2{scroll-margin-top:7rem;margin:clamp(3.5rem,6vw,5rem) 0 1.25rem;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.03;font-weight:500;letter-spacing:-.045em}.blog-post-content h3{scroll-margin-top:7rem;margin:2.5rem 0 .8rem;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.15;font-weight:500;letter-spacing:-.025em}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.5rem;padding-left:1.4rem}.blog-post-content li+li{margin-top:.55rem}.blog-post-content a{color:var(--black);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.blog-post-content strong{color:var(--black);font-weight:600}.blog-post-content table{display:block;width:100%;margin:2.5rem 0;overflow-x:auto;border-top:1px solid color-mix(in oklab,var(--black) 18%,transparent);border-collapse:collapse;font-size:.95rem;line-height:1.45}.blog-post-content th,.blog-post-content td{min-width:10rem;padding:.95rem 1rem .95rem 0;border-bottom:1px solid color-mix(in oklab,var(--black) 12%,transparent);color:color-mix(in oklab,var(--black) 72%,transparent);text-align:left;vertical-align:top}.blog-post-content th{color:var(--black);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.blog-post-content td:first-child{color:var(--black);font-weight:600}.blog-author-experience{display:grid;gap:.65rem;margin-top:clamp(4rem,7vw,6rem);padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--black) 14%,transparent)}.blog-author-experience>span{color:color-mix(in oklab,var(--black) 48%,transparent);font-size:.75rem;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-author-experience p{display:flex;flex-wrap:wrap;gap:.35rem .6rem;margin:0;color:color-mix(in oklab,var(--black) 68%,transparent);font-size:.95rem;line-height:1.5}.blog-author-experience a,.blog-author-experience strong{color:var(--black);font-weight:600}@media(max-width:900px){.blog-post-layout{grid-template-columns:minmax(0,1fr);gap:3rem}.blog-post-toc{position:static;margin-left:0;padding-bottom:2rem;border-bottom:1px solid color-mix(in oklab,var(--black) 12%,transparent)}.blog-post-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem}.blog-post-column{grid-column:1}}@media(max-width:640px){.blog-post{padding-top:8.5rem}.blog-post-header{text-align:left}.blog-post-kicker{justify-content:flex-start}.blog-post-header h1{font-size:clamp(2.75rem,13vw,4.2rem);line-height:.98}.blog-post-description{font-size:1.08rem}.blog-post-toc ol{grid-template-columns:1fr}}
