.JsT-Oq_blog{min-height:100vh}.JsT-Oq_blog a:focus-visible{outline:2px solid var(--hn-violet);outline-offset:4px}.JsT-Oq_skip{position:absolute;top:8px;left:-9999px}.JsT-Oq_skip:focus{z-index:100;background:var(--hn-surface);padding:8px 12px;left:8px}.JsT-Oq_intro{text-align:center;max-width:1200px;margin:0 auto;padding:75px 24px 65px}.JsT-Oq_blog .JsT-Oq_intro h1{letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(34px,3.8vw,46px);font-weight:400;line-height:1.1}.JsT-Oq_blog .JsT-Oq_intro p{color:var(--hn-muted);font-size:16px;line-height:1.7}.JsT-Oq_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.JsT-Oq_grid>article{border:1px solid var(--hn-line);background:var(--hn-surface);border-radius:22px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.JsT-Oq_grid>article:hover{border-color:#d4c9ed;box-shadow:0 8px 24px #35225808}.JsT-Oq_articleLink{flex-direction:column;height:100%;padding:8px;display:flex}.JsT-Oq_cover{isolation:isolate;background:radial-gradient(at 75% 8%,#ddd3ffb0,#0000 65%),radial-gradient(at 100% 85%,#dceaff,#0000 65%),linear-gradient(135deg,#faf9ff,#fff);border-radius:15px;flex-direction:column;justify-content:center;min-height:210px;padding:24px 22px;display:flex;position:relative;overflow:hidden}.JsT-Oq_cover:after{content:"";z-index:-1;background:linear-gradient(135deg,#d5c8ff66,#c7d9ff20);border:1px solid #ffffff70;border-radius:50%;width:270px;height:270px;position:absolute;top:38px;right:-105px}.JsT-Oq_coverBrand{color:#292331;letter-spacing:-.5px;align-items:center;gap:4px;margin-bottom:15px;font-size:14px;display:flex}.JsT-Oq_coverBrand>span{color:#8d8799;align-self:flex-end;margin-left:-3px;padding-bottom:2px;font-size:8px}.JsT-Oq_cover>div{letter-spacing:-1.1px;max-width:290px;font-size:25px;font-weight:450;line-height:1.15}.JsT-Oq_blog .JsT-Oq_cover>p{color:#716a80;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:240px;margin:9px 0 0;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.JsT-Oq_coverCategory{color:#9588aa;font-size:7px;position:absolute;top:14px;right:16px}.JsT-Oq_cardBody{flex-direction:column;flex:1;padding:18px 14px 13px;display:flex}.JsT-Oq_postMeta{color:#8b789f;align-items:center;gap:9px;margin-bottom:10px;font-size:10px;display:flex}.JsT-Oq_postMeta>span{color:#b4a9bf}.JsT-Oq_blog .JsT-Oq_articleLink h2{letter-spacing:-.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 11px;font-size:20px;font-weight:450;line-height:1.35;display:-webkit-box;overflow:hidden}.JsT-Oq_blog .JsT-Oq_articleLink .JsT-Oq_cardBody>p{color:var(--hn-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 22px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.JsT-Oq_cardFooter{color:#87818f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;font-size:10px;display:flex}.JsT-Oq_cardFooter>span{align-items:center;gap:6px;display:flex}.JsT-Oq_banner{background:#f8f6fc;border:1px solid #eae5f2;border-radius:24px;justify-content:space-between;align-items:center;gap:25px;max-width:1152px;margin:65px auto;padding:35px;display:flex}.JsT-Oq_blog .JsT-Oq_banner h2{letter-spacing:-1px;margin:0 0 10px;font-size:28px}.JsT-Oq_blog .JsT-Oq_banner p{color:#79717f;font-size:13px}.JsT-Oq_blog .JsT-Oq_banner>a{white-space:nowrap;background:var(--hn-btn-bg);color:var(--hn-btn-fg);border-radius:40px;padding:12px 20px;font-size:13px;box-shadow:0 3px 7px #0002}.JsT-Oq_articleHeader{max-width:830px;margin:50px auto 45px;padding:0 24px}.JsT-Oq_back{font-size:12px;color:#84788f!important}.JsT-Oq_articleHeader .JsT-Oq_postMeta{margin-top:35px}.JsT-Oq_blog .JsT-Oq_articleHeader h1{letter-spacing:-2px;margin:17px 0;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.12}.JsT-Oq_blog .JsT-Oq_articleHeader>p{color:var(--hn-muted);font-size:17px;line-height:1.7}.JsT-Oq_byline{align-items:center;gap:10px;margin-top:25px;display:flex}.JsT-Oq_byline>span{color:#865dcc;background:#eee7fc;border-radius:50%;padding:9px 12px;font-size:13px}.JsT-Oq_byline strong{font-size:12px;font-weight:500;display:block}.JsT-Oq_byline time{color:#95899f;margin-top:3px;font-size:11px;display:block}.JsT-Oq_articleLayout{grid-template-columns:minmax(0,740px) 220px;gap:60px;max-width:1050px;margin:0 auto;padding:0 24px;display:grid}.JsT-Oq_prose{min-width:0}.JsT-Oq_blog .JsT-Oq_prose h2{letter-spacing:-.8px;text-wrap:pretty;margin:35px 0 17px;scroll-margin-top:100px;font-size:26px;font-weight:450;line-height:1.3}.JsT-Oq_blog .JsT-Oq_prose p{color:#655e6e;margin:17px 0;font-size:15px;line-height:1.9}.JsT-Oq_blog .JsT-Oq_prose a{color:#7950cf;text-underline-offset:3px;text-decoration:underline}.JsT-Oq_prose strong{color:#443a4e;font-weight:600}.JsT-Oq_toc{border-left:1px solid #eee7f4;flex-direction:column;align-self:start;gap:15px;margin-top:40px;padding-left:20px;display:flex;position:sticky;top:110px}.JsT-Oq_toc strong{letter-spacing:1px;color:#a28bb4;font-size:9px;font-weight:500}.JsT-Oq_toc a{font-size:12px;line-height:1.5;color:#8b7c97!important}.JsT-Oq_articleCta{background:#faf7ff;border:1px solid #e8ddf6;border-radius:18px;margin-top:40px;padding:25px}.JsT-Oq_blog .JsT-Oq_articleCta h2{margin-top:0;font-size:24px}.JsT-Oq_blog .JsT-Oq_articleCta p,.JsT-Oq_blog .JsT-Oq_articleCta a{font-size:13px}.JsT-Oq_related{max-width:1152px;margin:75px auto}.JsT-Oq_blog .JsT-Oq_related>h2{letter-spacing:-1px;margin-bottom:24px;font-size:30px}.JsT-Oq_related>div{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.JsT-Oq_related a{border:1px solid #e9e2ef;border-radius:16px;padding:22px}.JsT-Oq_related small{color:#9b83af;font-size:10px}.JsT-Oq_blog .JsT-Oq_related h3{margin:12px 0;font-size:18px;line-height:1.5}.JsT-Oq_related span{color:#8b6aa9;font-size:11px}@media (max-width:1200px){.JsT-Oq_banner,.JsT-Oq_related{margin-left:24px;margin-right:24px}}@media (max-width:900px){.JsT-Oq_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.JsT-Oq_articleLayout{grid-template-columns:1fr;max-width:790px}.JsT-Oq_toc{display:none}.JsT-Oq_cover>div{font-size:26px}.JsT-Oq_intro{padding-top:55px;padding-bottom:45px}}@media (max-width:600px){.JsT-Oq_grid{grid-template-columns:1fr}.JsT-Oq_cover{min-height:220px}.JsT-Oq_intro{padding:45px 24px 35px}.JsT-Oq_intro p br{display:none}.JsT-Oq_blog .JsT-Oq_intro p{font-size:14px}.JsT-Oq_banner{flex-direction:column;align-items:flex-start;margin-top:40px;padding:25px}.JsT-Oq_related>div{grid-template-columns:1fr}.JsT-Oq_blog .JsT-Oq_articleHeader h1{letter-spacing:-1.2px}.JsT-Oq_blog .JsT-Oq_articleHeader>p{font-size:15px}.JsT-Oq_blog .JsT-Oq_prose p{font-size:14px}.JsT-Oq_cardFooter{font-size:11px}.JsT-Oq_blog .JsT-Oq_articleLink h2{-webkit-line-clamp:3}.JsT-Oq_articleHeader{margin-top:32px}.JsT-Oq_blog .JsT-Oq_prose h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.JsT-Oq_grid>article{transition:none}}.dark .JsT-Oq_grid>article:hover{border-color:#352b4c}.dark .JsT-Oq_cover{background:radial-gradient(at 75% 8%,#4b30a6b0,#0000 65%),radial-gradient(at 100% 85%,#11223b,#0000 65%),linear-gradient(135deg,#0d0a21,#121212)}.dark .JsT-Oq_cover:after{background:linear-gradient(135deg,#5033af66,#335bb020);border:1px solid #52525270}.dark .JsT-Oq_coverBrand{color:#efeef2}.dark .JsT-Oq_coverBrand>span{color:#9c97a5}.dark .JsT-Oq_blog .JsT-Oq_cover>p{color:#a6a2b0}.dark .JsT-Oq_coverCategory{color:#9b90ac}.dark .JsT-Oq_postMeta{color:#9e90ac}.dark .JsT-Oq_postMeta>span{color:#9e92aa}.dark .JsT-Oq_cardFooter{color:#9d99a3}.dark .JsT-Oq_banner{background:#161220;border:1px solid #272130}.dark .JsT-Oq_blog .JsT-Oq_banner p{color:#a6a1aa}.dark .JsT-Oq_back{color:#9e96a6!important}.dark .JsT-Oq_byline>span{color:#9373c9;background:#1d1330}.dark .JsT-Oq_byline time{color:#9f96a7}.dark .JsT-Oq_blog .JsT-Oq_prose p{color:#b7b3bc}.dark .JsT-Oq_blog .JsT-Oq_prose a{color:#8d6fcd}.dark .JsT-Oq_prose strong{color:#dad5de}.dark .JsT-Oq_toc{border-left:1px solid #271e2e}.dark .JsT-Oq_toc strong{color:#a08cb0}.dark .JsT-Oq_toc a{color:#9f95a8!important}.dark .JsT-Oq_articleCta{background:#130a23;border:1px solid #291d38}.dark .JsT-Oq_related a{border:1px solid #2c2533}.dark .JsT-Oq_related small{color:#a08cb0}.dark .JsT-Oq_related span{color:#9f88b4}