.resource-post{isolation:isolate;position:relative}.resource-post>.page-grad{z-index:-1;pointer-events:none;background:linear-gradient(#fae0c8,#f5c896 10%,#eec190 30%,#ecaeb5 65%,#d6bbe0 85% 92%,#6e57cf);position:absolute;inset:0;overflow:hidden}.resource-paper{-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffffa6;border-radius:1.5rem;padding:2rem 1.25rem;box-shadow:0 32px 70px -32px #78461438,0 14px 32px -18px #1e1e1e1a}@media(min-width:640px){.resource-paper{border-radius:1.75rem;padding:2.5rem 1.75rem}}@media(min-width:768px){.resource-paper{padding:3rem 2.5rem}}@media(min-width:1024px){.resource-paper{border-radius:2rem;padding:3.5rem}}@media(min-width:1280px){.resource-paper{padding:4rem 4.5rem}}.resource-hero{flex-direction:column;gap:1rem;display:flex}.resource-hero__breadcrumbs{border-bottom:1px solid #1e1e1e1a;margin:-2rem -1.25rem 1rem;padding:.625rem 1.25rem}@media(min-width:640px){.resource-hero__breadcrumbs{margin:-2.5rem -1.75rem 1rem;padding:.6875rem 1.75rem}}@media(min-width:768px){.resource-hero__breadcrumbs{margin:-3rem -2.5rem 1rem;padding:.6875rem 2.5rem}}@media(min-width:1024px){.resource-hero__breadcrumbs{margin:-3.5rem -3.5rem 1.25rem;padding:.75rem 3.5rem}}@media(min-width:1280px){.resource-hero__breadcrumbs{margin:-4rem -4.5rem 1.25rem;padding:.875rem 4.5rem}}.resource-hero__breadcrumbs>nav{margin-bottom:0}.resource-hero__meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.875rem;display:flex}.resource-hero__meta-sep{color:#1e1e1e59}.resource-hero__row{grid-template-columns:1fr;align-items:start;gap:2rem;margin-top:.75rem;display:grid}@media(min-width:1024px){.resource-hero__row:has(.resource-hero__right){grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:3rem}}.resource-hero__left{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.resource-hero__cta{margin-top:.5rem}.resource-hero__right{width:100%}.resource-hero__image-frame{border:1px solid #fff9;border-radius:1.25rem;margin:0;overflow:hidden;box-shadow:0 24px 60px -28px #7846144d,0 12px 28px -14px #1e1e1e2e}.resource-hero__img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:100%;display:block}.resource-hero__title{font-family:var(--font-heading),var(--font-sans),system-ui,sans-serif;letter-spacing:-.022em;margin:0;font-size:clamp(2rem,1.4rem + 1.8vw,2.875rem);font-weight:500;line-height:1.12}.resource-hero__lede{font-family:var(--font-sans),system-ui,sans-serif;max-width:60ch;margin:0;font-size:clamp(1rem,.9286rem + .3571cqi,1.25rem);font-weight:400;line-height:1.55}.resource-type-pill{color:var(--color-brand-violet);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #6f58ce47;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .75rem .4rem .625rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 6px 14px -10px #6f58ce59,inset 0 1px #ffffff8c}.resource-type-pill__icon{flex-shrink:0;width:.875rem;height:.875rem}@media(min-width:640px){.resource-type-pill{padding:.45rem .875rem .45rem .75rem;font-size:.75rem}.resource-type-pill__icon{width:.9375rem;height:.9375rem}}.resource-hero__byline{align-items:center;gap:.75rem;margin-top:1.75rem;font-size:.9375rem;display:flex}@media(min-width:768px){.resource-hero__byline{margin-top:2.25rem}}.resource-hero__byline-text{font-weight:500;line-height:1.3}.resource-byline-avatar{background:#ffffffb8;border:1px solid #ffffffb3;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;box-shadow:0 4px 10px -6px #7846142e,inset 0 1px #ffffff8c}.resource-byline-avatar--photo{object-fit:cover;background:#ffffff80}.resource-paper__body{border-top:1px solid #6f58ce24;margin-top:3rem;padding-top:3rem}@media(min-width:768px){.resource-paper__body{margin-top:3.5rem;padding-top:3.5rem}}@media(min-width:1024px){.resource-paper__body{margin-top:4rem;padding-top:4rem}}.resource-paper__main{min-width:0}@media(min-width:1024px){.resource-paper__body--with-aside{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:3rem;display:grid}}@media(min-width:1280px){.resource-paper__body--with-aside{grid-template-columns:minmax(0,1fr) 280px;gap:3.5rem}}.resource-paper__footer{border-top:1px solid #6f58ce1f;margin-top:3rem;padding-top:2rem}@media(min-width:768px){.resource-paper__footer{margin-top:3.5rem}}.resource-aside{scrollbar-width:thin;scrollbar-color:#6f58ce40 transparent;align-self:start;min-width:0;max-height:calc(100vh - 8rem);padding-right:.25rem;position:sticky;top:6rem;overflow-y:auto}.resource-aside::-webkit-scrollbar{width:6px}.resource-aside::-webkit-scrollbar-thumb{background:#6f58ce40;border-radius:3px}.resource-aside__sticky{flex-direction:column;gap:1.5rem;display:flex}.resource-toc{font-family:var(--font-sans),system-ui,sans-serif}.resource-toc--inline{background:#fff9;border:1px solid #6f58ce2e;border-radius:.875rem;margin:0 0 2rem;padding:1rem 1.125rem}.resource-toc__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-violet);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.resource-toc__list{border-left:1px solid #6f58ce33;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resource-toc__item{margin:0}.resource-toc__link{color:#1e1e1e9e;transition:color var(--timing-default-quarter);padding:.375rem 0 .375rem .875rem;font-size:.875rem;line-height:1.45;text-decoration:none;display:block;position:relative}.resource-toc__link:before{content:"";width:2px;transition:background-color var(--timing-default-quarter);background:0 0;border-radius:2px;position:absolute;top:.5rem;bottom:.5rem;left:-1px}.resource-toc__item--depth-3 .resource-toc__link{color:#1e1e1e8c;padding-left:1.75rem;font-size:.8125rem}.resource-toc__item--depth-4 .resource-toc__link{color:#1e1e1e80;padding-left:2.5rem;font-size:.8125rem}.resource-toc__item--depth-5 .resource-toc__link{color:#1e1e1e7a;padding-left:3rem;font-size:.75rem}.resource-toc__link:hover{color:var(--color-fg)}.resource-toc__link.is-active{color:var(--color-brand-violet);font-weight:500}.resource-toc__link.is-active:before{background:var(--color-brand-violet)}.resource-toc__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.resource-toc-cta{background:linear-gradient(160deg,#ffe5a8b3,#eec19080);border:1px solid #ffffffa6;border-radius:1rem;flex-direction:column;gap:.875rem;padding:1.25rem;display:flex;box-shadow:0 18px 38px -26px #78461452,0 6px 14px -10px #1e1e1e1f}.resource-toc-cta__image{aspect-ratio:1200/630;object-fit:cover;border:1px solid #ffffffa6;border-radius:.75rem;width:100%;margin:0;display:block;box-shadow:0 8px 18px -14px #1e1e1e40}.resource-toc-cta__text{color:var(--color-fg);margin:0;font-size:.9375rem;line-height:1.5}.resource-toc-cta__button{background:var(--color-intent);height:2.5rem;color:var(--color-fg-on-intent);transition:background-color var(--timing-default-quarter),transform var(--timing-default-quarter);border-radius:9999px;align-self:flex-start;align-items:center;gap:.4rem;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px -16px #6f58ce8c}.resource-toc-cta__button:hover{background:var(--color-intent-hover);transform:translateY(-1px)}.resource-toc-cta__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.resource-toc__link,.resource-toc__link:before,.resource-toc-cta__button{transition:none}.resource-toc-cta__button:hover{transform:none}}.resource-prose{color:var(--color-fg);line-height:1.7}.resource-prose :where(p){color:#1e1e1ebf;font-size:clamp(.9375rem,.8839rem + .2679cqi,1.125rem);line-height:1.7}@supports (color:color-mix(in lab,red,red)){.resource-prose :where(p){color:color-mix(in oklab,var(--color-fg) 75%,transparent)}}.resource-prose :where(p){margin:1.25rem 0}.resource-prose :where(p:first-child),.resource-prose :where(h2:first-child,h3:first-child){margin-top:0}.resource-prose :where(h2){font-family:var(--font-heading),var(--font-sans),system-ui,sans-serif;letter-spacing:-.018em;color:var(--color-fg);margin-top:4.5rem;margin-bottom:1.25rem;font-size:clamp(1.625rem,1.25rem + 1.2vw,2.125rem);font-weight:500;line-height:1.22}.resource-prose :where(h3){font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:-.014em;color:var(--color-fg);margin-top:3rem;margin-bottom:.875rem;font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);font-weight:600;line-height:1.28}.resource-prose :where(h4){font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:-.01em;color:var(--color-fg);margin-top:2.25rem;margin-bottom:.625rem;font-size:clamp(1.1875rem,1rem + .5vw,1.375rem);font-weight:600;line-height:1.3}.resource-prose :where(h5){font-family:var(--font-sans),system-ui,sans-serif;color:var(--color-fg);margin-top:1.875rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.35}.resource-prose :where(h6){font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-violet);margin-top:2rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.resource-prose :where(ul,ol){color:#1e1e1ebf;font-size:clamp(.9375rem,.8839rem + .2679cqi,1.125rem);line-height:1.65}@supports (color:color-mix(in lab,red,red)){.resource-prose :where(ul,ol){color:color-mix(in oklab,var(--color-fg) 75%,transparent)}}.resource-prose :where(ul,ol){margin:1.25rem 0;padding-left:1.5rem}.resource-prose :where(ul){list-style:outside}.resource-prose :where(ol){list-style:decimal}.resource-prose :where(li){margin:.5rem 0}.resource-prose :where(li>ul,li>ol){margin:.25rem 0}.resource-prose :where(li)::marker{color:var(--color-brand-violet)}.resource-prose :where(a){color:var(--color-brand-violet);-webkit-text-decoration:underline #6f58ce66;text-decoration:underline #6f58ce66}@supports (color:color-mix(in lab,red,red)){.resource-prose :where(a){-webkit-text-decoration-color:color-mix(in srgb,var(--color-brand-violet) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--color-brand-violet) 40%,transparent)}}.resource-prose :where(a){text-underline-offset:3px;transition:text-decoration-color var(--timing-default-quarter),color var(--timing-default-quarter);text-decoration-thickness:1px}.resource-prose :where(a:hover){color:var(--color-intent-hover);text-decoration-color:currentColor}.resource-prose :where(strong){color:var(--color-fg);font-weight:600}.resource-prose :where(blockquote){border-left:3px solid var(--color-brand-violet);-webkit-backdrop-filter:blur(8px);font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-fg);background:#ffffff8c;border-radius:0 1rem 1rem 0;margin:1.75rem 0;padding:1.25rem 1.5rem;font-size:clamp(.9375rem,.8839rem + .2679cqi,1.125rem);line-height:1.55}.resource-prose :where(blockquote p){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.resource-prose :where(blockquote p+p){margin-top:.75rem}.resource-prose :where(hr){border:0;border-top:1px solid #6f58ce33;margin:3.5rem 0}.resource-prose :where(img){aspect-ratio:1200/630;object-fit:cover;border:1px solid #fff9;border-radius:1rem;width:100%;margin:2rem auto;display:block;box-shadow:0 16px 40px -24px #1e1e1e33}.resource-prose :where(figure){margin:2rem 0}.resource-prose :where(figcaption){text-align:center;color:var(--color-fg-muted);margin-top:.625rem;font-size:clamp(.8125rem,.7768rem + .1786cqi,.9375rem);line-height:1.5}.resource-prose :where(p,li,h1,h2,h3,h4,h5,h6,td,th)>:where(code){color:var(--color-brand-violet);font-size:.92em;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#ffffffbf;border:1px solid #6f58ce38;border-radius:5px;padding:.075rem .45rem}.resource-prose :where(p).has-code-block{margin:1.5rem 0}.resource-prose :where(code).is-code-block{color:var(--color-fg);font-family:var(--font-mono);letter-spacing:0;white-space:pre;-webkit-overflow-scrolling:touch;tab-size:2;text-transform:none;background:#ffffffe6;border:1px solid #1e1e1e1f;border-radius:.875rem;max-width:100%;margin:0;padding:1rem 1.125rem;font-size:clamp(.8125rem,.7768rem + .1786cqi,.9375rem);line-height:1.5;display:block;overflow-x:auto;box-shadow:0 18px 40px -24px #1e1e1e52,0 6px 16px -12px #1e1e1e2e}@media(min-width:640px){.resource-prose :where(code).is-code-block{border-radius:1rem;padding:1.25rem 1.5rem;font-size:clamp(.8125rem,.7768rem + .1786cqi,.9375rem);line-height:1.5}}.resource-prose :where(code,pre).is-copyable{cursor:pointer;transition:background-color var(--timing-default-quarter),border-color var(--timing-default-quarter),box-shadow var(--timing-default-quarter)}.resource-prose :where(p,li,h1,h2,h3,h4,h5,h6,td,th)>:where(code).is-copyable:hover,.resource-prose :where(p,li,h1,h2,h3,h4,h5,h6,td,th)>:where(code).is-copyable:focus-visible{background:#fffffff2;border-color:#6f58ce73}.resource-prose :where(code).is-copyable:focus-visible,.resource-prose :where(pre).is-copyable:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.resource-prose :where(pre).is-copyable{position:relative}.resource-prose :where(pre).is-copyable:hover{border-color:#6f58ce59;box-shadow:0 22px 50px -26px #1e1e1e5c,0 8px 18px -12px #6f58ce38}.copy-tooltip{z-index:80;color:#fff;font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--timing-default-quarter),transform var(--timing-default-quarter);background:#1e1e1eeb;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex;position:fixed;transform:translateY(4px);box-shadow:0 12px 28px -14px #00000073,0 4px 10px -4px #00000040}.copy-tooltip[data-visible=true]{opacity:1;transform:translateY(0)}.copy-tooltip[data-state=copied]{background:var(--color-brand-violet)}.copy-tooltip svg{flex-shrink:0;width:.875rem;height:.875rem}@media(prefers-reduced-motion:reduce){.copy-tooltip{transition:opacity var(--timing-default-quarter);transform:none}.copy-tooltip[data-visible=true]{transform:none}}.resource-prose :where(pre.astro-code),.resource-prose :where(pre){-webkit-overflow-scrolling:touch;max-width:100%;font-family:var(--font-mono);tab-size:2;border:1px solid #1e1e1e1f;border-radius:.875rem;margin:1.5rem 0;padding:1rem 1.125rem;font-size:clamp(.8125rem,.7768rem + .1786cqi,.9375rem);line-height:1.5;overflow-x:auto;box-shadow:0 18px 40px -24px #1e1e1e52,0 6px 16px -12px #1e1e1e2e}@media(min-width:640px){.resource-prose :where(pre.astro-code),.resource-prose :where(pre){border-radius:1rem;margin:1.75rem 0;padding:1.25rem 1.5rem;font-size:clamp(.8125rem,.7768rem + .1786cqi,.9375rem);line-height:1.5}}.resource-prose :where(pre code){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;padding:0;display:block}.resource-prose :where(pre code .line){min-height:1.65em;display:block}.resource-prose :where(pre:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.resource-prose :where(table){border-collapse:separate;border-spacing:0;-webkit-overflow-scrolling:touch;background:#ffffffb8;border:1px solid #6f58ce2e;border-radius:.875rem;width:100%;max-width:100%;margin:1.75rem 0;font-size:clamp(.875rem,.8393rem + .1786cqi,1rem);line-height:1.5;display:block;overflow:auto hidden;box-shadow:0 14px 32px -20px #1e1e1e2e}.resource-prose :where(th,td){text-align:left;vertical-align:top;border-bottom:1px solid #6f58ce24;padding:.875rem 1.125rem}.resource-prose :where(th){font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-violet);background:#6f58ce14;border-bottom-color:#6f58ce40;font-size:.75rem}.resource-prose :where(tbody tr:nth-child(2n)){background:#ffffff73}.resource-prose :where(tbody tr:hover){background:#6f58ce0f}.resource-prose :where(tr:last-child td){border-bottom:0}@media(prefers-reduced-motion:reduce){.resource-prose :where(a){transition:none}}