@layer theme,base;@layer components{.blog-article{--blog-article-frame:min(100%, var(--layout-container-max));width:var(--blog-article-frame);padding:var(--space-module) var(--grid-active-margin) var(--space-run-2);background:var(--blog-bg);color:var(--blog-ink);color-scheme:light;margin-inline:auto}.blog-article-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.blog-article-progress{z-index:var(--z-floating);height:var(--space-half);background:var(--blog-lime);transform-origin:0;animation:linear both blog-article-progress scroll(root);display:block;position:fixed;inset:0 0 auto}}}.blog-article-header>*{max-width:var(--layout-measure-wide)}.blog-article-header>h1{max-width:none}.blog-article-crumbs ol{gap:var(--space-1);font-size:var(--font-size-14);color:var(--blog-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.blog-article-crumbs li+li:before{content:"›";margin-right:var(--space-1)}.blog-article-crumbs a{color:var(--blog-ink)}.blog-article-tag{margin-top:var(--space-3);padding:var(--space-half) var(--space-2);border-radius:var(--corner-turn);background:var(--blog-soft);color:var(--blog-accent);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);display:inline-block}.blog-article-header h1{margin-top:var(--space-2);font-size:var(--type-statement-font-size);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;line-height:var(--font-line-height-heading-1)}.blog-article-lead{max-width:var(--layout-measure);margin-top:var(--space-3);color:var(--blog-muted);font-size:var(--font-size-19);line-height:var(--font-line-height-body)}.blog-article-byline,.blog-article-author-card{align-items:center;gap:var(--space-2);display:flex}.blog-article-byline{margin-top:var(--space-4)}.blog-article-avatar{width:var(--space-run-2);max-width:calc(var(--space-module) + var(--space-2));aspect-ratio:1;border-radius:var(--corner-turn);background:var(--blog-soft);place-items:center;display:grid}.blog-article-avatar-lg{max-width:var(--space-run-2)}.blog-article-author{font-weight:var(--font-weight-semibold)}.blog-article-meta,.blog-article-author-role{color:var(--blog-muted);font-size:var(--font-size-14)}.blog-article-meta span{margin-inline:var(--space-half)}.blog-article-sample{margin-top:var(--space-3);padding:var(--space-1) var(--space-2);border-left:var(--space-half) solid var(--blog-accent);background:var(--blog-soft);color:var(--blog-ink);font-size:var(--font-size-14)}.blog-article-hero{margin-top:var(--space-module);border-radius:var(--blog-radius);aspect-ratio:16/7;overflow:hidden}.blog-article-hero .blog-art,.blog-article-related-media .blog-art{width:100%;height:100%}.blog-article-hero img,.blog-article-hero svg,.blog-article-related-media img,.blog-article-related-media svg{object-fit:cover;width:100%;height:100%}.blog-article-layout{gap:var(--space-module);margin-top:var(--space-module);grid-template-columns:minmax(0,1fr);display:grid}.blog-article-toc{display:none}.blog-article-toc-compact{border:1px solid var(--blog-line);border-radius:var(--blog-radius);background:var(--blog-white)}.blog-article-toc-compact summary{padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-semibold);cursor:pointer}.blog-article-toc-compact ol,.blog-article-toc ol{gap:var(--space-1);padding:0 var(--space-3) var(--space-2);font-size:var(--font-size-14);margin:0;list-style:none;display:grid}.blog-article-toc-compact a,.blog-article-toc a{color:var(--blog-muted);text-decoration:none}.blog-article-toc a:hover,.blog-article-toc-compact a:hover{color:var(--blog-accent)}.blog-article-body{max-width:68ch;font-size:var(--font-size-16);line-height:var(--font-line-height-body)}.blog-article-body>*+*{margin-top:var(--space-3)}.blog-article-body h2{margin-top:var(--space-run-2);scroll-margin-top:calc(var(--header-height,0) + var(--space-3));font-size:var(--type-h3-font-size);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:var(--font-line-height-heading-3)}.blog-article-body>h2:first-child{margin-top:0}.blog-article-body h3{margin-top:var(--space-4);font-size:var(--font-size-19);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-heading-4)}.blog-article-body ul,.blog-article-body ol{gap:var(--space-1);padding-left:var(--space-3);display:grid}.blog-article-body li::marker,.blog-article-body a{color:var(--blog-accent)}.blog-article-body blockquote{padding-left:var(--space-3);border-left:var(--space-half) solid var(--blog-lime);color:var(--blog-ink);font-size:var(--font-size-19);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-small);margin-inline:0}.blog-article-body blockquote:has(>p:first-child>strong:first-child){padding:var(--space-3);border:1px solid var(--blog-line);border-left:var(--space-half) solid var(--blog-accent);border-radius:var(--blog-radius);background:var(--blog-soft);font-size:var(--font-size-16);font-weight:var(--font-weight-regular)}.blog-article-body blockquote strong{color:var(--blog-accent)}.blog-article-body pre{padding:var(--space-3);border-radius:var(--blog-radius);font-size:var(--font-size-14);line-height:var(--font-line-height-code);overflow-x:auto}.blog-article-body :not(pre)>code{padding:0 var(--space-half);border-radius:var(--corner-soft);background:var(--blog-soft);font-size:.9em}.blog-article-end{gap:var(--space-4);max-width:68ch;margin-top:var(--space-run-2);display:grid}.blog-article-essentials{padding:var(--space-4);border-radius:var(--blog-radius);background:var(--blog-forest);color:var(--blog-white)}.blog-article-essentials h2,.blog-article-cta h2,.blog-article-related h2{font-size:var(--type-h4-font-size);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-heading-4)}.blog-article-essentials ol{gap:var(--space-2);margin-top:var(--space-3);padding-left:var(--space-3);display:grid}.blog-article-essentials li::marker{color:var(--blog-lime);font-weight:var(--font-weight-semibold)}.blog-article-share{align-items:center;gap:var(--space-2);padding-block:var(--space-3);border-block:1px solid var(--blog-line);flex-wrap:wrap;display:flex}.blog-article-share p{font-weight:var(--font-weight-semibold)}.blog-article-share ul{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-article-share a{padding:var(--space-1) var(--space-2);border:1px solid var(--blog-line);border-radius:var(--corner-turn);color:var(--blog-ink);font-size:var(--font-size-14);text-decoration:none;display:inline-flex}.blog-article-share a:hover{border-color:var(--blog-accent);background:var(--blog-soft)}.blog-article-author-card{padding:var(--space-3);border:1px solid var(--blog-line);border-radius:var(--blog-radius);align-items:flex-start}.blog-article-author-card p+p{margin-top:var(--space-half)}.blog-article-cta{padding:var(--space-4);border-radius:var(--blog-radius);background:var(--blog-soft)}.blog-article-cta p{margin-top:var(--space-1);color:var(--blog-muted)}.blog-article-cta-action{align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--corner-turn);background:var(--blog-forest);color:var(--blog-white);font-weight:var(--font-weight-semibold);text-decoration:none;display:inline-flex}.blog-article-cta-action svg{width:var(--space-2);height:var(--space-2)}.blog-article-related{margin-top:var(--space-run-2)}.blog-article-related ul{gap:var(--space-3);margin-top:var(--space-3);padding:0;list-style:none;display:grid}.blog-article-related-card{border:1px solid var(--blog-line);border-radius:var(--blog-radius);background:var(--blog-white);height:100%;color:var(--blog-ink);text-decoration:none;display:grid;overflow:hidden}.blog-article-related-media{aspect-ratio:16/9;display:block;overflow:hidden}.blog-article-related-body{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);display:grid}.blog-article-related-body .blog-article-tag{justify-self:start;margin-top:0}.blog-article-related-title{font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-heading-4)}.blog-article-pager{gap:var(--space-2);margin-top:var(--space-module);display:grid}.blog-article-pager-link{gap:var(--space-half);padding:var(--space-2) var(--space-3);border:1px solid var(--blog-line);border-radius:var(--blog-radius);color:var(--blog-ink);text-decoration:none;display:grid}.blog-article-pager-link span{color:var(--blog-muted);font-size:var(--font-size-14)}.blog-article-related-card:hover,.blog-article-pager-link:hover{border-color:var(--blog-accent)}.blog-article a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:3px}@media (width>=720px){.blog-article-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-article-pager{grid-template-columns:1fr 1fr}.blog-article-pager-next{text-align:right;grid-column:2}}@media (width>=1024px){.blog-article-layout{grid-template-columns:minmax(0, 1fr) calc(var(--space-run-4) + var(--space-module));column-gap:var(--space-run-2)}.blog-article-toc-compact{display:none}.blog-article-toc{grid-area:1/2;display:block}.blog-article-toc nav{top:calc(var(--header-height,0) + var(--space-3));position:sticky}.blog-article-toc-title{margin-bottom:var(--space-2);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--blog-accent)}.blog-article-toc ol{padding:0 0 0 var(--space-2);border-left:1px solid var(--blog-line)}.blog-article-body{grid-area:1/1}}}@layer utilities;:root{--blog-bg:#fdfefd;--blog-ink:#09251e;--blog-muted:#757c77;--blog-accent:#577b2c;--blog-forest:#062e24;--blog-line:#e2e6df;--blog-soft:#f4f7ef;--blog-lime:#c9f493;--blog-white:#fff;--blog-radius:15px;--blog-width:1360px}@keyframes blog-article-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}