.blog-post-page{background-color:var(--base-100);color:var(--base-400);min-height:100vh}.blog-post-layout{padding-bottom:4rem}.blog-post-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:3rem 5rem;align-items:start}.blog-post__hero{grid-column:2;padding:9rem 0 3rem;border-bottom:1px solid rgba(26,22,20,.08)}.blog-post__hero-inner{max-width:720px;min-width:0}.blog-post__label{margin-bottom:.75rem;color:var(--base-300)}.blog-post__hero h1{font-size:clamp(2.2rem,7vw,calc(4.2rem * var(--font-display-size-scale)));margin:0 0 1.15rem;max-width:18ch;line-height:1.02;letter-spacing:.02rem}.blog-post__excerpt{font-family:PP Neue Montreal,sans-serif;font-size:1.2rem;line-height:1.45;max-width:52ch;color:var(--base-300);margin:0}.blog-post__meta{margin-top:1.25rem;font-size:.78rem;font-family:Geist Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--base-300)}.blog-post__toc{grid-column:1;grid-row:2;position:sticky;top:calc(5.75rem + env(safe-area-inset-top, 0px));z-index:1;align-self:start;max-height:calc(100svh - 6.5rem - env(safe-area-inset-top, 0px));overflow-y:auto;overscroll-behavior:contain;padding-bottom:.5rem;background:var(--base-100)}.blog-post__toc>.sm:first-child{margin-bottom:.75rem}.blog-post__toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.blog-post__toc a{font-family:PP Neue Montreal,sans-serif;font-size:.92rem;line-height:1.3;color:var(--base-300);text-decoration:none}.blog-post__toc a:hover{color:var(--base-400)}.blog-post__toc-links{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(26,22,20,.08)}.blog-post__toc-links .sm{margin-bottom:.65rem}.blog-post__toc-links ul{list-style:none;margin:0;padding:0}.blog-post__toc-links a{font-size:.88rem}.blog-post__body{grid-column:2;grid-row:2;padding-top:2.5rem;min-width:0;max-width:65ch}.blog-post__section{margin-bottom:2.5rem;scroll-margin-top:6.5rem}.blog-post__section h2{font-size:clamp(1.35rem,3vw,calc(2rem * var(--font-display-size-scale)));letter-spacing:.02rem;margin:0 0 1rem;text-transform:uppercase}.blog-post__section p{margin:0 0 1rem}.blog-post__answer,.blog-post__section p{font-family:PP Neue Montreal,sans-serif;font-size:1.05rem;line-height:1.55;color:var(--base-400)}.blog-post__answer{padding:1.15rem 1.2rem;border-radius:1rem;background:color-mix(in srgb,var(--base-200) 55%,#fff);border-left:3px solid var(--base-500)}.blog-post__seealso ul,.blog-post__stats ul,.blog-post__takeaways ul{margin:0;padding-left:1.15rem;display:grid;gap:.55rem;font-family:PP Neue Montreal,sans-serif;font-size:1.02rem;line-height:1.45;color:var(--base-400)}.blog-post__takeaways{padding:1.1rem 1.2rem;border-radius:1rem;background:color-mix(in srgb,var(--base-500) 10%,#fff)}.blog-post__seealso{margin:0 0 2.5rem;padding:1.15rem 0 0;border-top:1px solid rgba(26,22,20,.08)}.blog-post__seealso h2{font-size:clamp(1.2rem,2.5vw,calc(1.6rem * var(--font-display-size-scale)));margin:0 0 .85rem;text-transform:uppercase;letter-spacing:.02rem}.blog-post__seealso a{color:var(--base-400);font-weight:600;text-decoration:underline;text-underline-offset:.18em}.blog-post__label a{color:inherit;text-decoration:none}.blog-post__label a:hover{color:var(--base-400)}.blog-post__faq-item{margin-bottom:.75rem;padding:.85rem 1rem;border-radius:.85rem;background:color-mix(in srgb,var(--base-200) 40%,#fff);border:1px solid rgba(26,22,20,.06)}.blog-post__faq-item summary{cursor:pointer;font-family:var(--font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.02rem;list-style:none}.blog-post__faq-item summary::-webkit-details-marker{display:none}.blog-post__faq-item p{margin:.75rem 0 0;font-family:PP Neue Montreal,sans-serif;font-size:1rem;line-height:1.5;color:var(--base-300)}.blog-post__faq-item:last-child{margin-bottom:0}.blog-post__cta{margin:3rem 0;padding:1.5rem 1.35rem;border-radius:1.15rem;background:color-mix(in srgb,var(--base-400) 94%,#000);color:var(--base-100)}.blog-post__cta p{margin:0 0 1rem;font-family:PP Neue Montreal,sans-serif;font-size:1.05rem;line-height:1.4;color:color-mix(in srgb,var(--base-100) 88%,transparent)}.blog-post__cta-actions{display:flex;flex-wrap:wrap;gap:.65rem}.blog-post__cta-btn{display:inline-flex;align-items:center;padding:.7rem 1.1rem;border-radius:999px;background:var(--base-500);color:var(--base-400);font-family:PP Pangram Sans,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.06rem;text-transform:uppercase;text-decoration:none}.blog-post__cta-btn--ghost{background:transparent;color:var(--base-100);border:1px solid color-mix(in srgb,var(--base-100) 35%,transparent)}.blog-post__related{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(26,22,20,.08)}.blog-post__related h2{font-size:clamp(1.2rem,2.5vw,calc(1.6rem * var(--font-display-size-scale)));margin:0 0 1rem}.blog-post__related ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.blog-post__related li{display:flex;flex-direction:column;gap:.25rem}.blog-post__related a{font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:.02rem;color:var(--base-400);text-decoration:none}.blog-post__related a:hover{color:color-mix(in srgb,var(--base-400) 75%,var(--base-500))}.blog-post__related-cat{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--base-300)}@media (max-width:999px){.blog-post-grid{grid-template-columns:1fr;gap:0}.blog-post__hero{grid-column:1;padding:7rem 0 2rem}.blog-post__toc{grid-column:1;grid-row:auto;position:static;max-height:none;margin:1.5rem 0 0;padding:1.15rem 1rem;border-radius:1rem;background:color-mix(in srgb,var(--base-200) 45%,#fff)}.blog-post__body{grid-column:1;grid-row:auto;padding-top:2rem;max-width:none}}