.blog-page{min-height:calc(100vh - 158px);padding-block:clamp(70px,10vw,120px)}.blog-copy{max-width:66rem}.blog-article .blog-copy>:is(.breadcrumbs,.blog-heading,.blog-summary,.blog-toc,.blog-body){max-width:46rem;margin-inline:auto}.blog-heading{margin-block:32px 48px}.blog-heading h1{letter-spacing:-.03em;font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:1.12}.blog-heading h1 span{color:var(--accent)}.blog-description{color:var(--muted);margin-top:24px;font-size:1.125rem}.blog-meta{color:var(--muted);font-size:var(--font-size-supporting);margin-top:20px}.blog-heading>.blog-reading{margin-top:8px}.blog-reading{color:var(--muted);font-size:var(--font-size-supporting)}.blog-empty{border-top:1px solid var(--border);padding-block:32px}.blog-empty p,.blog-prose{color:var(--muted)}.blog-empty .button-row{margin-top:24px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.blog-card-grid>li{min-width:0;display:flex}.blog-card{border:1px solid var(--border-strong);background:var(--surface);text-align:left;border-radius:16px;flex-direction:column;gap:16px;width:100%;padding:clamp(24px,2.5vw,28px);display:flex;position:relative}.blog-card :is(h2,h3){font-size:clamp(1.3rem,1.8vw,1.5rem);line-height:1.35}.blog-card-link{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.blog-card-link:after{content:"";border-radius:16px;position:absolute;inset:0}.blog-card:hover{border-color:var(--accent);background:var(--surface-raised)}.blog-card:hover .blog-card-link{color:var(--accent)}.blog-card-link:focus-visible{outline:none}.blog-card-link:focus-visible:after{outline:3px solid var(--accent);outline-offset:4px}.blog-card-description{color:var(--muted);font-size:1rem;line-height:1.7}.blog-card-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;display:flex}.blog-card-meta{color:var(--muted);font-size:var(--font-size-supporting);flex-wrap:wrap;gap:4px 16px;display:flex}.blog-card-arrow{color:var(--accent);font-size:1.5rem}.blog-prose{font-size:1.125rem;line-height:1.8}.blog-prose>*+*{margin-top:24px}.blog-prose :is(li,blockquote,dd,details)>*+*,.blog-prose :is(h2,h3,h4,h5,h6)+*{margin-top:1rem}.blog-prose :is(h2,h3,h4,h5,h6){color:var(--text);overflow-wrap:anywhere;text-wrap:balance;margin-block:3rem 1rem;font-weight:700;line-height:1.3}.blog-prose h2{font-size:clamp(1.75rem,1.5rem + 1vw,2rem)}.blog-prose h3{margin-top:2.5rem;font-size:clamp(1.5rem,1.375rem + .5vw,1.625rem)}.blog-prose h4{margin-top:2rem;font-size:1.375rem}.blog-prose h5{margin-top:1.75rem;font-size:1.25rem}.blog-prose h6{margin-top:1.75rem;font-size:1.125rem}.blog-prose :is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6){margin-top:1rem}.blog-prose :is(ul,ol){padding-left:1.5em}.blog-prose li+li{margin-top:8px}.blog-prose li>:is(ul,ol){margin-block:.5rem}.blog-prose li::marker{color:var(--accent)}.blog-prose .task-list-item{list-style:none;position:relative}.blog-prose .task-list-item input[type=checkbox]{width:1em;height:1em;accent-color:var(--accent);position:absolute;inset-block-start:.4em;inset-inline-start:-1.5em}.blog-prose a,.blog-back,.blog-empty .text-link{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.blog-prose a:hover{color:var(--text)}.blog-prose blockquote{border-left:3px solid var(--accent);padding-left:24px}.blog-prose figure{margin-bottom:2rem}.blog-prose figcaption{color:var(--muted);margin-top:.75rem;font-size:1rem;line-height:1.6}.blog-prose dt{color:var(--text);font-weight:700}.blog-prose dd{margin-top:.375rem}.blog-prose dd+dt{margin-top:1.5rem}.blog-prose dd+dd{margin-top:.75rem}.blog-prose details{border:1px solid var(--border-strong);border-radius:8px;padding:.75rem 1.25rem}.blog-prose summary{min-height:44px;color:var(--text);overflow-wrap:anywhere;cursor:pointer;padding-block:.5rem;font-weight:700;line-height:1.5}.blog-prose :is(pre,table){border:1px solid var(--border);border-radius:8px;max-width:100%;display:block;overflow-x:auto}.blog-prose table{width:fit-content}.blog-prose pre{background:var(--surface);padding:20px}.blog-prose :not(pre)>code{background:var(--surface);color:var(--text);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em}.blog-prose :is(th,td){border-bottom:1px solid var(--border);text-align:left;vertical-align:top;min-width:10rem;padding:12px}.blog-prose th{background:var(--surface);color:var(--text)}.blog-prose :is(pre,table,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.blog-prose strong{color:var(--text)}.blog-back{align-items:center;min-height:44px;margin-top:48px;display:inline-flex}.blog-related{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:80px;padding-top:40px}.blog-related>h2{margin-bottom:24px;font-size:1.75rem;line-height:1.3}@media (width<=760px){.blog-heading,.blog-empty{text-align:center}.blog-empty .button-row{justify-content:center}.blog-card-grid{grid-template-columns:minmax(0,1fr)}}.blog-summary,.blog-toc{font-size:var(--font-size-body);text-align:left;overflow-wrap:anywhere;margin-bottom:32px}.blog-summary{border-left:3px solid var(--accent);padding:4px 0 4px 24px}.blog-toc{border-block:1px solid var(--border);padding-block:24px}.blog-summary>p,.blog-toc>p{color:var(--text);margin-bottom:12px;font-size:1rem}.blog-summary ul{color:var(--muted);padding-left:1.25em}.blog-summary li+li{margin-top:12px}.blog-toc ul{list-style:none}.blog-toc ul ul{padding-left:1.25em}.blog-toc a{min-height:44px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;align-items:center;padding-block:8px;display:flex}.blog-toc a:hover{color:var(--accent)}.blog-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-body{padding-right:var(--contents-prose-clearance,0px)}.article-contents{z-index:10;width:44px;color:var(--muted);font-family:var(--font);font-size:var(--font-size-supporting);position:fixed;top:50%;right:8px;transform:translateY(-50%)}.article-contents[hidden]{display:none}.article-contents[data-outside]{visibility:hidden}.article-contents-toggle{width:44px;min-width:44px;min-height:44px;color:var(--border-strong);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:8px 0;display:grid}.article-contents-toggle:hover,.article-contents-toggle:focus-visible{color:var(--muted)}.article-contents-markers{grid-template-rows:repeat(var(--contents-count), minmax(0, 1fr));width:16px;height:min(calc(var(--contents-count) * 10px), 160px, calc(var(--contents-available) - 16px));align-items:center;display:grid}[data-contents-marker]{background:currentColor;width:16px;height:2px;max-height:100%;display:block}[data-contents-marker][data-current]{background:var(--accent)}.article-contents-panel{inset:auto;top:var(--contents-panel-top);width:min(300px,100vw - 60px);max-height:var(--contents-panel-height);background:var(--surface);color:var(--muted);font:inherit;box-shadow:none;border:0;border-radius:8px;margin:0;padding:8px;position:fixed;right:52px;overflow:hidden}.article-contents-panel:popover-open{flex-direction:column;display:flex}.article-contents-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.article-contents-list ul{margin:0;padding:0;list-style:none}.article-contents-list a{min-height:44px;color:var(--muted);text-align:left;border-radius:4px;grid-template-columns:4px minmax(0,1fr);align-items:center;gap:8px;padding:0 8px;line-height:1.42857;text-decoration:none;display:grid}.article-contents-list a:before{content:"";border-radius:50%;width:4px;height:4px}.article-contents-link-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.article-contents-list ul ul .article-contents-link-label{padding-left:8px}.article-contents-list a:hover,.article-contents-list a:focus-visible{color:var(--text);background:var(--bg)}.article-contents-list a[aria-current=location]{color:var(--accent)}.article-contents-list a[aria-current=location]:before{background:currentColor}.article-contents :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.article-contents-list a{min-height:26px}}