@layer areas{.blog_shell--landing,.blog_shell--article{--local-section-gap: 2.4rem}.blog_page__hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;align-items:start;position:relative;isolation:isolate;padding-block:3.6rem}.blog_article{--local-header-width: 90.72rem;--local-content-width: 86.4rem;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:1.2rem;row-gap:var(--local-page-gap, 3.2rem);justify-items:stretch}.blog_shell--article .blog_content{padding-top:3.6rem}.blog_article__header{grid-column:1/-1;width:100%;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:1.2rem;padding:0;margin-bottom:6.4rem}.blog_article__header_inner{grid-column:2/-2;width:100%;max-width:none;gap:1.6rem}.blog_article__hero{grid-column:1/-1;display:block;width:100%;aspect-ratio:21/9;overflow:hidden;border-radius:2rem}.blog_article__body,.blog_article__footer{grid-column:1/-1;width:100%;margin:auto}.blog_article__related,.blog_article__downloads{display:grid;gap:1.6rem;grid-column:2/-2;width:100%}.blog_article__related_group{display:grid;gap:.8rem}.blog_article__body{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:1.2rem;row-gap:0}.blog_article__body>*{grid-column:2/-2;min-width:0}.blog_article__body>.blog_portable_image,.blog_article__body>.blog_code_snippet,.blog_article__body>.blog_two_column_table{grid-column:1/-1}.blog_article__footer{grid-column:2/-2}@media(max-width:1024px){.blog_page__hero{grid-template-columns:1fr}.blog_article,.blog_article__header{grid-template-columns:repeat(6,minmax(0,1fr))}.blog_article__header_inner,.blog_article__related,.blog_article__downloads,.blog_article__footer{grid-column:1/-1}.blog_article__body{grid-template-columns:repeat(6,minmax(0,1fr))}.blog_article__body>*{grid-column:1/-1}}@media(max-width:768px){.blog_shell--landing,.blog_shell--article{--local-section-gap-mobile: 2.4rem}.blog_page{gap:2.4rem}.blog_page__hero{padding-block:2.4rem}.blog_shell--article .blog_content{padding-top:2.4rem}.blog_article{grid-template-columns:1fr;column-gap:0}.blog_article__header{grid-template-columns:1fr;width:100vw;margin-inline:calc(50% - 50vw);margin-bottom:3.2rem}.blog_article__header_inner{grid-column:1;padding-inline:var(--inline-space)}.blog_article__excerpt{padding-inline:0}.blog_article__body{grid-template-columns:1fr;column-gap:0}.blog_article__body>*,.blog_article__footer,.blog_article__related,.blog_article__downloads{grid-column:1}}}@layer areas{.blog_page__hero:before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(135deg,color-mix(in srgb,var(--leaf-dark) 18%,transparent),transparent 65%),var(--primary);box-shadow:var(--shadow-soft);z-index:-1;pointer-events:none}.blog_page__header .title_1{color:var(--bg-tertiary-fixed)}.blog_page__intro{max-width:76rem;color:color-mix(in srgb,var(--bg-tertiary-fixed) 92%,white)}.blog_page__intro :is(p,a,strong,em,code,li){color:inherit}.blog_page__intro ul,.blog_page__intro ol{list-style-position:inside}.blog_toc_grid{display:grid;grid-template-columns:1fr;gap:0}.featured_post_card{padding:2.4rem}.featured_post_card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin:0;color:var(--text-secondary);font-size:1.4rem}.featured_post_card__tags{display:flex;flex-wrap:wrap;align-items:center;margin:0}.featured_post_card__tag{line-height:1}.featured_post_card__summary{max-width:78rem;margin:0}.featured_post_card__link_row{margin:0;padding-left:0}.featured_post_card__link{font-weight:600;text-decoration:none}.most_recent_strip{display:grid;grid-template-columns:auto 1fr auto;gap:1.6rem;align-items:center;padding:1.2rem 1.6rem;margin-bottom:.4rem;background-color:color-mix(in srgb,var(--bg-secondary) 70%,transparent);color:var(--text);text-decoration:none}.most_recent_strip__label{color:var(--text-secondary);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.most_recent_strip__title{font-weight:600}.most_recent_strip__meta{color:var(--text-secondary);font-size:1.4rem;text-align:right}.most_recent_strip:hover .most_recent_strip__title,.most_recent_strip:focus-visible .most_recent_strip__title{text-decoration:underline}@media(max-width:1024px){.most_recent_strip{grid-template-columns:1fr;gap:.6rem}.most_recent_strip__meta{text-align:left}}@media(max-width:768px){.featured_post_card{padding:1.8rem}}@media(prefers-color-scheme:dark){.blog_page__hero:before{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-tertiary) 24%,transparent),transparent 65%),var(--leaf-dark)}}}@layer areas{.blog_toc_card{border:0;background:transparent;box-shadow:none;margin-top:1.8rem}.blog_toc_card:first-child{margin-top:0}.blog_toc_card__header{display:grid;gap:.4rem;padding:0 0 1.2rem;border-bottom:0}.blog_toc_card__header .title_3{margin-bottom:.2rem}.blog_toc_card__rule{--section-rule-width: 45%;--section-rule-thickness: .2rem;--section-rule-border: 0;--section-rule-background: var(--primary)}.blog_toc_table{width:100%;border-collapse:collapse}.blog_toc_table__title-col{width:14%}.blog_toc_table__middle-col{width:62%}.blog_toc_table__date-col{width:24%}.blog_toc_table th,.blog_toc_table td{padding:1.2rem 0;text-align:left;vertical-align:top}.blog_toc_table th:first-child,.blog_toc_table td:first-child{padding-left:1.6rem}.blog_toc_table thead th{color:var(--text-secondary);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:.1rem solid color-mix(in srgb,var(--border) 60%,transparent)}.blog_toc_table th.blog_toc_table__middle-column,.blog_toc_table td.blog_toc_table__middle-column{padding-left:5rem;text-align:left}.blog_toc_table tbody tr:not(:last-child) td{border-bottom:.1rem solid color-mix(in srgb,var(--border) 78%,transparent)}.blog_toc_table__section-row th{padding:.8rem 1.6rem;border-bottom:0;text-align:left;background:var(--primary);color:var(--bg-tertiary-fixed)}.blog_toc_table__section-row:first-child th{padding-top:.8rem}.blog_toc_table__section-heading .title_3{display:inline-block;margin:0;color:inherit;font-size:1.8rem}.blog_toc_table--root tbody .blog_toc_table__section-row+tr td{border-top:.1rem solid color-mix(in srgb,var(--border) 78%,transparent)}.blog_toc_table a{color:var(--text);text-decoration:none;white-space:nowrap}.blog_toc_tags,.blog_toc_stack{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.8rem;margin:0;padding-left:0;white-space:nowrap}.blog_toc_stack__item{list-style:none;margin-bottom:0}.blog_toc_tag{transition:background-color .16s ease,color .16s ease,transform .16s ease}.blog_toc_table tbody tr:hover .blog_toc_tag,.blog_toc_table tbody tr:focus-within .blog_toc_tag{transform:translateY(-.1rem)}.blog_toc_stack__item,.blog_toc_fallback{color:var(--text-secondary);font-size:1.4rem;white-space:nowrap}.blog_toc_fallback{display:block;text-align:left}.blog_toc_stack__item:not(:last-child):after{content:"|";margin-left:.8rem}.blog_toc_table__date-short{display:none}.blog_toc_table th.blog_toc_table__date-column,.blog_toc_table td.blog_toc_table__date-column{text-align:right;white-space:nowrap}.blog_toc_card[data-compact-header=true] .blog_toc_card__header{padding-bottom:1.2rem}@media(max-width:1200px){.blog_toc_table__date-long{display:none}.blog_toc_table__date-short{display:inline}}@media(max-width:768px){.blog_toc_table__title-col{width:auto}.blog_toc_table__date-col{width:1%}.blog_toc_table td:first-child a{white-space:normal}.blog_toc_table th.blog_toc_table__middle-column,.blog_toc_table td.blog_toc_table__middle-column{display:none}.blog_toc_table__section-row th{padding:.7rem 1.6rem}.blog_toc_table__middle-col{display:none}}}@layer areas{.blog_article p,.blog_article h1,.blog_article h2,.blog_article h3,.blog_article h4,.blog_article h5,.blog_article h6{padding-inline:0}.blog_article__header:before{content:"";position:absolute;inset:-3.6rem 0;border-radius:2.4rem;background:linear-gradient(135deg,color-mix(in srgb,var(--leaf-dark) 18%,transparent),transparent 65%),var(--primary);box-shadow:var(--shadow-soft);z-index:-1;pointer-events:none}.blog_article__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;color:color-mix(in srgb,var(--bg-tertiary-fixed) 86%,white)}.blog_article__eyebrow,.blog_article__eyebrow span{color:color-mix(in srgb,var(--bg-tertiary-fixed) 86%,white)}.blog_article__header .title_1{color:var(--bg-tertiary-fixed)}.blog_article__excerpt{padding-inline:1.6rem;color:color-mix(in srgb,var(--bg-tertiary-fixed) 92%,white)}.blog_article__excerpt :is(p,a,strong,em,code){color:inherit}.blog_section_break{display:grid;grid-template-columns:3.6rem auto minmax(0,1fr);align-items:center;column-gap:3rem;--section-rule-padding: 0;margin:5.4rem 0}.blog_section_break__rule{width:100%;--section-rule-width: 100%;--section-rule-thickness: .2rem;--section-rule-border: 0;--section-rule-background: var(--primary)}.blog_section_break__rule--left{width:3.6rem}.blog_section_break--center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.blog_section_break--center .blog_section_break__rule--left{width:100%}.blog_section_break--unlabeled{grid-template-columns:1fr}.blog_section_break--unlabeled .blog_section_break__rule{width:40%;min-width:40%}.blog_section_break--left.blog_section_break--unlabeled{justify-items:start}.blog_section_break--center.blog_section_break--unlabeled{justify-items:center}.blog_section_break__label{--section-rule-label-size: 1.35rem;font-weight:700}.blog_portable_image{display:grid;gap:1rem;margin:0 0 2.4rem}.blog_portable_image img{display:block;width:100%;height:auto;border:.1rem solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:1.8rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,transparent),transparent 60%),var(--bg);box-shadow:var(--shadow-soft)}.blog_portable_image figcaption{margin:0;color:var(--text-secondary);font-size:1.4rem;padding-inline:0}.blog_article__tags,.blog_article__stack,.blog_article__related_meta{display:flex;flex-flow:row wrap;gap:.8rem;margin:0;padding-left:0}.blog_article__tags{margin-top:3rem}.blog_article__stack_item,.blog_article__related_meta li{list-style:none;margin-bottom:0}.blog_article__stack_item,.blog_article__related_meta li{color:color-mix(in srgb,var(--bg-tertiary-fixed) 82%,white);font-size:1.4rem}.blog_article__stack_item:not(:last-child):after,.blog_article__related_meta li:not(:last-child):after{content:"|";margin-left:.8rem}.blog_article__hero img{display:block;width:100%;height:100%;object-fit:cover;border:.1rem solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 62%),var(--bg);box-shadow:var(--shadow-soft)}.blog_article__footer{padding:2.6rem 2.8rem;border:.1rem solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:1.8rem;background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 58%),var(--bg)}.blog_article__body{font-size:1.95rem}.blog_article__body p{line-height:1.8}.blog_article__body blockquote{padding:2.6rem 3rem;border-left:.4rem solid var(--primary);border-radius:0 1.6rem 1.6rem 0;background:var(--bg);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,var(--border) 72%,transparent),inset 0 .8rem 1.6rem color-mix(in srgb,var(--leaf-dark) 4%,transparent);color:var(--text)}.blog_article__body blockquote p{font-size:2rem}.blog_article__body code{padding:.15rem .45rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--bg-secondary) 82%,var(--bg))}.blog_article__body pre{border-radius:1.4rem}.blog_article__body pre code{padding:0;border-radius:0;background-color:transparent}.blog_article__body ul,.blog_article__body ol{padding-left:2.4rem;list-style-position:outside}.blog_article__body ul{list-style-type:disc}.blog_article__body ol{list-style-type:lower-roman}.blog_article__body li{display:list-item}.blog_article__related_list{margin:0;padding-left:2rem}.blog_article__related_list li+li{margin-top:.4rem}@media(max-width:768px){.blog_article__header:before{inset:-2.4rem 0;border-radius:0}.blog_article__body{font-size:1.8rem}.blog_article__footer{padding:2rem}}@media(prefers-color-scheme:dark){.blog_article__header:before{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-tertiary) 24%,transparent),transparent 65%),var(--leaf-dark)}}}
