.lp.learn .learn-hero{padding:120px 0 96px}.lp.learn .hub-top{grid-template-columns:minmax(0,1fr) 560px;align-items:end;gap:48px;display:grid}.lp.learn .hub-top form{flex-direction:column;display:flex}.lp.learn .hub-top .search{max-width:none}.lp.learn .frows{flex-direction:column;gap:12px;margin-top:32px;display:flex}.lp.learn .frows .frow>p{width:48px}.lp.learn .tut-top{grid-template-columns:minmax(0,1fr) 304px;align-items:end;gap:48px;display:grid}.lp.learn .crumb{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lp.learn .crumb a{color:var(--lp-soft);transition:color .3s var(--lp-ease);text-decoration:none}.lp.learn .crumb a:hover{color:#fff}.lp.learn .before{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.lp.learn .steps-grid{grid-template-columns:304px minmax(0,1fr);align-items:start;gap:48px;margin-top:64px;display:grid}.lp.learn .nsteps{flex-direction:column;display:flex;position:sticky;top:104px}.lp.learn .nsteps li{padding-bottom:32px;position:relative}.lp.learn .nsteps li:before{content:"";background:#ffffff3d;width:1px;position:absolute;top:32px;bottom:0;left:20px}.lp.learn .nsteps li:last-child:before{display:none}.lp.learn .nsteps li:last-child{padding-bottom:0}.lp.learn .nsteps a{color:var(--lp-soft);transition:color .3s var(--lp-ease);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:16px;text-decoration:none;display:grid}.lp.learn .nsteps a:hover,.lp.learn .nsteps a[aria-current=step]{color:#fff}.lp.learn .nsteps .n{background:var(--lp-bg);border:1px solid #ffffff3d;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lp.learn .nsteps a[aria-current=step] .n{border-color:var(--lp-accent);color:var(--lp-accent)}.lp.learn .sbody{flex-direction:column;gap:16px;min-width:0;display:flex}.lp.learn .tracks{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;flex-direction:column;display:flex}.lp.learn .track{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;padding:24px 32px;display:grid}.lp.learn .track+.track{border-top:1px solid var(--lp-line)}.lp.learn .tname{align-items:center;gap:8px;min-height:32px;display:flex}.lp.learn .tgoal{color:#fff;width:fit-content;text-decoration:none;display:block}.lp.learn .tgoal:hover{text-underline-offset:4px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.lp.learn .stops{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;display:grid}.lp.learn .stop{color:var(--lp-soft);text-wrap:balance;transition:color .3s var(--lp-ease);padding:24px 16px 0 0;text-decoration:none;display:block;position:relative}.lp.learn .stop:before{content:"";background:#ffffff3d;height:1px;position:absolute;top:6px;left:0;right:0}.lp.learn .stop:last-child:before{display:none}.lp.learn .stop:hover{color:#fff}.lp.learn .sd{z-index:1;background:#fff;border-radius:9999px;width:12px;height:12px;display:block;position:absolute;top:0;left:0}.lp.learn .sd.here{background:var(--lp-accent)}.lp.learn .legend{border-top:1px solid var(--lp-line);align-items:center;gap:24px;padding:16px 32px;display:flex}.lp.learn .legend span{align-items:center;gap:8px;display:inline-flex}.lp.learn .legend .sd{position:static}.lp.learn .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lp.learn .pcard{background:var(--lp-bg);gap:16px}.lp.learn .pcard-top{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.lp.learn .tut-entry{border-radius:16px;grid-template-columns:minmax(0,1fr) 560px;align-items:center;gap:48px;padding:48px;display:grid}.lp.learn .tut-list{flex-direction:column;gap:12px;display:flex}.lp.learn .tut-list span{align-items:center;gap:8px;display:flex}.lp.learn .hero-grid{grid-template-columns:minmax(0,1fr) 560px;gap:48px;display:grid}.lp.learn .syl{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;flex-direction:column;padding:40px;display:flex}.lp.learn .syl li{grid-template-columns:32px minmax(0,1fr);padding-bottom:40px;display:grid;position:relative}.lp.learn .syl li:before{content:"";background:#ffffff3d;width:1px;position:absolute;top:6px;bottom:-6px;left:6px}.lp.learn .syl li:last-child:before{display:none}.lp.learn .syl li:last-child{padding-bottom:0}.lp.learn .syl .sd{margin-top:6px;position:relative}.lp.learn .syl-body{flex-direction:column;gap:8px;display:flex}.lp.learn .syl-body a{color:#fff;width:fit-content;text-decoration:none}.lp.learn .syl-body a:hover{text-underline-offset:4px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.lp.learn .read{grid-template-columns:304px minmax(0,680px);align-items:start;gap:96px;display:grid}.lp.learn .lrail{flex-direction:column;gap:24px;display:flex;position:sticky;top:104px}.lp.learn .rcard{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.lp.learn .rstops{flex-direction:column;display:flex}.lp.learn .rstops li{grid-template-columns:24px minmax(0,1fr);padding-bottom:16px;display:grid;position:relative}.lp.learn .rstops li:before{content:"";background:#ffffff3d;width:1px;position:absolute;top:6px;bottom:-6px;left:6px}.lp.learn .rstops li:last-child:before{display:none}.lp.learn .rstops li:last-child{padding-bottom:0}.lp.learn .rstops .sd{margin-top:4px;position:relative}.lp.learn .rstops a{color:var(--lp-soft);text-wrap:balance;transition:color .3s var(--lp-ease);text-decoration:none}.lp.learn .rstops a:hover,.lp.learn .rstops a[aria-current=page]{color:#fff}.lp.learn .ltoc{flex-direction:column;gap:8px;padding:0 24px;display:flex}.lp.learn .ltoc a{color:var(--lp-soft);transition:color .3s var(--lp-ease);text-decoration:none}.lp.learn .ltoc a:hover{color:#fff}.lp.learn .article{flex-direction:column;gap:16px;min-width:0;display:flex}.lp.learn .pn{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.lp.learn .pn .tile{height:100%}.lp.learn .pn .tile.next{text-align:right;align-items:flex-end}@media (width<=1100px){.lp.learn .hub-top,.lp.learn .tut-top,.lp.learn .steps-grid,.lp.learn .track,.lp.learn .pgrid,.lp.learn .tut-entry,.lp.learn .hero-grid,.lp.learn .read,.lp.learn .pn,.lp.learn .stops{flex-direction:column;display:flex}.lp.learn .hub-top,.lp.learn .tut-top{align-items:stretch}.lp.learn .nsteps,.lp.learn .lrail{position:static}.lp.learn .pn .tile.next{text-align:left;align-items:flex-start}.lp.learn .tut-entry{padding:24px}.lp.learn .stop{padding-right:0}}@media (width<=640px){.lp.learn .learn-hero{padding:96px 0 64px}.lp.learn .track{padding:16px}.lp.learn .syl{padding:24px}.lp.learn .legend{flex-wrap:wrap;gap:12px;padding:16px}}