.blog-index{gap:var(--space-12);flex-direction:column;display:flex}.blog-index__intro{gap:var(--space-4);padding-block:var(--space-6) 0;flex-direction:column;max-inline-size:48rem;display:flex}.blog-index__intro h1{font-size:var(--font-size-display);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);margin:0}.blog-index__intro p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0;line-height:1.6}.blog-index__note{font-size:var(--font-size-md)}.blog-index__topics{margin:0;padding:0;list-style:none}.blog-index__topics .chip{align-items:center;text-decoration:none;display:inline-flex}.blog-cluster{gap:var(--space-5);flex-direction:column;scroll-margin-block-start:calc(var(--space-16) + var(--space-4));display:flex}.blog-cluster h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-tight);margin:0}.blog-grid{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid__lead{grid-column:1/-1}}@media (width>=64rem){.blog-grid,.blog-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{gap:var(--space-3);block-size:100%;padding:var(--space-5);background:var(--color-card);border:1px solid var(--color-hairline);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm), var(--shadow-inset-highlight);transition:transform var(--motion-duration-base) var(--motion-easing-out), box-shadow var(--motion-duration-base) var(--motion-easing-out);flex-direction:column;display:flex;position:relative}.blog-card:hover{transform:translateY(var(--motion-lift));box-shadow:var(--shadow-md), var(--shadow-inset-highlight)}.blog-card:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px}.blog-card__tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.blog-card__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-on-accent-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}.blog-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title);line-height:var(--line-height-snug);margin:0}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-card__title a:focus-visible{outline:none}.blog-card__excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:auto 0 0}.blog-card--pillar{background:linear-gradient(var(--color-primary-soft), var(--color-primary-soft)), var(--color-card);background-blend-mode:normal;border-color:var(--color-primary)}.blog-card--pillar .blog-card__title{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-heading)}.blog-card--pillar .blog-card__excerpt{color:var(--color-text);-webkit-line-clamp:4;line-clamp:4}@media (width>=40rem){.blog-card--pillar{padding:var(--space-8)}.blog-card--pillar .blog-card__excerpt{max-inline-size:46rem}}.blog-article{gap:var(--space-8);flex-direction:column;display:flex}.blog-crumbs ol{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-crumbs li+li:before{content:"/";color:var(--color-text-muted);margin-inline-end:var(--space-2)}.blog-crumbs a{color:var(--color-primary-text)}.blog-crumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;max-inline-size:22rem;overflow:hidden}.blog-article__header{gap:var(--space-4);flex-direction:column;max-inline-size:48rem;display:flex}.blog-article__meta{align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.blog-article__header h1{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);text-wrap:balance;margin:0}.blog-article__layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=64rem){.blog-article__layout{gap:var(--space-10);grid-template-columns:15rem minmax(0,1fr)}.blog-toc{position:sticky;inset-block-start:calc(var(--space-16) + var(--space-4))}}.blog-toc{padding:var(--space-4) var(--space-5);background:var(--color-card);border:1px solid var(--color-hairline);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm), var(--shadow-inset-highlight)}.blog-toc h2{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.blog-toc ol{gap:var(--space-1);counter-reset:toc;margin:0;padding:0;list-style:none;display:grid}.blog-toc li{counter-increment:toc}.blog-toc a{align-items:baseline;gap:var(--space-2);min-block-size:var(--touch-target-min);padding-block:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-snug);text-decoration:none;display:flex}.blog-toc a:before{content:counter(toc);color:var(--color-primary-text);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;flex:none}.blog-toc a:hover{color:var(--color-primary-text);text-decoration:underline}@media (width>=64rem){.blog-toc a{min-block-size:0;padding-block:var(--space-1)}}.blog-prose{min-inline-size:0;max-inline-size:46rem;font-size:var(--font-size-lg);overflow-wrap:break-word;line-height:1.85}.blog-prose>:first-child{margin-block-start:0}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose .blog-table{margin-block:0 var(--space-5)}.blog-prose h2{margin:var(--space-12) 0 var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-tight);scroll-margin-block-start:calc(var(--space-16) + var(--space-4))}.blog-prose h3{margin:var(--space-8) 0 var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug)}.blog-prose h4{margin:var(--space-6) 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.blog-prose ul,.blog-prose ol{padding-inline-start:var(--space-6)}.blog-prose li+li{margin-block-start:var(--space-2)}.blog-prose a{color:var(--color-primary-text);text-underline-offset:.2em;text-decoration:underline}.blog-prose a:hover{color:var(--color-primary-hover)}.blog-prose strong{font-weight:var(--font-weight-bold)}.blog-prose hr{margin-block:var(--space-8);border:0;border-block-start:1px solid var(--color-divider)}.blog-prose blockquote{padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);color:var(--color-on-primary-soft);border-inline-start:4px solid var(--color-primary);border-radius:var(--radius-lg)}.blog-prose blockquote>:last-child{margin-block-end:0}.blog-prose code{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.blog-prose pre{padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6;position:relative;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-table{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-card);position:relative;overflow-x:auto}.blog-table table{border-collapse:collapse;inline-size:100%;font-size:var(--font-size-md);line-height:1.5}.blog-table th,.blog-table td{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:top;border-block-end:1px solid var(--color-divider);font-variant-numeric:tabular-nums}.blog-table th{background:var(--color-surface-alt);font-weight:var(--font-weight-bold);white-space:nowrap}.blog-table tbody tr:last-child td{border-block-end:0}.blog-table:focus-visible,.blog-prose pre:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.blog-faq{margin-block:var(--space-12) var(--space-8);scroll-margin-block-start:calc(var(--space-16) + var(--space-4))}.blog-prose .blog-faq h2{margin-block-start:0}.blog-faq__item{background:var(--color-card);border:1px solid var(--color-hairline);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm), var(--shadow-inset-highlight);margin-block-end:var(--space-3)}.blog-faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:var(--touch-target-min);padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);cursor:pointer;list-style:none;display:flex;position:relative}.blog-faq__item summary::-webkit-details-marker{display:none}.blog-faq__item summary:after{content:"+";border-radius:var(--radius-full);background:var(--color-primary-soft);block-size:1.75rem;inline-size:1.75rem;color:var(--color-on-primary-soft);font-size:var(--font-size-lg);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.blog-faq__item[open] summary:after{content:"-"}.blog-faq__item summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px;border-radius:var(--radius-2xl)}.blog-faq__item p{padding:0 var(--space-5) var(--space-5);color:var(--color-text);margin:0}.blog-cta h2{max-inline-size:40rem;font-size:var(--font-size-2xl)}.blog-cta p{max-inline-size:38rem;font-size:var(--font-size-lg);margin:0;line-height:1.6}.blog-cta .btn{text-decoration:none}.blog-sources h2,.blog-related h2{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-heading)}.blog-sources ul{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;padding:0;list-style:none;display:grid}.blog-sources a{color:var(--color-primary-text)}.blog-sources__checked{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}:root[data-a11y-contrast=high] .blog-cta:before,:root[data-a11y-contrast=high] .blog-cta:after{display:none}