.blog-site{background:#fafafd;min-height:100dvh}.draft-notice{color:#94742d;background:#fcf6e9;border:1px solid #ead8ac;border-radius:10px;align-items:center;gap:15px;width:min(1130px,100% - 38px);margin:16px auto 0;padding:13px 18px;font-size:13px;line-height:1.8;display:flex}.draft-notice strong{white-space:nowrap;font-weight:550}@media (width<=600px){.draft-notice{display:block}.draft-notice span{margin-top:4px;display:block}}.blog-site .main-nav a[aria-current=page]{color:#7952b0}.blog-site .main-nav a[aria-current=page]:after{transform:scaleX(1)}.blog-main{width:min(1080px,100% - 112px);min-height:calc(100dvh - 230px);margin:0 auto;padding:60px 0 82px}.blog-home-link{color:#9a8ba9;align-items:center;gap:7px;margin-bottom:36px;font-size:13px;display:inline-flex}.blog-home-link svg{rotate:-45deg}.blog-eyebrow{color:#9b83ae;letter-spacing:1.8px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;font-size:12px;display:flex}.blog-eyebrow>span:last-child{color:#aaa0b3;letter-spacing:1px}.blog-heading h1{letter-spacing:-2px;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:1.35}.blog-heading h1 em,.blog-not-found h1 em{-webkit-text-fill-color:currentColor;color:#9275b1;background:0 0;font-weight:500;animation:none}.blog-heading>p{color:#807587;margin-top:25px;font-size:17px;line-height:1.9}.post-index{margin-top:58px}.post-index-heading{border-bottom:1px solid #e6dfec;justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;display:flex}.post-index-heading h2{letter-spacing:0;font-size:19px;font-weight:500}.post-index-heading>span{color:#a798b2;letter-spacing:.6px;font-size:12px}.post-list{margin:0;padding:0;list-style:none}.post-card{border-bottom:1px solid #e9e1ef;grid-template-columns:160px minmax(0,1fr) 42px;align-items:start;gap:30px;padding:35px 4px;display:grid;position:relative}.post-card-meta{color:#8d7b9b;flex-direction:column;gap:8px;padding-top:5px;font-size:13px;line-height:1.7;display:flex}.post-card-meta>span{color:#aa99b4;font-size:12px}.post-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.post-tag{color:#9473a5;background:#f1eaf7;border:1px solid #e8ddf1;border-radius:6px;align-items:center;padding:3px 9px;font-size:12px;font-weight:400;line-height:1.7;display:inline-flex}.post-card h2{letter-spacing:-.45px;overflow-wrap:anywhere;margin:12px 0 9px;font-size:25px;font-weight:500;line-height:1.55}.post-card h2 a{transition:color .2s}.post-card h2 a:hover{color:#8756b7}.post-card-copy>p{color:#887792;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.post-card-author{color:#ad9ab7;margin-top:16px;font-size:12px;display:block}.post-card-arrow{color:#ac8ec1;border:1px solid #e5d7ee;border-radius:100%;align-self:center;place-items:center;width:39px;height:39px;transition:background .2s,rotate .25s;display:grid}.post-card-arrow:hover{background:#eee1f7;rotate:-35deg}.blog-empty{text-align:center;background:linear-gradient(140deg,#fff,#faf7fd);border:1px solid #e8e0f1;border-radius:19px;margin-top:24px;padding:43px 24px 39px}.blog-empty-symbol{color:#ae8fca;background:#f7f0fc;border:1px solid #e6d9f0;border-radius:17px;place-items:center;width:66px;height:66px;margin-bottom:23px;display:inline-grid;rotate:-5deg;box-shadow:0 7px 15px #60368306}.empty-overline{letter-spacing:1.8px;color:#b19ac0;margin-bottom:14px;font-size:11px;display:block}.blog-empty h3{color:#72607e;font-size:22px;font-weight:500;line-height:1.6}.blog-empty>p{color:#a08bac;margin-top:10px;font-size:15px;line-height:1.9}.blog-empty>.text-link{color:#9570ae;margin-top:24px;font-size:14px}.blog-not-found{padding-top:105px;padding-bottom:125px}.blog-not-found h1{letter-spacing:-1px;font-size:58px;line-height:1.4}.blog-not-found>p{color:#9d88a9;margin:25px 0 32px;font-size:17px;line-height:1.8}.article-main{width:min(1130px,100% - 112px);min-height:calc(100dvh - 225px);margin:auto;padding:38px 0 65px}.article-back{color:#9576a9;align-items:center;gap:9px;margin-bottom:35px;font-size:14px;display:inline-flex}.article-back>svg{rotate:180deg}.article-header{max-width:820px;padding-bottom:39px}.article-header h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:18px 0;font-size:clamp(32px,3.7vw,48px);font-weight:500;line-height:1.4}.article-description{color:#9b83a9;margin-bottom:25px;font-size:18px;line-height:1.85}.article-meta{color:#9d82ad;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;line-height:1.8;display:flex}.author-dot{background:#b293d3;border-radius:100%;width:8px;height:8px;margin-right:5px;box-shadow:0 0 0 4px #f1e7f9}.meta-separator{color:#c8b5d4;padding-inline:4px}.article-reading{color:#ad96bb;align-items:center;gap:6px;margin-left:13px;font-size:12px;display:inline-flex}.article-layout{border-top:1px solid #e6dcec;grid-template-columns:minmax(0,1fr) 214px;align-items:start;gap:66px;padding-top:36px;display:grid}.article-layout.without-toc{max-width:820px;display:block}.article-body{color:#63566b;overflow-wrap:anywhere;min-width:0;font-size:17px;line-height:1.95}.article-body p{margin:0 0 23px}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:#4c3a57;letter-spacing:-.3px;scroll-margin-top:10px;font-weight:550;line-height:1.5}.article-body h1,.article-body h2{margin:47px 0 19px;font-size:28px}.article-body h3{margin:31px 0 15px;font-size:22px}.article-body h4{margin:27px 0 14px;font-size:19px}.article-body>:first-child{margin-top:0}.article-body h1 em{-webkit-text-fill-color:currentColor;background:0 0;animation:none}.article-body a{color:#8c5ab0;text-underline-offset:4px;-webkit-text-decoration:underline #d9c3e8;text-decoration:underline #d9c3e8}.article-body a:hover{text-decoration-color:#996abc}.article-body strong{color:#56425f;font-weight:600}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:25px}.article-body li{margin:7px 0;padding-left:4px}.article-body li::marker{color:#b59ac6}.article-body blockquote{color:#9372a4;background:#f4edf8;border-left:3px solid #c4a6da;border-radius:0 10px 10px 0;margin:25px 0;padding:16px 23px}.article-body blockquote>:last-child{margin-bottom:0}.article-body :not(pre)>code{color:#8a5e9f;background:#f0e8f5;border:1px solid #e8ddef;border-radius:5px;padding:.15em .4em;font:.86em/1.6 Consolas,Cascadia Code,monospace}.article-body table{border-collapse:collapse;width:max-content;max-width:100%;margin:27px 0;font-size:15px;display:block;overflow:auto}.article-body th,.article-body td{text-align:left;vertical-align:top;border:1px solid #e3d6eb;padding:11px 16px}.article-body th{color:#80618f;background:#efe6f6;font-weight:550}.article-body tr:nth-child(2n){background:#f8f4fb}.article-body img{border:1px solid #e9ddef;border-radius:10px;max-width:100%;height:auto;margin:28px auto}.article-body hr{background:#e4d5ec;border:0;height:1px;margin:39px 0}.code-block{background:#282331;border:1px solid #3b2c46;border-radius:12px;margin:27px 0;overflow:hidden;box-shadow:0 8px 17px #39243d07}.code-bar{background:#302837;border-bottom:1px solid #d6b3e10b;justify-content:space-between;align-items:center;gap:15px;padding:10px 16px;display:flex}.code-bar>span{color:#c5a7d3;letter-spacing:.5px;font:12px/1.5 Consolas,Cascadia Code,monospace}.code-bar>button{color:#c5a6d2;background:#493652;border:1px solid #8f65a13b;border-radius:6px;min-height:29px;padding:4px 9px;font-size:12px}.code-bar>button:hover{color:#fff;background:#5a4069}.article-body pre{tab-size:2;overscroll-behavior-x:contain;max-width:100%;margin:0;padding:21px 23px;line-height:1.8;overflow:auto}.article-body pre code{color:#e5dce9;white-space:pre;overflow-wrap:normal;word-break:normal;min-width:max-content;font:14px/1.8 Consolas,Cascadia Code,monospace;display:block}.hljs-comment,.hljs-quote{color:#a993b5;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-meta{color:#c7a2ec}.hljs-string,.hljs-regexp,.hljs-addition{color:#b3d5b4}.hljs-title,.hljs-section,.hljs-built_in{color:#9dcee8}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#e7c390}.hljs-attr,.hljs-attribute,.hljs-type{color:#d4b4e4}.hljs-variable,.hljs-template-variable,.hljs-deletion{color:#e8abb5}.article-toc{border-left:1px solid #e5d5ee;max-height:calc(100dvh - 160px);padding-left:21px;position:sticky;top:125px;overflow:auto}.article-toc summary{color:#9b76ae;letter-spacing:.7px;cursor:pointer;padding:2px 0 15px;font-size:13px;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary>span{display:none}.article-toc nav{gap:3px;display:grid}.article-toc a{color:#aa8abb;overflow-wrap:anywhere;padding:6px 0;font-size:13px;line-height:1.7;transition:color .2s;display:block}.article-toc .toc-level-3{color:#b79ac6;padding-left:12px;font-size:12px}.article-toc a:hover,.article-toc a[aria-current=location]{color:#87569f}.article-toc a[aria-current=location]{font-weight:600}.article-bottom{color:#ab88bd;border-top:1px solid #e8d8f0;justify-content:space-between;align-items:center;gap:24px;max-width:850px;margin-top:43px;padding-top:24px;font-size:13px;display:flex}.related-posts{border-top:1px solid #e8d8f0;margin-top:55px;padding-top:27px}.related-posts>h2{letter-spacing:0;margin-bottom:20px;font-size:19px;font-weight:500}.related-posts>div{grid-template-columns:1fr 1fr;gap:19px;display:grid}.related-posts a{background:#fff;border:1px solid #e7d9ef;border-radius:13px;padding:23px;transition:border-color .2s;display:block;position:relative}.related-posts a:hover{border-color:#bea0d1}.related-posts a>span{color:#b293c2;font-size:12px}.related-posts h3{margin:10px 32px 0 0;font-size:19px;font-weight:500;line-height:1.6}.related-posts svg{color:#ad89c2;position:absolute;bottom:25px;right:23px}.copy-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.blog-main,.article-main{width:calc(100% - 80px)}.article-layout{grid-template-columns:minmax(0,1fr) 180px;gap:36px}.article-header{max-width:780px}.post-card{grid-template-columns:140px minmax(0,1fr) 37px;gap:23px}.article-body{font-size:16px}}@media (width<=850px){.blog-main,.article-main{width:calc(100% - 64px)}.blog-main{padding-top:42px}.blog-heading h1{font-size:51px}.article-layout{grid-template-columns:1fr;gap:27px}.article-toc{background:#f8f2fc;border:1px solid #e7d8f0;border-radius:12px;grid-row:1;max-height:none;padding:14px 18px;position:static}.article-toc summary{justify-content:space-between;align-items:center;padding:0;font-size:14px;display:flex}.article-toc summary>span{color:#b295c1;display:block}.article-toc details[open] summary{padding-bottom:10px}.article-toc a{font-size:14px}.article-toc .toc-level-3{font-size:13px}.article-header h1{font-size:38px}.article-description{font-size:17px}.article-bottom{max-width:none}.post-card{grid-template-columns:1fr 38px;gap:15px}.post-card-meta{flex-direction:row;grid-column:1/-1;gap:17px;font-size:12px}.post-card-copy{grid-column:1}.post-card-arrow{grid-column:2}.post-card h2{font-size:24px}.blog-eyebrow>span:last-child{display:none}}@media (width<=600px){.blog-main,.article-main{width:calc(100% - 38px)}.blog-main{padding-top:33px;padding-bottom:51px}.blog-home-link{margin-bottom:26px;font-size:12px}.blog-eyebrow{letter-spacing:1.4px;margin-bottom:21px;font-size:11px}.blog-heading h1{letter-spacing:-1.6px;font-size:42px;line-height:1.4}.blog-heading>p{margin-top:20px;font-size:16px;line-height:1.9}.post-index{margin-top:39px}.post-index-heading h2{font-size:18px}.post-index-heading{padding-bottom:15px}.blog-empty{border-radius:15px;margin-top:20px;padding:35px 17px 31px}.blog-empty-symbol{border-radius:15px;width:58px;height:58px;margin-bottom:22px}.blog-empty h3{font-size:21px}.blog-empty>p{font-size:15px}.post-card{gap:13px;padding:27px 0}.post-card h2{margin-top:10px;font-size:23px}.post-card-copy>p{font-size:16px}.post-card-arrow{width:34px;height:34px}.post-tag{padding:3px 7px;font-size:11px}.post-card-author{margin-top:12px}.article-main{padding-top:26px;padding-bottom:47px}.article-back{margin-bottom:27px;font-size:13px}.article-header{padding-bottom:28px}.article-header h1{letter-spacing:-.6px;margin:17px 0;font-size:32px;line-height:1.45}.article-description{margin-bottom:22px;font-size:16px;line-height:1.85}.article-meta{gap:7px;font-size:12px}.article-reading{margin-left:4px;font-size:12px}.article-layout{gap:29px;padding-top:26px}.article-body{font-size:16px;line-height:1.95}.article-body h1,.article-body h2{margin:36px 0 17px;font-size:25px}.article-body h3{font-size:21px}.article-body pre{padding:17px}.article-body pre code{font-size:13px}.code-bar{padding:9px 12px}.article-body th,.article-body td{padding:10px 12px}.article-body blockquote{margin:23px 0;padding:15px 17px}.article-bottom{gap:14px;margin-top:34px;padding-top:22px;font-size:12px}.article-bottom .text-link{font-size:13px}.related-posts{margin-top:39px}.related-posts>div{grid-template-columns:1fr}.related-posts a{padding:21px}.related-posts h3{font-size:19px}.blog-not-found{padding-top:77px;padding-bottom:100px}.blog-not-found h1{font-size:40px}.blog-not-found>p{font-size:16px}}.blog-heading>p,.post-card-copy>p,.article-description,.article-meta,.post-card-meta,.blog-empty>p,.article-body,.question-answer p{color:#726879}.article-toc a,.article-toc .toc-level-3,.article-bottom,.post-card-author{color:#897392}.blog-site{background:#fff}.blog-heading h1,.blog-not-found h1{letter-spacing:-.045em;font-weight:600}.blog-heading h1 em,.blog-not-found h1 em{color:#929099;font-style:normal;font-weight:600}.blog-eyebrow,.blog-home-link,.post-card-meta,.post-card-author,.article-meta,.article-description{color:#93909a}.blog-heading>p,.post-card-copy>p,.article-body{color:#66616d}.blog-empty{background:#f6f6f8;border:0;border-radius:15px}.blog-empty-symbol{rotate:0;box-shadow:none;color:#91869f;background:#ecebf0;border:0}.blog-empty h3{color:#55505c}.blog-empty>p{color:#98919f}.post-tag{color:#92859d;background:#f3f2f5;border-color:#0000}.post-card{border-bottom-color:#e9e7ec}.article-layout,.post-index-heading{border-color:#e7e5eb}.article-header h1{color:#302a36;font-weight:600}.author-dot{box-shadow:none}