.blog-post-page .blog-page__article{padding-top:clamp(28px,4vw,40px);padding-bottom:clamp(40px,6vw,64px)}.blog-post-page .blog-page__meta{margin:0 0 24px;color:#9ca3af}.blog-post-page .blog-page__meta time{color:inherit}.blog-post-page .blog-page__layout{display:grid;gap:clamp(24px,4vw,40px);align-items:start}.blog-post-page .blog-page__main{min-width:0;width:100%}.blog-post-page .blog-page__back{margin:clamp(32px,4vw,48px) 0 0}.blog-post-page .blog-page__back a{color:var(--color-primary);font-weight:500;text-decoration:none}.blog-post-page .blog-page__back a:hover{color:#68985f;text-decoration:underline}@media(min-width:900px){.blog-post-page .blog-page__article,.blog-post-page .blog-page__layout{overflow:visible}.blog-post-page .blog-page__layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}}.blog-post-page .blog-content{width:100%;color:var(--color-text-muted);line-height:1.65}.blog-post-page .blog-content .blog-section{width:100%;margin-bottom:1.25em}.blog-post-page .blog-content .blog-section:last-child{margin-bottom:0}.blog-post-page .blog-content .blog-section :is(h2,h3,h4,h5){scroll-margin-top:100px;margin:1.75em 0 .75em;padding-left:0;font-weight:700;line-height:1.3}.blog-post-page .blog-content .blog-section>:first-child{margin-top:0}.blog-post-page .blog-content .blog-section h2{color:var(--color-primary)}.blog-post-page .blog-content .blog-section :is(h3,h4,h5){color:var(--color-text-muted)}.blog-post-page .blog-content>p,.blog-post-page .blog-content .blog-section p{margin:0 0 1.25em}.blog-post-page .blog-content .blog-section :is(ul,ol){margin:0 0 1.25em;padding-left:1.35em}.blog-post-page .blog-content .blog-section ul{list-style:disc}.blog-post-page .blog-content .blog-section ol{list-style:decimal}.blog-post-page .blog-content .blog-section li{margin-bottom:.5em}.blog-post-page .blog-content a{color:var(--color-primary);text-decoration:underline}.blog-post-page .blog-content img{display:block;max-width:100%;height:auto;margin:1.5em 0;border-radius:8px}.blog-post-page .blog-content .blog-section blockquote{margin:1.5em 0;padding-left:1em;border-left:3px solid var(--color-primary);color:var(--color-text)}.blog-post-page .blog-content table{width:100%;margin:0 0 1.25em;border-collapse:collapse}.blog-post-page .blog-content :is(th,td){padding:.65em .75em;border:1px solid #e5e7eb;text-align:left;vertical-align:top}.blog-post-page .blog-content th{font-weight:600;background:#f9fafb;color:var(--color-text)}.blog-post-page .toc{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:0;overflow:hidden}.blog-post-page .toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:18px 20px;border:none;background:#fff;font-weight:700;color:var(--color-text);cursor:pointer;text-align:left}.blog-post-page .toc__toggle:hover{background:#f9fafb}.blog-post-page .toc__chevron{display:inline-block;width:10px;height:10px;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:rotate(-135deg);transition:transform .55s ease}.blog-post-page .toc--collapsed .toc__chevron{transform:rotate(45deg)}.blog-post-page .toc__panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s ease}.blog-post-page .toc--collapsed .toc__panel{grid-template-rows:0fr}.blog-post-page .toc__panel-inner{overflow:hidden;min-height:0;opacity:1;transition:opacity .55s ease}.blog-post-page .toc--collapsed .toc__panel-inner{opacity:0}.blog-post-page .toc__list{margin:0;padding:0 20px 20px;list-style:none}.blog-post-page .toc__item{margin:0;padding:0}.blog-post-page .toc__link{display:flex;gap:.5em;padding:.55em 0;font-weight:500;line-height:1.45;color:var(--color-text-muted);text-decoration:none}.blog-post-page .toc__link:hover{color:var(--color-primary)}.blog-post-page .toc__number{flex-shrink:0;font-weight:700;color:var(--color-text)}.blog-post-page .toc__text{flex:1}.blog-post-page .toc__item--depth-3 .toc__link{padding-left:.75em}.blog-post-page .toc__item--depth-4 .toc__link{padding-left:1.5em}.blog-post-page .toc__item--depth-5 .toc__link{padding-left:2.25em}@media(prefers-reduced-motion:reduce){.blog-post-page .toc__panel,.blog-post-page .toc__panel-inner,.blog-post-page .toc__chevron{transition:none}}@media(min-width:900px){.blog-post-page .toc{position:sticky;top:100px;align-self:start}}