.learn-index{isolation:isolate;position:relative}.learn-index:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(transparent, var(--color-yellow-800) 47.326%, transparent 94.651%);height:1540px;animation:learn-glow-in .9s var(--ease-out-strong) both;position:absolute;inset:-464px 0 auto}@keyframes learn-glow-in{0%{opacity:0}}.learn-index-hero{margin-inline:24px;padding-top:clamp(48px,5vw,96px)}.learn-pika{font-size:clamp(1.5rem, 2.92vw, var(--text-heading-sm))}.learn-academy{font-size:clamp(48px,12.5vw,240px)}.learn-index-articles{padding-top:clamp(48px,4.167vw,80px);padding-bottom:clamp(64px,6.35vw,122px)}.learn-cards+.learn-cards{margin-top:clamp(40px,3.33vw,64px)}.learn-card{aspect-ratio:1;background:var(--ds-banana);border:1px solid var(--color-primary-300);border-radius:12px;flex-direction:column;justify-content:space-between;gap:24px;padding:16px;display:flex;position:relative;overflow:hidden}.learn-card:focus-visible{outline:2px solid var(--color-primary-800);outline-offset:-4px}.learn-shader{pointer-events:none;position:absolute;inset:0}.learn-shader-live{opacity:0;transition:opacity .6s var(--ease-out-strong);position:absolute;inset:0}.learn-shader-live[data-paper-shader]{opacity:1}@starting-style{.learn-shader-live[data-paper-shader]{opacity:0}}.learn-card-image,.learn-card-title{z-index:1;position:relative}.learn-card-image{aspect-ratio:1;object-fit:cover;width:48%;height:auto;transition:transform .7s var(--ease-out-strong);border-radius:12px}.learn-card-title{font-size:clamp(1.5rem, 1.875vw, var(--text-copy-36));letter-spacing:0;overflow-wrap:anywhere;transition:color .2s var(--ease-out-strong);margin:0 12px 14px;line-height:1.2}@media (hover:hover) and (pointer:fine){.learn-card:hover .learn-card-image{transform:scale(1.03)}.learn-card:hover .learn-card-title{color:var(--color-primary-700)}}.learn-practice{background:var(--color-primary-800);padding:24px 24px 0}.learn-practice-media{aspect-ratio:1872/1056;border-radius:24px;place-items:center;width:100%;max-width:2000px;min-height:clamp(400px,40vw,560px);margin-inline:auto;display:grid;position:relative;overflow:hidden}.learn-practice-media>div{width:100%;min-width:0}.learn-practice-media:after{content:"";background:#0000004d;position:absolute;inset:0}.learn-detail-header{isolation:isolate;padding:clamp(40px,3.96vw,76px) 24px clamp(56px,5.2vw,100px);position:relative}.learn-detail-shader{z-index:-1;border-radius:12px;height:min(56vw,1064px);min-height:500px;position:absolute;inset:-64px 8px auto;overflow:hidden}.learn-detail-header-guide{background:var(--color-yellow-800);margin:-64px 8px 0;padding-top:calc(64px + clamp(40px,3.96vw,76px));padding-bottom:clamp(48px,4.167vw,80px)}.learn-detail-width{max-width:1164px;margin-inline:auto}.learn-guide-thumbnail{aspect-ratio:1;object-fit:cover;border-radius:12px;width:min(29.12%,339px);height:auto;margin-bottom:clamp(48px,5.26vw,101px);margin-left:auto;display:block}.learn-detail-title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:clamp(40px,4.43vw,85px);font-size:clamp(2.5rem,5vw,96px);font-weight:500;line-height:1}.learn-tutorial-hero{border-radius:12px;margin:0 24px;position:relative;overflow:hidden}.learn-tutorial-hero img{aspect-ratio:1872/1135;object-fit:cover;width:100%}.learn-body{max-width:1212px;margin-inline:auto;padding:clamp(48px,5vw,96px) 24px}.learn-prose{color:var(--color-primary-700);font-size:clamp(1.125rem, 1.25vw, var(--text-copy-24));letter-spacing:.02em;line-height:1.5}.learn-prose>p,.learn-prose>h2,.learn-prose>h3,.learn-prose>h4,.learn-prose>ul,.learn-prose>ol,.learn-prose>blockquote,.learn-prose>details{max-width:928px;margin-inline:auto}.learn-prose p{white-space:pre-wrap;margin-block:20px}.learn-prose h2,.learn-prose h3,.learn-prose h4{font-family:var(--font-display);letter-spacing:0;color:var(--color-primary-900);margin-top:clamp(40px,3.33vw,64px);margin-bottom:clamp(20px,1.67vw,32px);font-weight:500;line-height:1.2}.learn-prose h2{font-size:clamp(1.5rem, 1.67vw, var(--text-sub-sm))}.learn-prose h3,.learn-prose h4{font-size:clamp(1.25rem, 1.25vw, var(--text-sub-xs));margin-top:clamp(32px,2.5vw,48px);margin-bottom:clamp(16px,1.25vw,24px)}.learn-prose>:first-child{margin-top:0}.learn-prose a{text-underline-offset:.15em;text-decoration:underline}.learn-prose ul{padding-left:1.5em;list-style:outside}.learn-prose ol{padding-left:1.5em;list-style:decimal}.learn-prose blockquote{border-left:2px solid var(--color-primary-300);padding-left:24px}.learn-prose details{interpolate-size:allow-keywords}.learn-prose details::details-content{opacity:0;height:0;transition:height .3s var(--ease-out-strong), opacity .3s var(--ease-out-strong), content-visibility .3s allow-discrete;overflow:hidden}.learn-prose details[open]::details-content{opacity:1;height:auto}.learn-prose figure{margin-block:clamp(32px,2.5vw,48px)}.learn-prose figure img{border-radius:12px;width:100%;height:auto;display:block}.learn-prose figcaption{color:var(--color-primary-600);margin-top:24px;font-size:12px}.learn-columns{gap:16px;margin-block:48px;display:flex}.learn-columns>div{flex:1;min-width:0}.learn-columns figure{margin:0}.learn-prose pre{background:var(--color-primary-200);border-radius:12px;padding:24px;overflow-x:auto}.learn-prose table{border-collapse:collapse;width:100%;font-size:16px}.learn-prose td,.learn-prose th{border:1px solid var(--color-primary-300);text-align:left;padding:12px}.learn-example{background:var(--color-primary-800);border-radius:16px;margin-block:clamp(48px,5vw,96px);overflow:hidden}.learn-example figure{margin:0}.learn-example figure img{border-radius:0}.learn-example-controls{color:var(--color-invert-800);padding:32px;font-size:16px}.learn-example-controls p{font-family:var(--font-mono);margin:0 0 24px;line-height:1.5}.learn-example-controls a{text-decoration:none}.learn-example-controls ul{margin-inline:0;padding:0;list-style:none}.learn-start{background:var(--color-primary-800);color:var(--color-invert-800)}.learn-start-panel{max-width:1212px;margin-inline:auto;padding:clamp(48px,5vw,96px) 24px}.learn-start-intro{flex-direction:column;gap:16px;margin-bottom:clamp(32px,3.33vw,64px);display:flex}.learn-start-kicker{font-family:var(--font-mono);color:var(--color-yellow-800);text-transform:uppercase;font-size:16px}.learn-start-title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(2.5rem,5vw,96px);font-weight:500;line-height:1}.learn-start-copy{max-width:640px;font-size:clamp(1.125rem, 1.25vw, var(--text-copy-24));color:var(--color-invert-600);line-height:1.4}.learn-related{border-top:1px solid var(--color-primary-300);max-width:1685px;margin-inline:auto;padding:clamp(64px,7.5vw,144px) 24px}@media (max-width:639px){.learn-card-title{margin:0 4px 8px;font-size:24px}.learn-guide-thumbnail{width:45%}.learn-columns{flex-direction:column}.learn-example-controls{padding:24px}}@media (prefers-reduced-motion:reduce){.learn-card-image,.learn-card-title{transition:none}.learn-prose details::details-content{transition:none}}