.blog-article{z-index:2;color:var(--indigo-deep,#14093c);isolation:isolate;background:#fafaf6;padding-top:clamp(96px,14vh,160px);position:relative}.blog-shell{padding:0 var(--container-pad) var(--section-pb)}.blog-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:clamp(40px,6vh,64px);padding-bottom:clamp(40px,6vh,64px);display:grid;position:relative}.blog-hero:after{content:"";left:calc(var(--container-pad) * -1);right:calc(var(--container-pad) * -1);pointer-events:none;background:#1409341f;height:1px;position:absolute;bottom:0}.blog-hero-info{flex-direction:column;order:1;gap:clamp(20px,3vh,28px);display:flex}.blog-title{font-family:var(--font-display);font-weight:var(--weight-normal,400);letter-spacing:-.015em;color:var(--indigo-deep,#14093c);text-wrap:balance;margin:0;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.1}.blog-meta{font-family:var(--font-sans);color:#14093499;flex-wrap:wrap;align-items:center;gap:12px;font-size:clamp(12px,1.05vw,14px);display:flex}.blog-meta time,.blog-meta .blog-read,.blog-meta .blog-updated{font-weight:500}.blog-meta .blog-dot{color:#14093440}.blog-category{color:var(--violet,#4f3cc9);font-family:var(--font-sans);letter-spacing:.04em;background:#4f3cc91a;border-radius:999px;align-self:flex-start;padding:7px 14px;font-size:clamp(11px,.9vw,13px);font-weight:600;display:inline-block}.blog-hero-image{aspect-ratio:16/11;background:linear-gradient(#eeedfe 0%,#d9d5f6 100%);border-radius:20px;order:2;overflow:hidden}.blog-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-body{grid-template-columns:minmax(180px,240px) minmax(0,1fr) 56px;align-items:start;gap:clamp(40px,5vw,96px);display:grid}.blog-toc{top:calc(var(--header-height,84px) + 32px);position:sticky}.blog-toc-list{font-family:var(--font-sans);flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blog-toc-link{color:#14093499;grid-template-columns:28px 1fr;align-items:start;gap:14px;font-size:clamp(12.5px,1.1vw,15px);line-height:1.4;text-decoration:none;transition:color .22s;display:grid}.blog-toc-link:hover{color:var(--indigo-deep,#14093c)}.blog-toc-num{color:#14093466;padding-top:1px;font-size:clamp(11px,.95vw,13px);font-weight:500;transition:color .22s}.blog-toc-text{font-weight:500}.blog-toc-link.is-active{color:var(--indigo-deep,#14093c)}.blog-toc-link.is-active .blog-toc-num{color:var(--violet,#4f3cc9);font-weight:700}.blog-toc-link.is-active .blog-toc-text{font-weight:600}.blog-prose{max-width:65ch;font-family:var(--font-sans);color:#2c2748;font-size:clamp(15.5px,1.35vw,19px);line-height:1.75}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{font-family:var(--font-display);font-weight:var(--weight-normal,400);letter-spacing:-.01em;color:var(--indigo-deep,#14093c);scroll-margin-top:calc(var(--header-height,84px) + 32px);margin:clamp(48px,6vh,72px) 0 18px;font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.2}.blog-prose h2:before{content:"";background:#1409341f;width:100%;height:1px;margin-bottom:clamp(28px,4vh,40px);display:block}.blog-prose h3{font-family:var(--font-display);font-weight:var(--weight-normal,400);letter-spacing:-.005em;color:var(--indigo-deep,#14093c);scroll-margin-top:calc(var(--header-height,84px) + 32px);margin:clamp(32px,4vh,48px) 0 14px;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.25}.blog-prose p{margin:0}.blog-prose a{color:var(--violet,#4f3cc9);text-underline-offset:3px;text-decoration:underline 1px;transition:color .2s}.blog-prose a:hover{color:var(--indigo-deep,#14093c)}.blog-prose strong{color:var(--indigo-deep,#14093c);font-weight:600}.blog-prose ul,.blog-prose ol{margin:0;padding-left:1.4em}.blog-prose li{margin:.4em 0}.blog-prose img{border-radius:16px;width:100%;height:auto;margin:clamp(24px,4vh,40px) 0}.blog-prose blockquote{text-align:center;border:none;margin:clamp(36px,5vh,56px) 0;padding:0;position:relative}.blog-prose blockquote:before{content:"“”";font-family:var(--font-display);letter-spacing:-.05em;color:var(--violet,#4f3cc9);margin-bottom:18px;font-size:clamp(2.4rem,4vw,3rem);line-height:.7;display:block}.blog-prose blockquote p{max-width:56ch;font-family:var(--font-display);font-weight:var(--weight-normal,400);color:var(--indigo-deep,#14093c);text-wrap:balance;margin:0 auto;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.45}.blog-prose blockquote cite,.blog-prose blockquote footer{font-family:var(--font-sans);color:#1409349e;margin-top:14px;font-size:13px;font-style:normal;font-weight:500;display:block}.blog-prose hr{background:#1409341a;border:none;height:1px;margin:clamp(48px,6vh,72px) 0}.blog-tags{border-top:1px solid #1409341a;flex-wrap:wrap;gap:8px;margin-top:clamp(48px,6vh,64px);padding-top:clamp(28px,4vh,40px);display:flex}.blog-tag{font-family:var(--font-sans);letter-spacing:.04em;color:var(--violet,#4f3cc9);background:#4f3cc90f;border:1px solid #4f3cc924;border-radius:999px;padding:5px 12px;font-size:clamp(10px,.85vw,12px);font-weight:600}.blog-byline{font-family:var(--font-sans);color:#1409348c;margin:clamp(28px,4vh,36px) 0 0;font-size:clamp(12px,1vw,14px)}.blog-byline span{color:var(--indigo-deep,#14093c);font-weight:600}.blog-share{top:calc(var(--header-height,84px) + 32px);flex-direction:column;align-items:center;gap:14px;display:flex;position:sticky}.blog-share-link{width:36px;height:36px;color:var(--indigo-deep,#14093c);cursor:pointer;background:0 0;border:1px solid #14093447;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.blog-share-link:hover{background:var(--indigo-deep,#14093c);border-color:var(--indigo-deep,#14093c);color:#fff;transform:translateY(-2px)}.blog-share-copied{background:var(--indigo-deep,#14093c);color:#fff;font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.blog-share-link.is-copied .blog-share-copied{opacity:1}.blog-back-to-top{z-index:80;color:var(--indigo-deep,#14093c);font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #1409341f;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:12px;font-weight:600;transition:background .2s,transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px -10px #1409342e}.blog-back-to-top:hover{background:var(--indigo-deep,#14093c);color:#fff;transform:translateY(-2px)}.blog-back-to-top[hidden]{display:none}@media (width<=1024px){.blog-body{grid-template-columns:minmax(0,1fr);gap:32px}.blog-toc{background:#fff;border:1px solid #14093414;border-radius:16px;order:1;padding:18px 22px;position:static}.blog-prose{order:2;max-width:none}.blog-share{border-top:1px solid #14093414;flex-flow:wrap;order:3;justify-content:flex-start;padding-top:clamp(16px,3vh,24px);position:static}}@media (width<=880px){.blog-article{padding-top:clamp(80px,11vh,120px)}.blog-hero{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:24px;padding-bottom:24px}.blog-hero-info{order:2;gap:14px}.blog-hero-image{aspect-ratio:4/3;border-radius:14px;order:1}.blog-title{font-size:clamp(1.55rem,6vw,2rem);line-height:1.12}.blog-meta{gap:8px}.blog-toc{border-radius:12px;padding:14px 18px}.blog-toc-list,.blog-share{gap:10px}.blog-share-link{width:32px;height:32px}.blog-share-link svg{width:12px;height:12px}.blog-body{gap:24px}}@media (width<=540px){.blog-article{padding-top:clamp(72px,10vh,96px)}.blog-hero{gap:16px;margin-bottom:20px;padding-bottom:20px}.blog-hero-info{gap:12px}.blog-title{font-size:clamp(1.4rem,6.5vw,1.85rem)}.blog-back-to-top{padding:9px 14px;font-size:11px;bottom:18px;right:18px}.blog-back-to-top svg{width:10px;height:10px}}.blog-related{z-index:2;color:var(--indigo-deep);padding:clamp(56px, 9vh, 96px) var(--container-pad) clamp(72px, 11vh, 120px);background:#fafaf6;border-top:1px solid #1409341a;position:relative}.blog-related-head{justify-content:space-between;align-items:center;gap:24px;margin:0 0 clamp(28px,4vh,44px);display:flex}.blog-related-title{font-family:var(--font-display);font-weight:var(--weight-normal);font-size:var(--text-h2);line-height:var(--leading-heading);letter-spacing:var(--track-snug);color:var(--indigo-deep);margin:0}.blog-related-cta{background:var(--indigo-deep);color:var(--mist);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:background .24s ease-out,transform .24s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.blog-related-cta:hover{background:var(--violet);transform:translateY(-1px)}.blog-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}@media (width<=1024px){.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-related-head{flex-direction:column;align-items:flex-start;gap:14px}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=380px){.blog-related-grid{gap:8px}}.blog-related .reveal-up{opacity:0;transition:opacity .9s var(--ease-out-expo,ease-out), transform .9s var(--ease-out-expo,ease-out);transform:translateY(28px)}.blog-related.is-revealed .reveal-up{opacity:1;transform:none}.blog-related-grid .article-card{opacity:0;clip-path:inset(0 100% 0 0)}@media (prefers-reduced-motion:reduce){.blog-related .reveal-up{opacity:1;transition:none;transform:none}.blog-related-grid .article-card{opacity:1;clip-path:none}}