.content-site{background:#fff;color:#132236;overflow-x:clip}.content-site main{min-height:65vh}.content-hero{position:relative;padding:52px 0 58px;border-bottom:1px solid #edf0fa;background:radial-gradient(ellipse at 75% 0,#b9eaff70,transparent 60%),linear-gradient(110deg,#f4efff,#f3faff);overflow:hidden}.content-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.content-crumb{font-size:13px;color:#718197;margin-bottom:38px;display:flex;gap:12px}.content-crumb a{color:inherit}.content-hero .content-eyebrow{font-size:12px;font-weight:650;color:#7155d9;letter-spacing:1.2px}.content-hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.3;letter-spacing:-1.2px;margin:16px 0 18px;max-width:870px}.content-hero p{font-size:16px;color:#586b80;line-height:1.8;max-width:760px;margin:0}.content-search{display:flex;align-items:center;gap:14px;margin:30px 0 0;max-width:490px;border:1px solid #e4def4;background:#ffffffcf;border-radius:12px;padding:10px 16px}.content-search input{border:0;background:none;outline:0;width:100%;font:inherit;font-size:14px;color:#26384f}.content-search button{border:0;background:none;color:#6951d7;font:inherit;cursor:pointer;white-space:nowrap}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:56px;padding-top:36px;padding-bottom:80px}.content-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.content-tabs button,.content-pagination button{font:inherit;font-size:13px;padding:10px 18px;border:1px solid #e8e9f2;background:#fff;border-radius:9px;color:#53667d;cursor:pointer;transition:.2s}.content-tabs button.active,.content-pagination button.active{background:#6955e6;border-color:#6955e6;color:#fff;box-shadow:0 5px 16px #6955e621}.content-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #eef0f5;text-decoration:none;color:inherit}.content-cover{position:relative;height:155px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#def6ff,#eee5ff);display:flex;align-items:center;justify-content:center}.content-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.content-row:hover .content-cover img{transform:scale(1.04)}.content-cover.is-placeholder:before,.content-cover.is-placeholder:after{content:"";position:absolute;width:135px;height:135px;border:25px solid #ffffff80;border-radius:50%;right:-35px;top:-42px}.content-cover.is-placeholder:after{width:75px;height:75px;top:auto;bottom:-40px;left:-20px;border-color:#a6dfff55}.content-cover strong{color:#6750c6;font-size:22px;letter-spacing:-1px;z-index:1}.content-row h2{font-size:20px;line-height:1.5;margin:3px 0 10px;transition:color .2s}.content-row:hover h2{color:#7155d9}.content-row p{font-size:14px;line-height:1.9;color:#627287;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#7b8799;font-size:12px;margin-top:18px}.content-tag{color:#7057d4;background:#f1edff;padding:5px 9px;border-radius:5px}.content-aside{align-self:start;position:sticky;top:110px}.content-aside-box{background:#f7f7fc;padding:25px;border-radius:18px;margin-bottom:20px}.content-aside h2{font-size:16px;margin:0 0 20px}.content-aside p{font-size:13px;line-height:1.8;color:#65758a}.content-aside a{display:block;font-size:14px;line-height:1.8;margin:12px 0;color:#465a74}.content-aside a:hover{color:#7057d4}.content-aside .aside-brand{width:68px;height:68px;object-fit:contain;margin-bottom:12px}.content-pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:32px}.content-pagination button:disabled{opacity:.4;cursor:default}.content-pagination span{font-size:13px;color:#66788d;padding:0 8px}.tutorial-heading{font-size:23px;margin:0 0 8px}.tutorial-subheading{font-size:14px;color:#6a7d92;margin:0 0 24px}.tutorial-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}.tutorial-featured a{padding:23px;border:1px solid #e8e6f3;border-radius:13px;display:flex;flex-direction:column;gap:12px;color:#25354e;min-height:160px;transition:.25s;background:linear-gradient(150deg,#fff,#f9f7ff)}.tutorial-featured a:hover{border-color:#a799ec;transform:translateY(-3px);box-shadow:0 10px 35px #5848a00b}.tutorial-featured b{font-size:16px;line-height:1.5}.tutorial-featured small{color:#6c7c91;line-height:1.8}.tutorial-featured span{color:#7760d9;margin-top:auto}.tutorial-group{padding:25px;border:1px solid #e8eaf3;border-radius:15px;margin-bottom:18px}.tutorial-group h3{font-size:17px;margin:0 0 15px}.tutorial-group a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;color:#546880;border-top:1px solid #f0f1f7;font-size:14px}.tutorial-group a:hover{color:#7155d9}.updates-layout{grid-template-columns:195px minmax(0,1fr);gap:46px}.update-sidebar{position:sticky;top:112px;align-self:start;border-right:1px solid #ececf5;padding-right:22px}.update-sidebar h2{font-size:12px;color:#7c879a;margin:12px 0 16px}.update-sidebar button{display:block;border:0;border-radius:8px;background:none;color:#53617c;font:inherit;font-size:14px;text-align:left;padding:12px 15px;width:100%;margin-bottom:4px;cursor:pointer}.update-sidebar button.active{background:#f0ebff;color:#7256df;font-weight:650}.update-sidebar .filter-group{margin-top:28px}.update-list h2{font-size:25px;margin:0 0 28px}.update-year{display:flex;gap:20px;align-items:center;font-size:25px;margin:32px 0 22px}.update-year:after{content:"";flex:1;height:1px;background:#e9e9f4}.update-card{padding:32px;border:1px solid #e8e9f2;border-radius:18px;box-shadow:0 12px 35px #35457405;margin-bottom:24px}.update-card h3{font-size:23px;margin:19px 0}.update-card>.content-meta{margin:0}.content-empty{text-align:center;border:1px dashed #e1def0;background:#fcfbff;padding:65px 25px;border-radius:16px;color:#687a91;line-height:1.9}.content-empty strong{display:block;font-size:20px;color:#243650;margin-bottom:10px}.content-empty a{color:#7155d9}.content-detail{max-width:800px}.content-prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere;color:#465b73}.content-prose h2{font-size:25px;color:#172a43;margin:38px 0 16px;scroll-margin-top:110px}.content-prose h3{font-size:20px;color:#253950;margin:28px 0 10px;scroll-margin-top:110px}.content-prose h4{font-size:17px;color:#253950}.content-prose p{margin:12px 0}.content-prose ul,.content-prose ol{padding-left:25px;margin:16px 0;list-style:revert}.content-prose li{list-style:revert;margin:8px 0}.content-prose a{color:#7055da;text-decoration:underline;text-underline-offset:4px}.content-prose pre{padding:22px;background:#f4f5fb;border-radius:12px;overflow:auto;font-size:13px;line-height:1.7}.content-prose code{background:#f2effa;border-radius:4px;padding:2px 5px}.content-prose pre code{padding:0;background:none}.content-prose blockquote{border-left:3px solid #a797f1;margin:20px 0;background:#faf8ff;padding:14px 22px}.content-prose img,.detail-cover{max-width:100%;height:auto;border-radius:14px}.detail-cover{width:100%;max-height:400px;object-fit:cover;margin-bottom:20px}.content-toc a{font-size:13px;border-left:2px solid #e7e3f5;padding-left:12px}.content-status{padding:80px 25px;text-align:center;color:#68778c}.content-enter{animation:content-enter .55s ease both}@keyframes content-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.site-top .frame-nav>a[aria-current=page]{color:#7055da;font-weight:650}.site-top .frame-nav>a[aria-current=page]:after{transform:scaleX(1)}
@media(min-width:1025px){.content-site .site-top-inner{gap:24px}.content-site .frame-top-actions{gap:12px}.content-site .frame-nav{gap:25px}}
@media(max-width:900px){.content-layout{grid-template-columns:minmax(0,1fr);gap:20px}.content-aside{position:static}.content-aside-box{display:none}.content-aside-box.content-toc{display:block}.content-row{grid-template-columns:200px minmax(0,1fr);gap:22px}.updates-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.tutorial-featured{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content-wrap{width:calc(100% - 36px)}.content-hero{padding:28px 0 35px}.content-crumb{margin-bottom:26px}.content-hero h1{font-size:31px;letter-spacing:-.5px}.content-hero p{font-size:14px}.content-layout{padding-top:25px;padding-bottom:45px}.content-row{grid-template-columns:110px minmax(0,1fr);gap:16px;padding-bottom:22px;margin-bottom:22px}.content-cover{height:105px;border-radius:11px}.content-cover strong{font-size:15px}.content-row h2{font-size:16px;margin:0 0 7px}.content-row p{font-size:12px;line-height:1.7;-webkit-line-clamp:2}.content-meta{font-size:11px;gap:8px;margin-top:10px}.content-tag{padding:3px 6px}.content-tabs{gap:6px;margin-bottom:25px}.content-tabs button{font-size:12px;padding:8px 11px}.tutorial-featured{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.tutorial-featured a{min-height:0;padding:19px}.tutorial-group{padding:20px}.updates-layout{display:block}.update-sidebar{position:static;border:0;padding:0;margin-bottom:25px;display:flex;gap:12px;overflow-x:auto}.update-sidebar h2{margin:0 0 8px}.update-sidebar button{width:auto;display:inline-block;white-space:nowrap;padding:8px 12px}.update-sidebar .filter-group{margin-top:0}.update-sidebar>div{flex:0 0 auto}.update-card{padding:22px}.update-card h3{font-size:20px}.content-prose{font-size:14px}.content-prose h2{font-size:22px}.content-pagination button{padding:9px 12px}.content-site .content-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.content-enter{animation:none}.tutorial-featured a,.content-cover img{transition:none}}

/* Search feedback stays inside the filtered results column. */
.content-search-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:22px;padding:12px 15px;background:#f7f6fd;border:1px solid #eeebf7;border-radius:10px}.content-search-summary p{font-size:13px;line-height:1.7;color:#5c6780;margin:0;overflow-wrap:anywhere}.content-search-summary button{flex-shrink:0;border:0;background:none;padding:3px 0;font:inherit;font-size:12px;color:#7660c7;cursor:pointer}.content-search-summary button:hover{text-decoration:underline}#content-results{scroll-margin-top:100px}