.learn-site{--mk-bg:var(--color-bg-base)}.learn-index,.learn-reader{width:min(calc(100% - var(--learn-space-12) * 2), var(--learn-page-width));padding:var(--learn-space-16) 0 var(--learn-space-24);margin:0 auto}.learn-index-heading{margin-bottom:var(--learn-space-12)}.learn-site .learn-index-heading h1{font-size:var(--learn-type-6xl);margin-bottom:var(--learn-space-5)}.learn-index-heading p{font-size:var(--learn-body-size);max-width:var(--learn-measure)}.learn-tools{align-items:center;gap:var(--learn-space-6);padding-bottom:var(--learn-space-6);border-bottom:1px solid var(--mk-line);flex-wrap:wrap;display:flex}.learn-search{gap:var(--learn-space-3);width:min(100%,23rem);color:var(--mk-muted);align-items:center;display:flex}.learn-search input{width:100%;min-width:0;height:2.75rem;color:var(--mk-ink);border:0;border-bottom:1px solid var(--mk-line);background:0 0;border-radius:0}.learn-search input::placeholder{color:var(--mk-muted);opacity:1}.learn-category{align-items:center;gap:var(--learn-space-3);font-size:var(--learn-small-size);color:var(--mk-muted);display:flex}.learn-category select{height:2.75rem;padding:0 var(--learn-space-3);border:1px solid var(--mk-line);border-radius:var(--radius);background:var(--mk-bg);color:var(--mk-ink)}.learn-result-count{font-size:var(--learn-small-size);color:var(--mk-muted);margin-left:auto}.learn-feature{gap:var(--learn-space-12);padding:var(--learn-space-12) 0;grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.learn-feature-image{aspect-ratio:16/9;background:var(--color-bg-board);overflow:hidden}.learn-feature-image img{-o-object-fit:cover;object-fit:cover;height:100%}.learn-site .learn-feature h2{font-size:var(--learn-type-4xl);margin:var(--learn-space-4) 0 var(--learn-space-5);text-wrap:pretty}.learn-site .learn-meta{font-size:var(--learn-small-size);color:var(--mk-muted);line-height:1.6}.learn-feature .learn-meta span{padding:0 var(--learn-space-2)}.learn-read-link{align-items:center;gap:var(--learn-space-3);min-height:2.75rem;font-weight:var(--learn-strong-weight);margin-top:var(--learn-space-5);display:inline-flex}.learn-read-link:hover,.learn-row h2 a:hover,.learn-related h3 a:hover{color:var(--mk-accent)}.learn-row{gap:var(--learn-space-8);padding:var(--learn-space-8) 0;border-top:1px solid var(--mk-line);grid-template-columns:9rem minmax(0,1fr) auto;align-items:start;display:grid}.learn-row .learn-meta span{margin-top:var(--learn-space-1);display:block}.learn-site .learn-row h2{font-size:var(--learn-type-2xl);text-wrap:pretty;letter-spacing:-.015em;line-height:1.4}.learn-row p:not(.learn-meta){max-width:46rem;margin-top:var(--learn-space-2)}.learn-row-arrow{margin-top:var(--learn-space-2);color:var(--mk-muted)}.learn-empty{padding-block:var(--learn-space-16)}.learn-empty p{margin-top:var(--learn-space-4)}.learn-empty button{text-underline-offset:4px;min-height:2.75rem;margin-top:var(--learn-space-4);text-decoration:underline}.learn-reading-grid{grid-template-columns:minmax(0, var(--learn-measure)) var(--learn-contents-width);-moz-column-gap:var(--learn-space-20);column-gap:var(--learn-space-20);justify-content:center;display:grid}.learn-article-heading{margin-bottom:var(--learn-space-12);grid-column:1}.learn-back{align-items:center;gap:var(--learn-space-2);min-height:2.75rem;color:var(--mk-muted);margin-bottom:var(--learn-space-8);display:inline-flex}.learn-back:hover{color:var(--mk-ink)}.learn-site .learn-article-heading h1{font-size:clamp(var(--learn-type-4xl), 3.7vw, var(--learn-type-5xl));margin:var(--learn-space-4) 0 var(--learn-space-6);text-wrap:pretty;line-height:1.16}.learn-article-heading .learn-deck{font-size:var(--learn-type-xl);line-height:1.65}.learn-byline{gap:var(--learn-space-2) var(--learn-space-5);font-size:var(--learn-small-size);margin-top:var(--learn-space-8);color:var(--mk-muted);flex-wrap:wrap;display:flex}.learn-byline>:first-child{color:var(--mk-ink)}.learn-article-content{grid-column:1;min-width:0}.learn-prose{font-size:var(--learn-body-size);line-height:var(--learn-line-height);overflow-wrap:anywhere}.learn-site .learn-prose p{color:var(--mk-ink)}.learn-prose>p,.learn-prose>ul,.learn-prose>ol{margin-bottom:var(--learn-space-6)}.learn-prose>p:first-child{margin-top:0}.learn-site .learn-prose h2{font-size:var(--learn-heading-size);margin:var(--learn-space-12) 0 var(--learn-space-5);scroll-margin-top:var(--learn-space-8);text-wrap:pretty;letter-spacing:-.02em;line-height:1.35}.learn-prose h2:focus:not(:focus-visible){outline:none}.learn-prose ul,.learn-prose ol{padding-left:var(--learn-space-6);list-style-position:outside}.learn-prose ul{list-style-type:disc}.learn-prose ol{list-style-type:decimal}.learn-prose li{padding-left:var(--learn-space-1);margin-block:var(--learn-space-2)}.learn-prose li p{margin-block:var(--learn-space-3)}.learn-site .learn-prose a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.learn-prose a:hover{color:var(--mk-accent)}.learn-example{margin:var(--learn-space-8) 0;background:var(--color-bg-board);border:1px solid var(--mk-line);border-radius:var(--radius)}.learn-example-bar{justify-content:space-between;align-items:center;gap:var(--learn-space-3);padding:var(--learn-space-2) var(--learn-space-5);border-bottom:1px solid var(--mk-line);color:var(--mk-muted);font-size:var(--learn-small-size);display:flex}.learn-example-bar button{align-items:center;gap:var(--learn-space-2);min-height:2.75rem;padding-inline:var(--learn-space-2);color:var(--mk-ink);display:inline-flex}.learn-example-bar button:hover{color:var(--mk-accent)}.learn-example blockquote{padding:var(--learn-space-5) var(--learn-space-6);font-size:var(--learn-type-base);white-space:normal;-webkit-user-select:text;user-select:text;margin:0;line-height:1.8}.learn-example blockquote p+p{margin-top:var(--learn-space-4)}.learn-copy-error{color:var(--mk-ink);font-size:var(--learn-small-size);padding:0 var(--learn-space-6) var(--learn-space-5);display:block}.learn-table-wrap{max-width:100%;margin:var(--learn-space-8) 0;border:1px solid var(--mk-line);overflow-x:auto}.learn-table-wrap table{border-collapse:collapse;width:100%;min-width:32rem;font-size:var(--learn-type-base)}.learn-table-wrap td,.learn-table-wrap th{text-align:left;padding:var(--learn-space-4);border-bottom:1px solid var(--mk-line);vertical-align:top}.learn-table-wrap th{font-weight:var(--learn-strong-weight);background:var(--color-bg-board)}.learn-table-wrap tr:last-child td{border-bottom:0}.learn-contents{top:var(--learn-space-8);grid-area:2/2;align-self:start;position:sticky}.learn-desktop-contents{font-size:var(--learn-small-size);line-height:1.5}.learn-desktop-contents>p{margin:0 0 var(--learn-space-4);color:var(--mk-ink);font-weight:var(--learn-strong-weight)}.learn-contents ol{margin:0;padding:0;list-style:none}.learn-contents li a{padding:var(--learn-space-3) 0;color:var(--mk-muted);display:block}.learn-contents li a[aria-current=location]{color:var(--mk-accent)}.learn-contents a:hover{color:var(--mk-ink)}.learn-top-link{margin-top:var(--learn-space-6);min-height:2.75rem;display:inline-block}.learn-mobile-contents{display:none}.learn-study{margin:0 0 var(--learn-space-8)}.learn-study video{aspect-ratio:1672/941;background:var(--color-bg-bar);width:100%;height:auto;display:block}.learn-study figcaption,.learn-study>p{margin-top:var(--learn-space-3);font-size:var(--learn-small-size);color:var(--mk-muted);line-height:1.6}.learn-next-step{border-top:1px solid var(--mk-line);margin-top:var(--learn-space-12);padding-top:var(--learn-space-8)}.learn-site .learn-next-step h2{font-size:var(--learn-type-2xl);margin-bottom:var(--learn-space-3)}.learn-related{border-top:1px solid var(--mk-line);margin-top:var(--learn-space-20);padding-top:var(--learn-space-10)}.learn-site .learn-related>h2{font-size:var(--learn-type-3xl);margin-bottom:var(--learn-space-8)}.learn-related>div{gap:var(--learn-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learn-related h3{margin:var(--learn-space-3) 0}@media (max-width:1100px){.learn-reading-grid{grid-template-columns:minmax(0, var(--learn-measure))}.learn-contents{margin-bottom:var(--learn-space-8);grid-area:2/1;position:static}.learn-article-content{grid-row:3}.learn-desktop-contents{display:none}.learn-mobile-contents{border-block:1px solid var(--mk-line);font-size:var(--learn-type-base);display:block}.learn-mobile-contents summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--learn-space-4);min-height:3.25rem;list-style:none;display:flex}.learn-mobile-contents summary::-webkit-details-marker{display:none}.learn-mobile-contents[open] summary svg{transform:rotate(180deg)}.learn-mobile-contents nav{padding-bottom:var(--learn-space-4)}}@media (max-width:760px){.learn-index,.learn-reader{width:calc(100% - var(--learn-space-5) * 2);padding:var(--learn-space-8) 0 var(--learn-space-16)}.learn-site .learn-index-heading h1{font-size:var(--learn-type-5xl)}.learn-index-heading{margin-bottom:var(--learn-space-8)}.learn-tools{gap:var(--learn-space-4)}.learn-search{width:100%}.learn-feature{gap:var(--learn-space-6);padding:var(--learn-space-8) 0;grid-template-columns:minmax(0,1fr)}.learn-site .learn-feature h2{font-size:var(--learn-type-3xl)}.learn-row{gap:var(--learn-space-3);padding:var(--learn-space-6) 0;grid-template-columns:minmax(0,1fr)}.learn-row .learn-meta{gap:var(--learn-space-4);display:flex}.learn-row .learn-meta span{margin:0}.learn-row-arrow{display:none}.learn-site .learn-row h2{font-size:var(--learn-type-2xl)}.learn-article-heading{margin-bottom:var(--learn-space-8)}.learn-site .learn-article-heading h1{font-size:var(--learn-type-4xl)}.learn-article-heading .learn-deck{font-size:var(--learn-body-size)}.learn-back{margin-bottom:var(--learn-space-5)}.learn-prose{font-size:var(--learn-mobile-body-size)}.learn-site .learn-prose h2{font-size:var(--learn-type-2xl)}.learn-example blockquote{padding:var(--learn-space-4)}.learn-example-bar{padding-inline:var(--learn-space-4)}.learn-table-wrap:before{content:"Scroll table to see all columns";padding:var(--learn-space-3) var(--learn-space-4);font-size:var(--learn-small-size);color:var(--mk-muted);display:block}.learn-related>div{gap:var(--learn-space-8);grid-template-columns:minmax(0,1fr)}.learn-related{margin-top:var(--learn-space-12)}}@media (max-width:350px){.learn-index,.learn-reader{width:calc(100% - var(--learn-space-4) * 2)}}@media (prefers-reduced-motion:reduce){.learn-site *,.learn-site :before,.learn-site :after{scroll-behavior:auto;transition:none;animation:none}}
