:where(.restyle-app) .learning-page{--learning-title-size: clamp(42px, 4.6vw, 64px);--learning-heading-size: clamp(27px, 2.6vw, 36px);--learning-body-size: 16px;--learning-section-gap: 64px}:where(.restyle-app) .learning-hero{padding:8px 0 40px;max-width:820px}:where(.restyle-app) .learning-hero h1{margin:0 0 20px;font-size:var(--learning-title-size);line-height:1.06;letter-spacing:-.045em;font-weight:650;color:var(--text)}:where(.restyle-app) .learning-hero p{font-size:clamp(18px,1.7vw,22px);line-height:1.55;letter-spacing:-.3px;color:var(--muted);max-width:42ch}:where(.restyle-app) .learning-featured-guides{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}:where(.restyle-app) .learning-other-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}:where(.restyle-app) .learning-guide{display:flex;flex-direction:column;position:relative;padding:28px;text-decoration:none;min-height:245px;transition:box-shadow .18s,border-color .18s}:where(.restyle-app) .learning-guide:hover,:where(.restyle-app) .learning-guide:focus-visible{border-color:var(--accent)!important;box-shadow:var(--shadow),0 6px 22px -16px var(--accent)}:where(.restyle-app) .learning-guide-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}:where(.restyle-app) .learning-guide .learning-guide-icon{width:24px;height:24px;color:var(--accent)}:where(.restyle-app) .learning-guide .learning-guide-badge{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.5px;padding:4px 9px;border-radius:5px;color:var(--accent);background:var(--accent-soft)}:where(.restyle-app) .learning-guide h2{margin:0 0 12px;font-size:23px;line-height:1.25;font-weight:600;letter-spacing:-.65px;color:var(--text)}:where(.restyle-app) .learning-guide p{font-size:15px;line-height:1.65;color:var(--muted);max-width:36ch}:where(.restyle-app) .learning-guide-arrow{width:20px;height:20px;align-self:flex-end;margin-top:auto;padding-top:0;color:var(--accent);flex-shrink:0}:where(.restyle-app) .learning-guide-copy{padding-bottom:24px}:where(.restyle-app) .learning-guide-featured{min-height:260px;padding:32px}:where(.restyle-app) .learning-guide-featured h2{font-size:var(--learning-heading-size);letter-spacing:-.9px}:where(.restyle-app) .learning-guide-featured p{font-size:17px;max-width:36ch}:where(.restyle-app) .learning-guide-featured .learning-guide-icon{width:28px;height:28px}:where(.restyle-app) .learning-guide-start:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,var(--accent-soft),transparent 78%);z-index:-1}:where(.restyle-app) .learning-guide-start{isolation:isolate}:where(.restyle-app) .learning-introduction{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start;margin-top:var(--learning-section-gap)}:where(.restyle-app) .learning-prose h2{font-size:var(--learning-heading-size);line-height:1.18;letter-spacing:-1px;font-weight:600;margin:0 0 24px;color:var(--text)}:where(.restyle-app) .learning-prose p{font-size:var(--learning-body-size);line-height:1.85;color:var(--muted);margin:0 0 18px;max-width:50ch}:where(.restyle-app) .learning-introduction .code-window{margin:0;min-width:0}:where(.restyle-app) .learning-introduction .syntax-comment{white-space:pre-wrap;overflow-wrap:anywhere}:where(.restyle-app) .learning-recommended{margin-top:var(--learning-section-gap);overflow:hidden}:where(.restyle-app) .learning-recommended>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px}:where(.restyle-app) .learning-recommended>summary::-webkit-details-marker{display:none}:where(.restyle-app) .learning-recommended>summary>div>div{margin-bottom:12px}:where(.restyle-app) .learning-recommended>summary .chakra-badge{font-size:11px;background:transparent;color:var(--accent);padding:0;letter-spacing:.7px}:where(.restyle-app) .learning-recommended>summary svg{color:var(--accent);width:20px;height:20px}:where(.restyle-app) .learning-recommended h2{color:var(--text);font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:0}:where(.restyle-app) .learning-reading{padding:0 34px 34px;max-width:78ch}:where(.restyle-app) .learning-reading .learning-paragraph{font-size:var(--learning-body-size);line-height:1.85;color:var(--muted);margin:18px 0}:where(.restyle-app) .learning-reading strong{font-weight:600;color:var(--text)}:where(.restyle-app) .learning-tips{margin:48px 0 20px}:where(.restyle-app) .learning-tips h2{font-size:25px;line-height:1.3;letter-spacing:-.65px;font-weight:600;margin:0 0 24px;color:var(--text)}:where(.restyle-app) .learning-tips>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 42px}:where(.restyle-app) .learning-tip{display:flex;gap:13px;align-items:flex-start}:where(.restyle-app) .learning-tip svg{flex-shrink:0;width:21px;height:21px;margin-top:3px;color:var(--accent)}:where(.restyle-app) .learning-tip p{font-size:15px;line-height:1.75;color:var(--muted)}:where(.restyle-app) .learning-tip strong{font-weight:600;color:var(--text)}@media(max-width:1180px){:where(.restyle-app) .learning-other-guides{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.restyle-app) .learning-introduction{grid-template-columns:minmax(0,1fr);gap:24px}:where(.restyle-app) .learning-prose{max-width:64ch}:where(.restyle-app) .learning-prose p{max-width:none}}@media(max-width:760px){:where(.restyle-app) .learning-page{--learning-title-size: 44px;--learning-heading-size: 30px;--learning-section-gap: 42px}:where(.restyle-app) .learning-hero{padding:4px 0 30px}:where(.restyle-app) .learning-hero p{font-size:18px}:where(.restyle-app) .learning-guide{padding:24px;min-height:220px}:where(.restyle-app) .learning-guide-featured p{font-size:16px}:where(.restyle-app) .learning-recommended>summary{padding:25px;gap:16px}:where(.restyle-app) .learning-recommended h2{font-size:22px}:where(.restyle-app) .learning-reading{padding:0 25px 25px}:where(.restyle-app) .learning-tips>div{grid-template-columns:minmax(0,1fr);gap:20px}}@media(max-width:600px){:where(.restyle-app) .learning-featured-guides,:where(.restyle-app) .learning-other-guides{grid-template-columns:minmax(0,1fr);gap:16px}:where(.restyle-app) .learning-other-guides{margin-top:16px}:where(.restyle-app) .learning-guide-meta{margin-bottom:20px}:where(.restyle-app) .learning-guide h2{font-size:24px}:where(.restyle-app) .learning-guide-featured h2{font-size:30px}:where(.restyle-app) .learning-guide{min-height:0}}.restyle-app .application{position:relative;isolation:isolate}.restyle-app .application>.ambient{pointer-events:none}.restyle-app .application>.ambient>.background-grid{left:var(--sidebar-width)}.restyle-app.design-neon .application>.ambient>.ambient-left{left:calc(var(--sidebar-width) - 140px)}.restyle-app .sidebar{background:transparent;border-right:0;isolation:isolate}.restyle-app .sidebar .sidebar-footer{border-top:0}.restyle-app .app-topbar{isolation:isolate}.restyle-app .app-topbar:before{content:"";position:absolute;inset:0 0 -1px;z-index:-1;pointer-events:none;background:var(--glass);border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);mask-image:linear-gradient(90deg,transparent,#000 min(48%,520px));-webkit-mask-image:linear-gradient(90deg,transparent,#000 min(48%,520px))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.restyle-app .app-topbar:before{background:var(--surface)}}.restyle-app .app-navigation{padding:0 10px 16px}.restyle-app .sidebar .app-navigation{flex:1;overflow:visible}.restyle-mobile-drawer .chakra-modal__body{scrollbar-width:none}.restyle-mobile-drawer .chakra-modal__body::-webkit-scrollbar{display:none}.restyle-app .app-navigation .nav-item{--nav-indent: 10px;display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:8px 10px 8px var(--nav-indent);margin:2px 0;border-radius:7px;color:var(--muted);font-size:13px;font-weight:500;line-height:1.4;text-align:left;text-decoration:none}.restyle-app .app-navigation .nav-item>span{min-width:0}.restyle-app .app-navigation .nav-item>svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.restyle-app .app-navigation .nav-item>svg:not(.nav-arrow){color:var(--accent);opacity:1}.restyle-app .app-navigation .nav-item .nav-arrow{margin-left:auto;width:12px;height:12px}.restyle-app .app-navigation .nav-group.is-open>.nav-item .nav-arrow{transform:rotate(90deg)}.restyle-app .app-navigation .nav-item.level-1{--nav-indent: 30px}.restyle-app .app-navigation .nav-item.level-2{--nav-indent: 50px}.restyle-app .app-navigation .nav-item.level-3{--nav-indent: 70px}.restyle-app .app-navigation .nav-item.nav-text-only{padding-left:calc(var(--nav-indent) + 25px)}.restyle-app .app-navigation .nav-item:not(.level-0){min-height:28px;padding-top:4px;padding-bottom:4px;margin-block:1px;font-size:13px}.restyle-app .app-navigation .nav-group:not(.level-0){margin-top:12px}.restyle-app .app-navigation .nav-group:not(.level-0)>.nav-item{color:var(--text);font-weight:600}.restyle-app .app-navigation .nav-item.nav-section-heading{font-size:12px;letter-spacing:.03em;text-transform:uppercase}.restyle-app .app-navigation .nav-command{font-family:var(--font-code);color:var(--accent)}.restyle-app .app-navigation .nav-item:hover{background:var(--accent-soft);color:var(--accent)}.restyle-app .app-navigation .nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.restyle-app .app-navigation .nav-item.active svg{opacity:1}.restyle-app .app-navigation>.nav-group:last-child{margin-top:12px}@media(min-width:761px)and (max-width:980px){.restyle-app .app-topbar{gap:8px}.restyle-app .breadcrumb{flex:1}.restyle-app .learning-button{position:static;transform:none;flex-shrink:0}}@media(max-width:760px){.restyle-app.design-neon .application>.ambient>.ambient-left{left:-175px}.restyle-mobile-drawer .app-navigation{padding:10px 0 16px}.restyle-mobile-drawer .app-navigation .nav-item{min-height:40px}.restyle-mobile-drawer .app-navigation .nav-item:not(.level-0){min-height:36px}}.restyle-app .nav-split-row{display:flex;align-items:center;gap:2px}.restyle-app .nav-split-row .nav-item{flex:1;min-width:0}.restyle-app .nav-split-row .nav-toggle{flex-shrink:0;width:32px;height:32px}