.blog__post-header{color:var(--light-color);position:relative;overflow:hidden}.blog__post-header--plain{color:var(--color);background:var(--light-color);border-bottom:1px solid var(--border-color);padding-top:3.5rem;padding-bottom:3.5rem}.blog__post-header-media{height:24rem;position:relative}@media (min-width:1024px){.blog__post-header-media{height:20rem}}@media (max-width:639px){.blog__post-header-media{height:18rem}}.blog__post-header-image{object-fit:cover}.blog__post-header-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000001a 0%,#00000073 45%,#000000d9 100%);position:absolute;inset:0}.blog__post-header-inner{z-index:2;text-align:center;max-width:60rem;margin:0 auto;position:relative}.blog__post-header--plain .blog__post-header-inner{position:static}.blog__post-header:not(.blog__post-header--plain) .blog__post-header-inner{width:100%;padding-left:1.5rem;padding-right:1.5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (min-width:640px){.blog__post-header:not(.blog__post-header--plain) .blog__post-header-inner{bottom:2.75rem}}.blog__post-title{font-family:var(--font-heading,"Segoe UI"),system-ui,sans-serif;color:var(--light-color);text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:600;line-height:1.2}.blog__post-header-meta{opacity:.92;flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.blog__post-header-author{color:inherit;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.blog__post-header-author:hover{text-underline-offset:2px;text-decoration:underline}.blog__post-header-avatar{background:var(--light-color);width:1.4rem;height:1.4rem;color:var(--primary-color-active);border-radius:999px;place-items:center;display:grid;position:relative;overflow:hidden}.blog__post-header-meta-sep{opacity:.6}.blog__post-header-reading{flex-direction:row;justify-content:flex-start;align-items:center;gap:.3rem;display:flex}
.blog__toc{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.blog__toc ol{margin:.75rem 0 0;padding:0;list-style:none}.blog__toc ol>*+*{margin-top:.5rem}.blog__toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color-active);margin:0;font-size:.875rem;font-weight:700}.blog__toc-item a{color:var(--neutral-color);font-size:.875rem;line-height:1.5;text-decoration:none}.blog__toc-item a:hover{color:var(--primary-color-active);text-decoration:underline}.blog__toc-item--level-3{padding-left:0}.blog__toc-item--level-4,.blog__toc-item--level-5,.blog__toc-item--level-6{padding-left:2rem}
.blog__prose{color:var(--color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:2rem;font-size:1rem;line-height:1.75}.blog__prose>*+*{margin-top:1.25rem}.blog__prose h2,.blog__prose h3,.blog__prose h4{font-family:var(--font-heading,"Segoe UI"),system-ui,sans-serif;color:var(--primary-color);margin-top:2.25rem;scroll-margin-top:6rem;font-weight:600;line-height:1.3}.blog__prose h2{font-size:1.5rem}.blog__prose h3{font-size:1.25rem}.blog__prose h4{font-size:1.125rem}.blog__prose p{color:var(--neutral-color)}.blog__prose a{color:var(--primary-color-active);text-underline-offset:2px;text-decoration:underline}.blog__prose a:hover{color:var(--primary-color)}.blog__prose ul,.blog__prose ol{color:var(--neutral-color);padding-left:1.5rem}.blog__prose ul>*+*,.blog__prose ol>*+*{margin-top:.4rem}.blog__prose blockquote{border-left:3px solid var(--primary-color-active);color:var(--neutral-color);margin:0;padding-left:1.25rem;font-style:italic}.blog__prose img{border-radius:.5rem;max-width:100%;height:auto}.blog__prose code{background:var(--light-color);border-radius:.25rem;padding:.1rem .35rem;font-size:.9em}.blog__prose pre{background:var(--light-color);border-radius:.5rem;padding:1rem;overflow-x:auto}.blog__prose pre code{background:0 0;padding:0}.blog__prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.blog__prose th,.blog__prose td{border:1px solid var(--border-color);text-align:left;padding:.5rem .75rem}.blog__prose th{background:var(--light-color);font-weight:600}.blog__prose hr{border:none;border-top:1px solid var(--border-color)}
.blog__post-tags{border-top:1px solid var(--border-color);color:var(--neutral-color);flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:3rem;padding-top:2rem;display:flex}.blog__post-tags-item{color:var(--color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}.blog__post-tags-item:hover{border-color:var(--primary-color-active);color:var(--primary-color-active);text-decoration:none}