.section-header{background-color:#29292c}.section-header .section-header__backdrop{object-fit:cover;object-position:center;z-index:0;filter:blur(28px) saturate(1.15);transform:scale(1.15)}.section-header .section-header__cover{object-fit:contain;object-position:center;z-index:1}.section-header:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-color:rgba(41,41,41,.575)}.section-header h1{position:relative;z-index:10;color:#fff;max-width:736px;width:100%;font-size:24px}@media(min-width:1024px){.section-header h1{font-size:40px}}.btn-share{border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer}.blog-body{width:100%;max-width:800px;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem}.blog-body .blog-toc-side{order:-1}@media(min-width:1024px){.blog-body.has-toc{max-width:1180px;display:grid;grid-template-columns:300px minmax(0,800px);justify-content:center;gap:3rem;align-items:start}.blog-body.has-toc .blog-toc-side{align-self:stretch}}@media(min-width:1360px){.blog-body.has-toc{max-width:1600px;padding:0 1rem;column-gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,800px) minmax(0,1fr)}.blog-body.has-toc .blog-toc-side{grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:340px}.blog-body.has-toc .blog-article{grid-column:2;grid-row:1}}.blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4,.blog-body h5,.blog-body h6{scroll-margin-top:112px}