.blog-article-header{background:linear-gradient(180deg, var(--hv-cloud) 0%, #fff 100%);padding:40px 0 72px}.blog-article-header__inner{flex-direction:column;align-items:flex-start;gap:20px;max-width:760px;margin:0 auto;padding-inline:16px;display:flex}@media (min-width:640px){.blog-article-header__inner{padding-inline:24px}}.blog-article-header__title{color:var(--hv-ink);overflow-wrap:anywhere;text-wrap:balance;margin:0}.blog-article-header__byline{align-items:center;gap:12px;margin-top:4px;display:flex}.blog-article-header__avatar{object-fit:cover;border-radius:999px;flex:none;width:44px;height:44px}.blog-article-header__meta{color:var(--hv-body);flex-direction:column;gap:2px;font-size:14px;line-height:1.45;display:flex}.blog-article-header__author{color:var(--hv-ink);text-underline-offset:4px;font-size:15px;font-weight:600;text-decoration:none}a.blog-article-header__author:hover{color:var(--hv-indigo-deep);text-decoration:underline}a.blog-article-header__author:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px;border-radius:4px}.blog-crumbs{font-size:14px;font-weight:600;line-height:1.4}.blog-crumbs ol{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.blog-crumbs li{align-items:center;display:inline-flex}.blog-crumbs a{color:var(--hv-indigo-deep);border-radius:4px;text-decoration:none}.blog-crumbs a:hover{text-underline-offset:4px;text-decoration:underline}.blog-crumbs a:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px}.blog-crumbs__sep{color:var(--hv-muted);margin:0 10px;font-weight:400}.blog-post-layout{grid-template-columns:minmax(0,1fr);padding-bottom:64px;display:grid}.blog-post-layout__main{width:100%;min-width:0;max-width:760px;margin:0 auto}.blog-post-layout__side{display:none}.blog-post-column{padding-inline:16px}@media (min-width:640px){.blog-post-column{padding-inline:24px}}@media (min-width:1200px){.blog-post-layout{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr)}.blog-post-layout__main{grid-area:1/2}.blog-post-layout__side{grid-area:1/3;justify-self:start;width:100%;max-width:256px;padding:48px 24px 0 16px;display:block}.blog-post-layout__side--below-cover{padding-top:390px}.blog-toc--inline{display:none}}.blog-post-cover{z-index:1;margin:-32px 0 0;position:relative}.blog-post-cover img{width:100%;height:auto;box-shadow:var(--hv-shadow-panel);border-radius:16px;display:block}.blog-toc ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-toc a{color:var(--hv-body);transition:color .16s var(--hv-ease), border-color .16s var(--hv-ease);font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;display:block}.blog-toc a:hover{color:var(--hv-ink)}.blog-toc a:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px;border-radius:4px}.blog-toc__title{color:var(--hv-ink);margin:0;font-size:14px;font-weight:700;line-height:1.4}.blog-toc__count{color:var(--hv-body);margin-left:auto;font-size:14px}.blog-toc--inline{border-top:1px solid var(--hv-border-faint);border-bottom:1px solid var(--hv-border-faint);margin:32px 0 0}.blog-toc--inline summary{cursor:pointer;align-items:center;gap:12px;padding:14px 0;list-style:none;display:flex}.blog-toc--inline summary::-webkit-details-marker{display:none}.blog-toc--inline summary:after{content:"";border-right:1.5px solid var(--hv-ink);border-bottom:1.5px solid var(--hv-ink);width:8px;height:8px;transition:transform .16s var(--hv-ease);margin:-4px 4px 0;transform:rotate(45deg)}.blog-toc--inline[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.blog-toc--inline summary:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px}.blog-toc--inline ol{gap:4px;padding:0 0 16px}.blog-toc--inline a{padding:6px 0}.blog-toc--side{max-height:calc(100vh - 136px);position:sticky;top:112px;overflow-y:auto}.blog-toc--side .blog-toc__title{margin-bottom:12px}.blog-toc--side ol{border-left:1px solid var(--hv-border-faint)}.blog-toc--side a{border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 16px}.blog-toc--side a[aria-current=location]{color:var(--hv-ink);border-left-color:var(--hv-indigo);font-weight:600}@media (prefers-reduced-motion:reduce){.blog-toc a{transition:none}}.blog-prose h2,.blog-prose h3{scroll-margin-top:104px}.blog-prose strong{color:inherit;font-weight:650}.blog-prose figure{margin:40px 0}.blog-prose figure img,.blog-prose picture img{border-radius:16px;max-width:100%;height:auto;margin:0;display:block}.blog-prose picture{display:block}.blog-prose figcaption{text-align:left;color:var(--hv-body);margin-top:12px;font-size:14px;line-height:1.5}.blog-prose .blog-table{overscroll-behavior-x:contain;max-width:100%;box-shadow:inset 0 0 0 1px var(--hv-border);border-radius:12px;margin:32px 0;overflow-x:auto}.blog-prose figure .blog-table{margin:0}.blog-prose .blog-table:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px}.blog-prose .blog-table table{border-collapse:collapse;width:100%;margin:0;font-size:16px;line-height:1.5}.blog-prose .blog-table th,.blog-prose .blog-table td{text-align:left;vertical-align:top;border:0;min-width:112px;padding:12px 16px}.blog-prose .blog-table thead th,.blog-prose .blog-table tr:first-child>th{background:var(--hv-cloud);color:var(--hv-ink);border-bottom:1px solid var(--hv-border);font-weight:700}.blog-prose .blog-table td{color:var(--hv-body-strong);border-top:1px solid var(--hv-line)}.blog-prose .blog-table tbody tr:first-child td{border-top:0}.blog-prose .blog-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--hv-cloud) 55%, #fff)}@media (max-width:640px){.blog-prose .blog-table table{font-size:15px}.blog-prose .blog-table th,.blog-prose .blog-table td{padding:10px 12px}}.blog-post-tags{border-top:1px solid var(--hv-line);flex-wrap:wrap;gap:8px;margin:0;padding:24px 0 0;list-style:none;display:flex}.blog-post-tags__item{box-shadow:var(--hv-shadow-card);color:var(--hv-body);transition:box-shadow .16s var(--hv-ease), color .16s var(--hv-ease);background:#fff;border-radius:66px;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.6;text-decoration:none;display:inline-flex}a.blog-post-tags__item:hover{color:var(--hv-indigo-deep);box-shadow:inset 0 0 0 1px var(--hv-border-selected)}a.blog-post-tags__item:focus-visible{outline:3px solid var(--hv-border-selected);outline-offset:2px}