body.learn-page{background-image:none}.learn-index,.learn-article{font-size:var(--type-body);line-height:1.6}:is(.learn-index,.learn-article) :is(h1,h2,h3){font-family:var(--font-display-family);font-weight:600;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.learn-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.learn-lead{color:var(--on-surface);font-size:var(--type-lead);line-height:1.45}.learn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--on-surface-variant);font-size:var(--type-small)}.learn-panel{overflow:hidden;border-radius:var(--radius-surface);background:var(--surface-container)}.learn-thumb{overflow:hidden;border-radius:var(--radius-card);background:var(--surface-container)}.learn-thumb img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.learn-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:56px;padding-block:56px 48px}.learn-head h1{max-width:12ch;font-size:var(--type-hero)}.learn-head .learn-lead{max-width:34ch}.learn-archive-head{display:flex;flex-direction:column;gap:8px;padding-block:40px}.learn-archive-head h1{font-size:var(--type-head)}.learn-back{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;padding:12px 0;color:var(--primary);font-weight:700}.learn-back:hover{text-decoration:underline;text-underline-offset:5px}.learn-featured{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;padding:48px;color:inherit}.learn-featured-copy{display:flex;flex-direction:column;gap:18px}.learn-featured h3{font-size:clamp(2rem,1.3rem + 2vw,3rem)}.learn-featured:hover h3,.learn-post:hover h3{color:var(--primary)}.learn-more{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;padding:14px 0;color:var(--primary);font-weight:700}.learn-featured:hover .learn-more{text-decoration:underline;text-underline-offset:5px}.learn-list-heading{margin:96px 0 32px;font-size:var(--type-sub)}.learn-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.learn-posts>li:last-child:nth-child(odd){grid-column:1 / -1}.learn-post{display:grid;grid-template-columns:minmax(160px,2fr) minmax(0,3fr);align-items:center;gap:24px;border-radius:var(--radius-card);color:inherit}.learn-posts>li:last-child:nth-child(odd) .learn-post{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.learn-post-copy{display:flex;flex-direction:column;gap:10px}.learn-post-copy p:not(.learn-meta){display:-webkit-box;max-width:60ch;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.learn-post-copy h3{font-size:clamp(1.25rem,1.05rem + .6vw,1.5rem);line-height:1.2}.learn-posts>li:last-child:nth-child(odd) .learn-post-copy h3{font-size:var(--type-sub)}.learn-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:64px}.learn-pager-count{color:var(--on-surface-variant);font-size:var(--type-small);text-align:center}.learn-pager a{display:inline-flex;align-items:center;justify-self:start;height:48px;padding:0 22px;border-radius:var(--radius-pill);background:var(--surface-container);color:var(--on-surface);font-weight:700}.learn-pager a:hover{background:var(--surface-container-highest)}.learn-pager a.learn-pager-next{justify-self:end;background:var(--primary-tint);color:var(--primary)}.learn-cta .learn-final{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:var(--section-gap)}.learn-final-copy{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:72px 64px}.learn-final-copy h2{font-size:var(--type-head)}.learn-final-copy .button{align-self:flex-start}.learn-final-pic{position:relative;min-height:420px}.learn-final-pic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.learn-device{position:absolute;right:32px;bottom:32px;width:34%;padding:8px;border-radius:calc(var(--radius-tile) + 8px);background:var(--on-surface)}.learn-device img{width:100%;height:auto;aspect-ratio:3 / 4;border-radius:var(--radius-tile);object-fit:cover;object-position:top}.learn-a-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,728px) minmax(0,1fr);align-items:start;column-gap:56px}.learn-a-grid>*{grid-column:2}.learn-a-head{display:flex;flex-direction:column;gap:18px;padding:24px 0 36px}.learn-a-head h1{font-size:clamp(2.25rem,1.7rem + 1.6vw,3rem);line-height:1.08}.learn-a-lead{color:var(--on-surface-variant);line-height:1.45}.learn-a-pic{grid-column:1 / -1;justify-self:center;width:min(100%,1040px);margin-bottom:56px;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-container)}.learn-a-pic img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:50% 30%}.learn-a-main{grid-row:3}.learn-a-grid>.learn-toc{grid-column:1;grid-row:3;justify-self:end;width:220px;position:sticky;top:32px;display:flex;flex-direction:column;gap:24px}.learn-a-grid>.learn-rail{grid-column:3;grid-row:3;justify-self:start;width:220px;position:sticky;top:32px}.learn-toc nav{display:flex;flex-direction:column;gap:2px}.learn-toc .learn-toc-title{margin-bottom:8px;font:700 var(--type-small) / 1.4 var(--font-body-family);letter-spacing:0}.learn-toc nav a{margin-left:-12px;padding:8px 12px;border-radius:var(--radius-tile);color:var(--on-surface-variant);font-size:var(--type-small);line-height:1.4;text-decoration:none;transition:color .18s ease,background-color .18s ease}.learn-toc nav a:hover{background:var(--surface-container);color:var(--primary)}.learn-rail-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-card);background:var(--surface-container)}.learn-rail-card p{font-size:var(--type-small);line-height:1.5}.learn-rail-card .button{align-self:flex-start;min-height:2.75rem;padding-inline:18px;font-size:var(--type-small)}.learn-toc-m{display:none}.learn-toc-m summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-weight:700;list-style:none;cursor:pointer}.learn-toc-m summary::-webkit-details-marker{display:none}.learn-toc-m summary svg{color:var(--primary)}.learn-toc-m[open] summary svg{transform:rotate(180deg)}.learn-toc-m nav{display:flex;flex-direction:column;padding-bottom:16px}.learn-toc-m nav a{padding:10px 0;color:var(--on-surface);text-decoration:none}.learn-a-col{max-width:728px;margin-inline:auto}.learn-article .learn-prose>:first-child{margin-top:0}.learn-article .learn-prose h2{margin:64px 0 18px;font-size:var(--type-sub);scroll-margin-top:24px}.learn-article .learn-prose h3{margin:32px 0 12px;font:700 var(--type-body) / 1.4 var(--font-body-family);letter-spacing:0;scroll-margin-top:24px}.learn-prose :is(p,li){font-size:1.125rem}.learn-prose p{margin:0 0 20px;line-height:1.75}.learn-prose a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.learn-prose a:hover{text-decoration-thickness:2px}.learn-prose strong{font-weight:700}.learn-prose :is(ul,ol){display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none}.learn-prose li{position:relative;padding-left:36px;line-height:1.6}.learn-prose ul>li:before{content:"";position:absolute;top:.6em;left:8px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.learn-prose ol{counter-reset:step}.learn-prose ol>li{counter-increment:step}.learn-prose ol>li:before{content:counter(step);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary-tint);color:var(--primary);font-size:.8125rem;font-weight:700}.learn-prose p:has(>img){margin:36px 0}.learn-prose img{display:block;width:100%;height:auto;border-radius:var(--radius-card);background:var(--surface-container)}.learn-prose blockquote{margin:28px 0;padding:20px 24px;border-radius:var(--radius-card);background:var(--surface-container);font:400 var(--type-lead) / 1.45 var(--font-display-family)}.learn-prose blockquote p{margin:0;font:inherit}.learn-prose table{width:100%;margin:28px 0;border-collapse:collapse;font-size:var(--type-small)}.learn-prose :is(th,td){padding:12px 14px;border-bottom:1px solid var(--surface-container-highest);text-align:left}.learn-prose th{background:var(--surface-container);font-weight:700}.learn-prose hr{width:48px;height:4px;margin:48px 0;border:0;border-radius:var(--radius-pill);background:var(--surface-container-highest)}.learn-prose code{padding:2px 6px;border-radius:var(--radius-small);background:var(--surface-container);font-family:ui-monospace,Menlo,monospace;font-size:.9em}.learn-end{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:28px;margin-top:64px;padding:32px;border-radius:var(--radius-card)}.learn-end-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.learn-end h2{font-size:var(--type-sub)}.learn-end img{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-card);object-fit:cover;object-position:top}.learn-keep{margin-top:120px}.learn-keep h2{margin-bottom:32px;font-size:var(--type-sub)}.learn-keep .learn-posts{grid-template-columns:1fr}@media(min-width:1101px){.learn-keep .learn-post{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.learn-keep .learn-post-copy h3{font-size:var(--type-sub)}}@media(prefers-reduced-motion:no-preference){.learn-thumb img{transition:transform .4s var(--ease-out)}.learn-featured:hover .learn-thumb img,.learn-post:hover .learn-thumb img{transform:scale(1.03)}.learn-more svg{transition:transform .18s var(--ease-out)}.learn-toc-m summary svg{transition:transform .2s var(--ease-out)}.learn-featured:hover .learn-more svg{transform:translate(2px,-2px)}.learn-head>*,.learn-archive-head>*,.learn-a-head>*{animation:learn-arrive .8s var(--ease-out) both}.learn-head>:nth-child(2),.learn-archive-head>:nth-child(2),.learn-a-head>:nth-child(2){animation-delay:80ms}.learn-a-head>:nth-child(3){animation-delay:.16s}.learn-a-head>:nth-child(4){animation-delay:.24s}.learn-featured,.learn-a-pic{animation:learn-arrive 1s var(--ease-out) .15s both}@supports (animation-timeline: view()){.learn-a-pic img{animation:learn-settle linear both;animation-timeline:view();animation-range:cover 0% cover 60%}.learn-rise{animation:learn-lift linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.learn-rise-1{animation-range:entry 8% entry 68%}.learn-rise-2{animation-range:entry 16% entry 76%}}}@keyframes learn-arrive{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes learn-lift{0%{translate:0 36px}to{translate:0 0}}@keyframes learn-settle{0%{scale:1.06}to{scale:1}}@media(max-width:1279px){.learn-a-grid{grid-template-columns:minmax(0,728px);justify-content:center}.learn-a-grid>*,.learn-a-main{grid-column:1}.learn-a-pic{grid-column:1;width:100%}.learn-a-grid>.learn-toc,.learn-a-grid>.learn-rail{display:none}.learn-toc-m{display:block;margin:0 0 40px;padding:0 24px;border-radius:var(--radius-card);background:var(--surface-container)}}@media(max-width:1100px){.learn-head,.learn-featured,.learn-cta .learn-final{grid-template-columns:1fr}.learn-head{gap:20px}.learn-featured{padding:32px}.learn-posts{grid-template-columns:1fr;gap:32px}.learn-posts>li:last-child:nth-child(odd) .learn-post{grid-template-columns:minmax(160px,2fr) minmax(0,3fr);gap:24px}.learn-posts>li:last-child:nth-child(odd) .learn-post-copy h3{font-size:clamp(1.25rem,1.05rem + .6vw,1.5rem)}.learn-final-pic{min-height:340px}.learn-device{width:min(34%,13rem)}}@media(max-width:640px){.learn-a-head{padding-bottom:28px}.learn-a-head h1{font-size:26px}.learn-a-lead{font-size:18px}.learn-prose :is(p,li){font-size:1.0625rem}.learn-a-pic{margin-bottom:36px}.learn-end{grid-template-columns:1fr;padding:24px 20px}.learn-end img{aspect-ratio:16 / 9;order:-1}.learn-head{padding-block:24px 32px}.learn-featured{padding:20px}.learn-featured h3{font-size:26px}.learn-list-heading{margin-top:64px}.learn-posts{gap:28px}.learn-post,.learn-posts>li:last-child:nth-child(odd) .learn-post{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:14px}.learn-post .learn-thumb{border-radius:var(--radius-tile)}.learn-post-copy{gap:6px}.learn-post-copy h3,.learn-posts>li:last-child:nth-child(odd) .learn-post-copy h3{font-size:20px;line-height:1.25}.learn-post-copy p:not(.learn-meta){-webkit-line-clamp:2;line-clamp:2;font-size:15px;line-height:1.5}.learn-post .learn-meta{font-size:13px}.learn-pager{grid-template-columns:1fr 1fr;row-gap:12px}.learn-pager-count{grid-column:1 / -1;grid-row:1}.learn-final-copy{padding:40px 24px}.learn-device{right:16px;bottom:16px;width:38%}}