img.hero{width:100%;height:auto;border-radius:12px;margin-top:40px}.hero-with-toc,.post-content,.blog-layout{width:100%}.blog-toc{margin-top:16px;width:100%;box-sizing:border-box;font-size:13px;line-height:1.35}.blog-toc h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777}.blog-toc ul{margin:0;padding-left:0;list-style:none}.blog-toc li{margin:6px 0}.blog-toc li:first-of-type{margin-top:0}.blog-toc ul ul{margin-top:4px;margin-left:10px;padding-left:10px;border-left:1px solid #efefef}.blog-toc a{color:#4f4f4f;text-decoration:none;font-size:13px}.blog-toc a:hover{text-decoration:underline;color:#111}#markdown-container h1,#markdown-container h2,#markdown-container h3,#markdown-container h4,#markdown-container h5,#markdown-container h6{scroll-margin-top:80px}@media (max-width: 959px){.blog-toc{display:none}}@media (min-width: 960px){.blog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;width:calc(100% + 232px);margin-left:-232px;align-items:start}.hero-with-toc,.post-content{grid-column:2}.blog-toc{grid-column:1;grid-row:1/span 2;position:sticky;width:220px;top:24px;margin-top:40px;max-height:calc(100vh - 48px);overflow:auto;align-self:start;transition:opacity .18s ease-in-out}.blog-toc.is-stuck{opacity:.45}.blog-toc.is-stuck:hover{opacity:1}}.entry-container{width:100%}.tag-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tag-filters .tag-pill{background:#f5f5f5;color:#6b6b6b;padding:2px 8px;border-radius:4px;font-size:14px;font-family:Red Hat Display,sans-serif;cursor:pointer;border:none;transition:background-color .2s,color .2s}.tag-filters .tag-pill:hover{background:#e0e0e0}.tag-filters .tag-pill.active{background:#444;color:#fff}.tag-filters .tag-pill.active .pill-count{opacity:.5}.tag-filters .tag-pill .pill-count{margin-left:6px;opacity:.4;font-size:12px}