.blog-post-header h1{letter-spacing:-.045em;max-width:1050px;font-size:clamp(36px,5vw,66px);font-weight:600;line-height:1.08}.blog-lead{max-width:760px;color:var(--color-neutral-600);margin-top:24px;font-size:19px;line-height:1.7}.blog-related>h2,.blog-help h2{letter-spacing:-.025em;margin-bottom:24px;font-size:30px;font-weight:600;line-height:1.2}.blog-topics[hidden],[data-blog-article][hidden]{display:none}.blog-topic-filter{white-space:nowrap;color:var(--color-neutral-600);cursor:pointer;border-radius:8px;flex-shrink:0;padding:12px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.blog-topic-filter:hover,.blog-topic-filter[aria-pressed=true]{background:var(--color-white)}.blog-topic-filter[aria-pressed=true]{color:var(--color-neutral-950);box-shadow:0 1px 3px color-mix(in srgb,var(--color-black) 10%,transparent)}.blog-topic-filter:focus-visible,[data-blog-article]:focus-visible,.blog-toc a:focus-visible{outline:2px solid var(--color-violet-700);outline-offset:4px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-meta{color:var(--color-neutral-500);flex-wrap:wrap;align-items:center;gap:10px;margin-block:20px;font-size:13px;display:flex}.blog-empty{background:var(--color-neutral-50);border-radius:20px;padding:40px}.blog-empty h3{letter-spacing:-.02em;margin-bottom:12px;font-size:26px;font-weight:600}.blog-empty p{color:var(--color-neutral-600);margin-bottom:24px;line-height:1.7}.blog-help{border-top:1px solid var(--color-neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:64px;display:flex}.blog-help h2{margin-bottom:12px}.blog-help p{color:var(--color-neutral-600);line-height:1.7}.blog-post-header{max-width:950px;margin:48px auto 40px}.blog-updated{color:var(--color-neutral-500);font-size:13px}.blog-cover{object-fit:cover;border-radius:20px;width:100%;max-height:680px;margin-bottom:56px;display:block}.blog-reading-layout{grid-template-columns:minmax(0,250px) minmax(0,760px);justify-content:center;align-items:start;gap:56px;margin-bottom:80px;display:grid}.blog-reading-layout:not(:has(aside)){grid-template-columns:minmax(0,760px)}.blog-reading-layout>aside{position:sticky;top:110px}.blog-toc{border:1px solid var(--color-neutral-200);border-radius:14px;padding:20px;font-size:14px}.blog-toc summary{cursor:pointer;font-weight:600}.blog-toc ol{gap:12px;margin-top:20px;list-style:none;display:grid}.blog-toc a{color:var(--color-neutral-600);line-height:1.5}.blog-toc a:hover{color:var(--color-black);text-decoration:underline}.blog-subheading{padding-left:14px}.blog-prose{overflow-wrap:anywhere;min-width:0;color:var(--color-neutral-700);font-size:17px;line-height:1.85}.blog-prose>:first-child{margin-top:0}.blog-prose :is(h2,h3,h4,h5,h6){color:var(--color-neutral-950);letter-spacing:-.02em;scroll-margin-top:120px;font-weight:600;line-height:1.25}.blog-prose h2{margin:48px 0 20px;font-size:30px}.blog-prose h3{margin:32px 0 16px;font-size:24px}.blog-prose :is(h4,h5,h6){margin:28px 0 16px;font-size:20px}.blog-prose p{margin-block:18px}.blog-prose :is(ul,ol){margin-block:20px;padding-left:24px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin-block:8px}.blog-prose a{color:var(--color-violet-800);text-underline-offset:3px;text-decoration:underline}.blog-prose img{border-radius:12px;width:100%;height:auto;margin-block:32px;display:block}.blog-prose blockquote{border-left:3px solid var(--color-violet-500);margin-block:28px;padding-left:24px}.blog-prose pre{background:var(--color-neutral-50);border-radius:12px;padding:20px;font-size:14px;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;margin-block:28px;font-size:15px;display:block;overflow-x:auto}.blog-prose :is(th,td){border:1px solid var(--color-neutral-200);text-align:left;padding:12px 16px}.blog-prose th{background:var(--color-neutral-50);font-weight:600}.blog-related{margin-bottom:64px}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}}@media (width<=720px){.blog-grid{grid-template-columns:1fr}.blog-reading-layout{display:block}.blog-reading-layout>aside{margin-bottom:32px;position:static}.blog-post-header{margin-top:32px}.blog-empty{padding:28px}.blog-lead{font-size:17px}.blog-prose{font-size:16px}.blog-prose h2{font-size:26px}.blog-cover{margin-bottom:32px}.blog-help{padding-block:40px}}