.blog-container{width:min(100% - 2 * var(--gutter), var(--container));max-width:none;margin-inline:auto}.blog-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);align-items:start;gap:80px 24px;width:100%;display:grid}@media (min-width:810px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid-tight{gap:20px}}@media (min-width:1200px){.blog-article-left{max-width:40%;position:sticky;top:80px}}.blog-share{background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.blog-share>p{white-space:nowrap}@media (max-width:809.98px){.blog-share{gap:8px;padding:12px}}.blog-share-btn{color:#fff;cursor:pointer;background:#141414;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.blog-share-btn:before{content:"";background:var(--grey-400,#333);opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.3)}.blog-share-btn:hover:before,.blog-share-btn:focus-visible:before{opacity:1;transform:scale(1)}.blog-share-btn>svg{display:block;position:relative}.blog-prose p{margin:0 0 20px}.blog-prose h2,.blog-prose h3{margin:40px 0 20px}.blog-prose>:first-child{margin-top:0}.blog-prose>:last-child{margin-bottom:0}
