.with-toc,.with-toc-body{display:flex;flex-direction:column;min-width:0}.toc{display:none}@media(width >= 1280px){.page-content:has(.with-toc){max-width:var(--max-width-wide);width:var(--content-width-wide)}.page-content:has(.with-toc--prose){max-width:var(--max-width);width:var(--content-width)}.with-toc{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:3.5rem;align-items:start;--prose-measure:54rem}.with-toc:has(.toc[hidden]){grid-template-columns:minmax(0,1fr);--prose-measure:none}.toc{display:block;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;margin-top:4.5rem}.toc[hidden]{display:none}.toc .toc-title{margin:0 0 .6rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-fg-3)}.toc ul{margin:0;padding:0;list-style:none;border-left:1px solid var(--bs-border-color)}.toc li a{display:block;padding:.35rem .75rem;margin-left:-1px;border-left:2px solid transparent;font-size:.9rem;line-height:1.35;color:var(--bs-fg-3);text-decoration:none;transition:color var(--transition),border-color var(--transition)}.toc li a:hover{color:var(--bs-fg-body)}.toc li a.is-current{color:var(--bs-fg-body);border-left-color:var(--bs-fg-1)}.toc .toc-h3 a{padding-left:1.5rem;font-size:.85rem}}.ecosystem-tutorials input{height:3.2rem;outline:none;box-shadow:none}.ecosystem-tutorials input:focus{border-color:var(--bs-border-emphasized)}.tutorials-list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin-bottom:5rem}@media(width < 768px){.tutorials-list{grid-template-columns:1fr}}.tutorial-item{justify-content:flex-start;border-radius:var(--bs-radius-9);background-color:var(--bs-bg-1);transition:background-color var(--transition),transform var(--transition)}.tutorial-item a{color:var(--bs-fg-2);text-decoration:none;display:flex;flex-direction:column;height:100%}.tutorial-item img{width:auto;max-width:60%;align-self:center;height:5rem;object-fit:contain;margin:1rem 1rem .2rem}.tutorial-item .card-body{flex:1;overflow:hidden;padding:.5rem 1rem 1rem}.tutorial-item h4{font-size:1rem;font-weight:900;margin-top:0;margin-bottom:.35rem;transition:color var(--transition)}.tutorial-item p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;transition:color var(--transition)}.tutorial-item:hover,.tutorial-item:active{background-color:var(--bs-bg-2);transform:scale(1.02)}.tutorial-item:hover h4,.tutorial-item:hover p,.tutorial-item:active h4,.tutorial-item:active p{color:var(--bs-fg-body)}