.learn-wrap{--panel:#101218;--panel2:#12151c;--border:#282a2f;--border2:#383b42;--text:#abb6c4;--head:#eaf1f5;--dim:#8897aa;--dim2:#6a7d95;--blue:#447aee;--blue-soft:#2463eb1f;--green:#36d399;--red:#e25050;--amber:#f59f0a;--doc-blue:var(--blue);--doc-dim:var(--dim);height:100%;display:flex}.learn-main{flex:1;justify-content:center;gap:2.5rem;min-width:0;padding:2.2rem 2rem 5rem;display:flex;overflow-y:auto}.learn-side{border-right:1px solid var(--border);flex:0 0 272px;width:272px;padding:1.25rem .9rem 3rem;overflow-y:auto}.learn-side .cat{letter-spacing:.09em;text-transform:uppercase;color:var(--dim2);margin:1.1rem 0 .3rem;padding:0 .6rem;font-size:.72rem}.learn-side a.nav{color:var(--dim);border-radius:7px;padding:.34rem .6rem;font-size:.88rem;line-height:1.35;text-decoration:none;display:block}.learn-side a.nav:hover{color:var(--head);background:var(--panel)}.learn-side a.nav.active{color:var(--head);background:var(--blue-soft);border-left:2px solid var(--blue);border-radius:0 7px 7px 0}.learn-toc{flex:0 0 210px;align-self:flex-start;width:210px;font-size:.82rem;display:none;position:sticky;top:2rem}.learn-toc .t{letter-spacing:.09em;text-transform:uppercase;color:var(--dim2);margin-bottom:.5rem;font-size:.7rem}.learn-toc a{color:var(--dim);border-left:2px solid var(--border);padding:.18rem 0 .18rem .75rem;text-decoration:none;display:block}.learn-toc a:hover{color:var(--head);border-left-color:var(--blue)}@media (min-width:1200px){.learn-toc{display:block}}@media (max-width:860px){.learn-side{display:none}.learn-main{padding:1.5rem 1rem 4rem}}.learn-doc{min-width:0;max-width:760px;color:var(--text);flex:1;font-size:15px;line-height:1.65}.learn-doc a{color:var(--blue);text-decoration:none}.learn-doc a:hover{text-decoration:underline}.learn-doc .crumbs{color:var(--dim);margin-bottom:.6rem;font-size:.8rem}.learn-doc h1{color:var(--head);margin:.1rem 0 .35rem;font-size:2rem;font-weight:800;line-height:1.15}.learn-doc .meta{color:var(--dim2);margin-bottom:1.4rem;font-size:.8rem}.learn-doc h2{color:var(--head);margin:2.1rem 0 .6rem;scroll-margin-top:70px;font-size:1.35rem;font-weight:700}.learn-doc h3{color:var(--head);margin:1.4rem 0 .4rem;font-size:1.05rem;font-weight:600}.learn-doc p{margin:.6rem 0}.learn-doc ul,.learn-doc ol{margin:.6rem 0;padding-left:1.3rem}.learn-doc li{margin:.28rem 0}.learn-doc strong{color:var(--head);font-weight:600}.learn-doc em{color:#c3cbd5}.learn-doc hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.learn-doc .worked .row b{text-align:right}.learn-doc .pager{gap:1rem;margin-top:3rem;display:flex}.learn-doc .pager a{border:1px solid var(--border);color:var(--dim);border-radius:10px;flex:1;padding:.8rem 1rem;font-size:.88rem}.learn-doc .pager a:hover{border-color:var(--border2);color:var(--head);text-decoration:none}.learn-doc .pager a span{letter-spacing:.06em;text-transform:uppercase;color:var(--dim2);margin-bottom:.2rem;font-size:.72rem;display:block}.learn-doc .pager a.next{text-align:right}.learn-doc .breadcrumb{color:var(--dim);margin-bottom:.6rem;font-size:.8rem}.learn-doc .breadcrumb a{color:var(--dim)}.learn-doc .lead{color:var(--dim);font-size:1.05rem;line-height:1.65}.learn-doc .index-list{padding-left:0;list-style:none}.learn-doc .index-list li{margin:.35rem 0}.learn-doc .index-list span{color:var(--dim2);font-size:.85rem}