:root[data-theme=light]{--page-bg: #fff}.blog-page{font-family:"LibreBaskerville",var(--font-sans);max-width:780px;margin-inline:auto;padding:calc(var(--nav-height) + 44px) 24px 128px}.blog-page :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans)}.blog-page h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2;overflow-wrap:anywhere}.blog-post-header{display:grid;gap:16px}.blog-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-start:-13px;border-radius:50%;color:var(--faint);text-decoration:none}.blog-back:hover{color:var(--text-primary);background:var(--surface)}.blog-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[dir=rtl] .blog-back svg{transform:scaleX(-1)}.blog-post-header h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.3}.blog-post-description{font-size:1.0625rem;line-height:1.65}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--muted);font-size:.875rem;line-height:1.5}.blog-post-meta>*{white-space:nowrap}.blog-post-meta>:not(:first-child){border-inline-start:1px solid var(--line);padding-inline-start:16px}.blog-post-header>p,.blog-list article>p{color:var(--muted)}.blog-empty nav{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px}.blog-post-date{display:flex;align-items:center;gap:16px}.blog-language{position:relative;flex-shrink:0;border-inline-start:1px solid var(--line);padding-inline-start:12px}.blog-language-trigger{display:flex;align-items:center;justify-content:center;gap:4px;inline-size:32px;block-size:28px;margin-block:-4px;border-radius:6px;color:var(--muted);list-style:none;cursor:pointer}.blog-language-trigger::-webkit-details-marker{display:none}.blog-language-trigger:hover,.blog-language[open] .blog-language-trigger{color:var(--text-primary);background:var(--surface)}.blog-language-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-language-trigger>svg{inline-size:14px;block-size:14px}.blog-language-trigger>.blog-language-chevron{inline-size:8px;block-size:8px}.blog-language[open] .blog-language-chevron{transform:rotate(180deg)}.blog-translations{font-family:var(--font-sans)}.blog-language[data-placement=above]>.blog-translations{top:auto;bottom:calc(100% + 8px)}.blog-translations a{display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-translations a>svg{inline-size:14px;block-size:14px;flex-shrink:0}.blog-translations a[aria-current]{font-weight:600}.blog-list{list-style:none;padding:0;margin:0}.blog-list>li{padding-block:28px;border-block-end:1px solid var(--line)}.blog-list article{display:grid;gap:10px}.blog-list h2{font-size:1.5rem;overflow-wrap:anywhere}.blog-list h2 a{text-decoration:none}.blog-list h2 a:hover{text-decoration:underline}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;inline-size:fit-content;max-inline-size:100%;margin-block-start:24px;margin-inline:auto;font-family:var(--font-sans);font-size:.8125rem;font-variant-numeric:tabular-nums}.blog-pagination a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-inline-size:36px;min-block-size:44px;padding:8px;border-radius:18px;color:var(--muted);text-decoration:none;transition:color .16s ease}.blog-pagination a:not(.blog-pagination-step):before{content:"";position:absolute;z-index:-1;inset-block-start:50%;inset-inline-start:50%;inline-size:28px;block-size:28px;margin-block-start:-14px;margin-inline-start:-14px;border-radius:50%}.blog-pagination a:hover{color:var(--text-primary)}.blog-pagination a[aria-current=page]{color:var(--accent-strong);font-weight:600}.blog-pagination a[aria-current=page]:before{background:var(--accent-soft)}.blog-pagination a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-pagination-arrow{flex-shrink:0}[dir=rtl] .blog-pagination-arrow{transform:scaleX(-1)}.blog-pagination-gap{padding-inline:4px;color:var(--faint)}@media(prefers-reduced-motion:reduce){.blog-pagination a{transition:none}}.blog-empty{padding-block:32px;display:grid;gap:20px}.blog-cover,.blog-prose img{display:block;max-inline-size:100%;block-size:auto;margin-block:28px}.blog-prose{margin-block-start:100px;line-height:1.85;overflow-wrap:anywhere}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre{margin-block:20px}.blog-prose h2,.blog-prose h3{margin-block:36px 16px;scroll-margin-block-start:calc(var(--nav-height) + 20px)}.blog-prose h2{font-size:clamp(1.5rem,2.6vw,1.75rem)}.blog-prose h3{font-size:clamp(1.25rem,2.2vw,1.375rem)}.blog-prose .blog-advisory-context{color:var(--muted);font-size:.875rem}.blog-prose .blog-advisory-context h2{color:inherit;font-size:1rem;font-weight:500}.blog-prose .blog-advisory-context a{color:inherit}.blog-prose ul,.blog-prose ol{padding-inline-start:28px}.blog-prose ul{list-style-type:disc}.blog-prose ol{list-style-type:decimal}.blog-prose blockquote{margin-inline:0;padding-inline-start:20px;border-inline-start:3px solid var(--line)}.blog-prose pre{padding:16px;overflow-x:auto;max-inline-size:100%;background:var(--surface);font-family:var(--font-mono);unicode-bidi:plaintext;text-align:start}.blog-prose :not(pre)>code{direction:ltr;unicode-bidi:isolate}.blog-prose table{display:block;overflow-x:auto;max-inline-size:100%;border-collapse:collapse}.blog-prose th,.blog-prose td{padding:8px 12px;border:1px solid var(--line)}@media(max-width:720px){.blog-page{padding-block-start:40px}.blog-list>li:first-child{padding-block-start:0}}@media(max-width:600px){.blog-page{padding-inline:20px}}
