.blog-main{--blog-measure:65ch;--blog-gap:clamp(1.25rem, 3vw, 2rem);padding-bottom:2rem;display:block}.blog-shell{grid-template-columns:minmax(0,1fr);gap:3.5rem;padding-block:1rem 2rem;display:grid}.blog-mascot{flex:none;line-height:0;display:inline-block}.blog-mascot svg{width:100%;height:100%;display:block;overflow:visible}.blog-mascot .aai-av__svg{--aai-av-ink:var(--aai-point-pupil);--aai-av-white:var(--aai-point-eye);--aai-av-body:var(--aai-point-eye);--aai-av-gray:var(--aai-text-muted)}@supports (color:color-mix(in srgb, red, blue)){.blog-mascot .aai-av__svg{--aai-av-body:color-mix(in srgb, var(--aai-point-eye) 93%, var(--aai-point-pupil));--aai-av-gray:color-mix(in srgb, var(--aai-point-eye) 60%, var(--aai-point-pupil))}}.blog-mascot .aai-av__fill,.blog-mascot .aai-av__skin,.blog-mascot .aai-av__white,.blog-mascot .aai-av__sclera,.blog-mascot .aai-av__cap{stroke:var(--aai-av-ink);stroke-width:var(--aai-av-sw,2px);stroke-linejoin:round;stroke-linecap:round}.blog-mascot .aai-av__fill{fill:var(--point,var(--aai-point-blue))}.blog-mascot .aai-av__skin,.blog-mascot .aai-av__lid-cover{fill:var(--aai-av-body)}.blog-mascot .aai-av__white,.blog-mascot .aai-av__sclera,.blog-mascot .aai-av__glint,.blog-mascot .aai-av__gloss,.blog-mascot .aai-av__board{fill:var(--aai-av-white)}.blog-mascot .aai-av__cap{fill:var(--aai-av-gray)}.blog-mascot .aai-av__pupil-dot,.blog-mascot .aai-av__ink{fill:var(--aai-av-ink)}.blog-mascot .aai-av__gloss{opacity:.32}.blog-mascot .aai-av__sclera{stroke-width:calc(var(--aai-av-sw,2px) * .8)}.blog-mascot .aai-av__thin{stroke-width:calc(var(--aai-av-sw,2px) * .72)}.blog-mascot .aai-av__line{fill:none;stroke:var(--aai-av-ink);stroke-width:var(--aai-av-sw,2px);stroke-linecap:round;stroke-linejoin:round}.blog-mascot .aai-av__line.aai-av__thin{stroke-width:calc(var(--aai-av-sw,2px) * .72)}.blog-mascot .aai-av__lid{stroke-width:calc(var(--aai-av-sw,2px) * 1.1)}.blog-mascot .aai-av__lid-line,.blog-mascot .aai-av__smile{stroke-width:calc(var(--aai-av-sw,2px) * .8)}.blog-mascot .aai-av__leg,.blog-mascot .aai-av__draw{stroke:var(--aai-text)}.blog-mascot .aai-av__leg{stroke-width:calc(var(--aai-av-sw,2px) * .9)}.blog-mascot .aai-av__draw{stroke-width:calc(var(--aai-av-sw,2px) * .75)}.blog-mascot .aai-av__shadow{fill:var(--aai-avatar-shadow)}.blog-arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}.blog-arrow circle{fill:currentColor;stroke:none}.blog-meta{color:var(--aai-text-muted);font-size:.8125rem;line-height:1.5}.blog-badge{border:1px solid var(--aai-border);color:var(--aai-text-secondary);letter-spacing:.02em;vertical-align:.125rem;white-space:nowrap;border-radius:999px;align-items:center;margin-left:.5rem;padding:.0625rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.blog-agent-note{color:var(--aai-text-secondary);font-size:.8125rem}.blog-tag{border:1px solid var(--aai-hairline);background:var(--aai-canvas);color:var(--aai-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.4375rem;padding:.25rem .6875rem .25rem .5625rem;font-size:.75rem;line-height:1.4;transition:border-color .2s,color .2s;display:inline-flex}.blog-tag:hover,.blog-tag[aria-current=page]{border-color:var(--aai-border-strong);color:var(--aai-text)}.blog-tag-dot{background:var(--point);border-radius:50%;width:.5rem;height:.5rem}.blog-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.blog-avatar{flex:none}.blog-initials{background:var(--aai-field);color:var(--aai-text-secondary);letter-spacing:.02em;border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.blog-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2.5rem;padding-top:9.5rem;padding-bottom:3rem;display:grid}.blog-hero-text{gap:1rem;max-width:44rem;display:grid}.blog-hero h1{letter-spacing:-.04em;font-size:clamp(2.375rem,5vw,3.75rem);line-height:1.06}.blog-lead{color:var(--aai-text-secondary);max-width:40rem;font-size:1.0625rem;line-height:1.6}.blog-hero-links a{color:var(--aai-text-secondary);align-items:center;gap:.4375rem;font-size:.875rem;display:inline-flex}.blog-hero-links a:hover{color:var(--aai-text)}.blog-crew{border-bottom:1px solid var(--aai-hairline);align-items:flex-end;gap:.25rem;padding-bottom:.5rem;display:flex}.blog-hero-compact{padding-bottom:1.5rem}.blog-hero-mascot{margin-bottom:-.5rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:2.75rem 2rem;display:grid}.blog-card{align-content:start;gap:1.125rem;min-width:0;display:grid}.blog-card-media{border-radius:1rem;display:block;overflow:hidden}.blog-cover{aspect-ratio:1200/630;background:var(--aai-sunken);border:1px solid var(--aai-hairline);border-radius:inherit;place-items:center;display:grid;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-cover-placeholder{background:color-mix(in srgb, var(--point) 9%, var(--aai-sunken))}.blog-card-body{gap:.625rem;min-width:0;display:grid}.blog-card-tags{flex-wrap:wrap;gap:.375rem;display:flex}.blog-card-title{letter-spacing:-.015em;font-size:1.25rem;line-height:1.3}.blog-card-title a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .25s}.blog-card:hover .blog-card-title a{background-size:100% 1px}.blog-card-text{color:var(--aai-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-featured{border-bottom:1px solid var(--aai-hairline);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:2.5rem;margin-bottom:3rem;padding-bottom:3rem}.blog-card-featured .blog-card-media{border-radius:1.25rem}.blog-card-featured .blog-card-title{letter-spacing:-.03em;font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.15}.blog-card-featured .blog-card-text{-webkit-line-clamp:4;font-size:1.0625rem}.blog-pager{justify-content:space-between;gap:1rem;font-size:.9375rem;display:flex}.blog-pager a{color:var(--aai-text-secondary);align-items:center;gap:.5rem;display:inline-flex}.blog-pager a:hover{color:var(--aai-text)}.blog-empty{text-align:center;justify-items:center;gap:.75rem;padding:3rem 1rem 1rem;display:grid}.blog-empty h2{letter-spacing:-.02em;margin-top:.5rem;font-size:1.5rem}.blog-empty p{color:var(--aai-text-secondary);max-width:28rem}.blog-empty .button,.blog-empty-actions{margin-top:.75rem}.blog-empty-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.blog-notfound{text-align:center;justify-items:center;padding-top:8rem}.blog-subscribe{border:1px solid var(--aai-hairline);background:var(--aai-sunken);border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.75rem;padding:1.75rem 2rem;display:grid}.blog-subscribe h2{letter-spacing:-.02em;font-size:1.375rem}.blog-subscribe p{color:var(--aai-text-secondary);margin-top:.25rem;font-size:.9375rem}.blog-subscribe-actions{flex-wrap:wrap;gap:.75rem;display:flex}.blog-post{padding-top:8.75rem;padding-bottom:3.5rem}.blog-post-head{gap:1.25rem;width:min(100% - 2rem,48rem);margin-inline:auto;display:grid}.blog-crumbs ol{color:var(--aai-text-muted);flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.blog-crumbs li{align-items:center;gap:.375rem;min-width:0;display:inline-flex}.blog-crumbs li+li:before{content:"/";color:var(--aai-text-faint)}.blog-crumbs a:hover{color:var(--aai-text)}.blog-crumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.blog-post-head h1{letter-spacing:-.035em;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.1}.blog-dek{color:var(--aai-text-secondary);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55}.blog-byline{align-items:center;gap:.875rem;padding-block:.25rem;display:flex}.blog-byline-text{gap:.125rem;font-size:.9375rem;display:grid}.blog-author-link{font-weight:600}.blog-author-link:hover{text-decoration:underline}.blog-post-cover{width:min(100% - 2rem,60rem);margin:2.5rem auto 0}.blog-post-cover .blog-cover{border-radius:1.25rem}.blog-post-cover figcaption{color:var(--aai-text-muted);text-align:center;margin-top:.75rem;font-size:.8125rem}.blog-post-layout{grid-template-columns:minmax(0, 1fr) minmax(0, var(--blog-measure)) minmax(0, 1fr);column-gap:var(--blog-gap);width:min(100% - 2rem,82rem);margin:3rem auto 0;display:grid}.blog-post-main{grid-column:2;grid-template-columns:minmax(0,1fr);gap:2.75rem;min-width:0;display:grid}.blog-toc-side{grid-column:1;place-self:start end;width:min(100%,15rem);max-height:calc(100vh - 9rem);position:sticky;top:7.5rem;overflow:auto}.blog-toc-title,.blog-toc summary,.blog-takeaways h2{letter-spacing:.13em;text-transform:uppercase;color:var(--aai-text-secondary);font-size:.6875rem;font-weight:600}.blog-toc ol{gap:.5rem;margin-top:.875rem;margin-bottom:0;padding:0;font-size:.8125rem;line-height:1.4;list-style:none;display:grid}.blog-toc li[data-level="3"]{padding-left:.875rem}.blog-toc a{color:var(--aai-text-muted)}.blog-toc a:hover{color:var(--aai-text)}.blog-toc-inline{border:1px solid var(--aai-hairline);border-radius:1rem;padding:1rem 1.25rem;display:none}.blog-toc-inline summary{cursor:pointer;list-style:none}.blog-toc-inline summary::-webkit-details-marker{display:none}.blog-toc-inline summary:after{content:"+";float:right;letter-spacing:0;font-size:1rem;line-height:1}.blog-toc-inline[open] summary:after{content:"−"}.blog-takeaways{border:1px solid var(--aai-hairline);border-left:3px solid var(--point);background:var(--aai-canvas);border-radius:.5rem 1rem 1rem .5rem;padding:1.375rem 1.5rem 1.5rem}.blog-takeaways ul{gap:.625rem;margin-top:.875rem;display:grid}.blog-takeaways li{padding-left:1.25rem;line-height:1.55;position:relative}.blog-takeaways li:before{content:"";background:var(--point);border-radius:.125rem;width:.4375rem;height:.4375rem;position:absolute;top:.55em;left:0}.blog-prose{overflow-wrap:break-word;font-size:1.0625rem;line-height:1.75}.blog-prose>*+*{margin-top:1.25em}.blog-prose figure,.blog-prose blockquote{margin-inline:0;margin-bottom:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{letter-spacing:-.02em;scroll-margin-top:7rem;line-height:1.25;position:relative}.blog-prose h2{margin-top:2.25em;font-size:1.625rem}.blog-prose h3{margin-top:1.9em;font-size:1.25rem}.blog-prose h4{margin-top:1.6em;font-size:1.0625rem}.blog-prose h2+*,.blog-prose h3+*,.blog-prose h4+*{margin-top:.75em}.blog-anchor{vertical-align:middle;color:var(--aai-text-faint);opacity:0;margin-left:.375rem;transition:opacity .2s;display:inline-flex}.blog-anchor svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.blog-prose :is(h2,h3,h4):hover .blog-anchor,.blog-anchor:focus-visible{opacity:1}.blog-prose a,.blog-faq a,.blog-sources a,.blog-author-card p a{text-decoration:underline;-webkit-text-decoration-color:var(--aai-border-strong);text-decoration-color:var(--aai-border-strong);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .2s}.blog-prose a:hover,.blog-faq a:hover,.blog-sources a:hover{text-decoration-color:currentColor}.blog-prose ul,.blog-prose ol{padding-left:1.375em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose li>*+*{margin-top:.6em}.blog-prose li::marker{color:var(--aai-text-muted)}.blog-prose .blog-task{margin-left:-1.375em;list-style:none}.blog-prose .blog-task input{vertical-align:-.125em;margin:0 .5em 0 0}.blog-prose blockquote{border-left:3px solid var(--aai-border-strong);color:var(--aai-text-secondary);padding-left:1.125rem}.blog-prose blockquote>*+*{margin-top:.8em}.blog-callout{--point:var(--aai-point-blue);border-left:3px solid var(--point);background:var(--aai-sunken);border-radius:.375rem .875rem .875rem .375rem;padding:1rem 1.25rem;font-size:.9875rem}.blog-callout[data-kind=tip]{--point:var(--aai-point-green)}.blog-callout[data-kind=important]{--point:var(--aai-point-purple)}.blog-callout[data-kind=warning]{--point:var(--aai-point-orange)}.blog-callout[data-kind=caution]{--point:var(--aai-point-red)}.blog-callout>*+*{margin-top:.6em}.blog-callout-title{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.blog-callout[data-kind=takeaway]{--point:var(--aai-text);font-size:1.03125rem}.blog-prose>.blog-mascot-spot{margin-top:.25rem;line-height:0}.blog-prose>.blog-mascot-spot[data-side=right]{float:right;margin:.25rem 0 .75rem 1.5rem}.blog-prose>.blog-mascot-spot[data-side=left]{float:left;margin:.25rem 1.5rem .75rem 0}.blog-prose>.blog-mascot-spot[data-side=center]{justify-content:center;display:flex}.blog-prose>:is(h2,h3,h4,ul,ol,blockquote,aside,figure,.blog-table,.blog-break){clear:both}.blog-prose :not(pre)>code{background:var(--aai-field);border-radius:.375rem;padding:.125em .375em;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.blog-code{border:1px solid var(--aai-hairline);background:var(--aai-sunken);border-radius:.875rem;overflow:hidden}.blog-code figcaption{border-bottom:1px solid var(--aai-hairline);color:var(--aai-text-muted);letter-spacing:.04em;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.blog-code pre{tab-size:2;margin:0;padding:1rem 1.125rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84375rem;line-height:1.65;overflow-x:auto}.blog-code pre:focus-visible,.blog-table:focus-visible{outline:2px solid var(--aai-text);outline-offset:-2px}.hljs-comment,.hljs-quote{color:var(--aai-text-muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-meta .hljs-keyword{color:var(--aai-point-purple-strong)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:var(--aai-point-green-strong)}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:var(--aai-point-orange-strong)}.hljs-title,.hljs-title.function_,.hljs-section{color:var(--aai-point-blue-strong)}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-property{color:var(--aai-point-teal-strong)}.hljs-built_in,.hljs-type,.hljs-title.class_,.hljs-class .hljs-title{color:var(--aai-point-brown-strong)}.hljs-deletion{color:var(--aai-point-red-strong)}.hljs-meta,.hljs-name,.hljs-tag{color:var(--aai-text-secondary)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:650}.blog-figure img,.blog-prose p>img{border:1px solid var(--aai-hairline);background:var(--aai-sunken);border-radius:.875rem;max-width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--aai-text-muted);text-align:center;margin-top:.625rem;font-size:.8125rem;line-height:1.5}.blog-table{border:1px solid var(--aai-hairline);border-radius:.875rem;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.5}.blog-table th,.blog-table td{border-bottom:1px solid var(--aai-hairline);text-align:left;vertical-align:top;padding:.625rem .875rem}.blog-table th{background:var(--aai-sunken);white-space:nowrap;font-weight:600}.blog-table tr:last-child td{border-bottom:0}.blog-cite{font-size:.72em;line-height:0}.blog-cite a{color:var(--aai-text-muted);margin-left:.0625em;text-decoration:none}.blog-cite a:hover{color:var(--aai-text)}.blog-break{align-items:center;gap:1rem;margin-block:2.5em;display:flex}.blog-break:before,.blog-break:after{content:"";background:var(--aai-hairline);flex:1;height:1px}.blog-faq,.blog-sources{border-top:1px solid var(--aai-hairline);grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:2.25rem;display:grid}.blog-faq h2,.blog-sources h2,.blog-related h2{letter-spacing:-.02em;font-size:1.375rem}.blog-faq-item{gap:.375rem;padding-block:.5rem;display:grid}.blog-faq-item h3{font-size:1.0625rem;font-weight:600;line-height:1.4}.blog-faq-item p{color:var(--aai-text-secondary);line-height:1.65}.blog-sources ol{overflow-wrap:anywhere;gap:.625rem;padding-left:1.5em;font-size:.9375rem;line-height:1.5;list-style:decimal;display:grid}.blog-sources li::marker{color:var(--aai-text-muted)}.blog-sources li:target{background:var(--aai-sunken);border-radius:.375rem}.blog-author-card{border:1px solid var(--aai-hairline);background:var(--aai-canvas);border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.5rem;display:grid}.blog-author-card>div{gap:.375rem;display:grid}.blog-author-card p:last-child{color:var(--aai-text-secondary);font-size:.9375rem;line-height:1.6}.blog-author-name{font-weight:650}.blog-related{border-top:1px solid var(--aai-hairline);grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:3rem;display:grid}.blog-neighbours{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.blog-neighbours a{border:1px solid var(--aai-hairline);border-radius:1rem;gap:.375rem;padding:1.125rem 1.25rem;transition:border-color .2s;display:grid}.blog-neighbours a:hover{border-color:var(--aai-border-strong)}.blog-neighbours .blog-meta{align-items:center;gap:.375rem;display:inline-flex}.blog-neighbour-older{text-align:right;justify-items:end}.blog-neighbour-title{font-weight:600;line-height:1.35}@media (prefers-reduced-motion:reduce){.blog-card-title a,.blog-tag,.blog-anchor,.blog-neighbours a{transition:none}}@media (max-width:75rem){.blog-post-layout{grid-template-columns:minmax(0,1fr)}.blog-post-main{width:100%;max-width:var(--blog-measure);grid-column:1;justify-self:center}.blog-toc-side{display:none}.blog-toc-inline{display:block}}@media (max-width:56.25rem){.blog-hero{grid-template-columns:1fr;align-items:start;gap:2rem;padding-top:8rem}.blog-crew{justify-self:start}.blog-crew .blog-mascot{width:64px!important;height:64px!important}.blog-hero-mascot{display:none}.blog-card-featured{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:2.5rem}.blog-subscribe{grid-template-columns:auto minmax(0,1fr)}.blog-subscribe-actions{grid-column:1/-1}}@media (max-width:43.75rem){.blog-shell{gap:2.75rem}.blog-hero{padding-top:7rem}.blog-crew .blog-mascot{width:52px!important;height:52px!important}.blog-post{padding-top:7rem}.blog-post-head,.blog-post-cover,.blog-post-layout{width:calc(100% - 2rem)}.blog-post-cover{margin-top:1.75rem}.blog-post-layout{margin-top:2rem}.blog-prose{font-size:1rem}.blog-prose h2{font-size:1.4375rem}.blog-grid{grid-template-columns:1fr;gap:2.25rem}.blog-subscribe{grid-template-columns:1fr;justify-items:start;gap:1rem;padding:1.5rem}.blog-subscribe .blog-mascot{width:72px!important;height:72px!important}.blog-neighbours{grid-template-columns:1fr}.blog-author-card{grid-template-columns:1fr;padding:1.25rem}.blog-crumbs [aria-current]{max-width:12rem}}
