.tutorial-home-hero{grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);align-items:center;gap:92px;min-height:650px;padding-block:82px;display:grid}.tutorial-home-hero__copy h1{letter-spacing:0;margin:18px 0 20px;font-size:82px;font-weight:850;line-height:.98}.tutorial-home-hero__copy>p:last-of-type{max-width:700px;font-family:var(--font-serif);margin:0;font-size:25px;line-height:1.6}.tutorial-home-hero__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;display:flex}.tutorial-home-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px;margin:58px 0 0;display:grid}.tutorial-home-stats div{padding:17px 18px 15px 0}.tutorial-home-stats div+div{border-left:1px solid var(--line);padding-left:18px}.tutorial-home-stats dt{font-family:var(--font-mono);font-size:20px;font-weight:750}.tutorial-home-stats dd{color:var(--muted);margin:3px 0 0;font-size:12px}.tutorial-delivery-loop{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);align-self:center;padding-block:24px}.tutorial-delivery-loop__heading{color:var(--accent);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px;font-size:11px;font-weight:700;display:flex}.tutorial-delivery-loop ol{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.tutorial-delivery-loop li{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;display:grid}.tutorial-delivery-loop li>span,.tutorial-delivery-loop li>small{font-family:var(--font-mono);font-size:11px;font-weight:650}.tutorial-delivery-loop li>span{color:var(--coral)}.tutorial-delivery-loop li>small{color:var(--muted)}.tutorial-delivery-loop>a{align-items:center;gap:7px;min-height:42px;margin-top:16px;font-size:13px;font-weight:700;display:inline-flex}.tutorial-directory{border-top:1px solid var(--line);padding-block:96px}.tutorial-directory__heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;display:flex}.tutorial-directory__heading h2,.tutorial-home-path__intro h2{letter-spacing:0;margin:10px 0 0;font-size:46px;line-height:1.08}.tutorial-directory__heading>p{max-width:410px;color:var(--muted);font-family:var(--font-serif);margin:0;font-size:18px}.tutorial-section-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tutorial-section-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:34px 36px 38px}.tutorial-section-item__heading{grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:13px;display:grid}.tutorial-section-item__heading>span{color:var(--coral);font-family:var(--font-mono);font-size:11px;font-weight:700}.tutorial-section-item h3{letter-spacing:0;margin:0;font-size:26px;line-height:1.2}.tutorial-section-item h3 a,.tutorial-section-item__arrow{text-decoration:none}.tutorial-section-item h3 a:hover{color:var(--coral)}.tutorial-section-item__arrow{border:1px solid var(--line);border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.tutorial-section-item__arrow:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tutorial-section-item>p{max-width:500px;color:var(--muted);font-family:var(--font-serif);margin:16px 0 18px 51px;font-size:16px;line-height:1.7}.tutorial-section-item ul{flex-wrap:wrap;gap:6px 15px;margin:0 0 0 51px;padding:0;list-style:none;display:flex}.tutorial-section-item li{display:inline-flex}.tutorial-section-item li a{min-height:30px;color:var(--muted);font-family:var(--font-mono);align-items:center;font-size:11px;display:inline-flex}.tutorial-section-item li a:hover{color:var(--ink)}.tutorial-home-path{background:var(--ink);color:var(--bg)}.tutorial-home-path__inner{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:90px;padding-block:88px;display:grid}.tutorial-home-path .section-index{color:var(--yellow)}.tutorial-home-path__intro>p:last-child{max-width:470px;color:color-mix(in srgb, var(--bg) 72%, transparent);font-family:var(--font-serif);margin:22px 0 0;font-size:18px;line-height:1.7}.tutorial-home-path ol{border-bottom:1px solid color-mix(in srgb, var(--bg) 24%, transparent);margin:0;padding:0;list-style:none}.tutorial-home-path li{border-top:1px solid color-mix(in srgb, var(--bg) 24%, transparent)}.tutorial-home-path a{grid-template-columns:42px minmax(110px,.5fr) minmax(0,1fr) 36px;align-items:center;gap:16px;min-height:66px;text-decoration:none;display:grid}.tutorial-home-path a:hover{color:var(--yellow)}.tutorial-home-path a span,.tutorial-home-path a small{font-family:var(--font-mono);font-size:11px}.tutorial-home-path a span{color:var(--coral);font-weight:700}.tutorial-home-path a small{color:color-mix(in srgb, var(--bg) 66%, transparent)}.tutorial-context-bar{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:72px}.tutorial-context-bar__inner{justify-content:space-between;align-items:center;gap:24px;min-height:48px;display:flex}.tutorial-breadcrumb{min-width:0;color:var(--muted);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.tutorial-breadcrumb a{align-items:center;min-height:30px;display:inline-flex}.tutorial-breadcrumb span[aria-current=page]{color:var(--ink);text-overflow:ellipsis;font-weight:700;overflow:hidden}.tutorial-source-link{white-space:nowrap;align-items:center;gap:6px;min-height:34px;font-size:12px;font-weight:700;display:inline-flex}.tutorial-reading-shell{grid-template-columns:224px minmax(0,1fr) 190px;align-items:start;gap:34px;padding-block:52px 110px;display:grid}.tutorial-sidebar,.tutorial-toc{scrollbar-width:thin;max-height:calc(100vh - 170px);position:sticky;top:146px;overflow-y:auto}.tutorial-sidebar{border-right:1px solid var(--line);padding-right:20px}.tutorial-nav__home{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;text-decoration:none;display:grid}.tutorial-nav__home>span,.tutorial-nav summary>span{color:var(--coral);font-family:var(--font-mono);font-size:10px;font-weight:700}.tutorial-nav__home strong,.tutorial-nav summary strong{font-size:13px}.tutorial-nav__home.active,.tutorial-nav__home:hover{color:var(--accent)}.tutorial-nav__sections details{border-bottom:1px solid var(--line)}.tutorial-nav summary{cursor:pointer;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:44px;list-style:none;display:grid}.tutorial-nav summary::-webkit-details-marker{display:none}.tutorial-nav summary:hover{color:var(--accent)}.tutorial-nav summary svg{transition:transform .16s}.tutorial-nav details[open] summary svg{transform:rotate(180deg)}.tutorial-nav ul{margin:0;padding:0 0 10px 38px;list-style:none}.tutorial-nav li a{min-height:32px;color:var(--muted);border-left:2px solid #0000;align-items:center;padding:4px 8px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.tutorial-nav li a:hover{color:var(--ink)}.tutorial-nav li a.active{background:var(--surface-soft);color:var(--ink);border-left-color:var(--coral);font-weight:700}.tutorial-article{min-width:0;max-width:720px}.tutorial-article__index{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.tutorial-article__index span:first-child{color:var(--coral)}.tutorial-article__index span:last-child{color:var(--muted)}.tutorial-prose h1{font-family:var(--font-sans);letter-spacing:0;margin:0 0 24px;font-size:48px;font-weight:820;line-height:1.08}.tutorial-prose h1+p,.tutorial-prose h1+blockquote{font-size:20px}.tutorial-prose h2,.tutorial-prose h3,.tutorial-prose h4{scroll-margin-top:146px}.tutorial-prose h4{font-family:var(--font-sans);letter-spacing:0;margin:1.6em 0 .5em;font-size:19px;line-height:1.35}.tutorial-prose blockquote{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:0 4px 4px 0;padding:18px 20px}.tutorial-prose blockquote>:first-child{margin-top:0}.tutorial-prose blockquote>:last-child{margin-bottom:0}.tutorial-prose li::marker{color:var(--coral)}.tutorial-prose input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin-right:7px}.tutorial-prose .mermaid{background:var(--surface);border:1px solid var(--line);border-radius:5px;min-height:220px;margin-block:1.8em;padding:24px;overflow-x:auto}.tutorial-prose .mermaid svg{width:100%;max-width:100%;height:auto;margin-inline:auto}.tutorial-toc{border-left:1px solid var(--line);padding-left:18px}.tutorial-toc>strong{font-family:var(--font-mono);text-transform:uppercase;margin-bottom:13px;font-size:11px;display:block}.tutorial-toc nav,.tutorial-inline-toc nav{flex-direction:column;gap:7px;display:flex}.tutorial-toc a,.tutorial-inline-toc a{min-height:26px;color:var(--muted);align-items:center;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.tutorial-toc a:hover,.tutorial-inline-toc a:hover{color:var(--ink)}.tutorial-toc a.nested,.tutorial-inline-toc a.nested{padding-left:12px}.tutorial-inline-toc,.tutorial-mobile-directory{display:none}.tutorial-pagination{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:76px;padding-top:24px;display:grid}.tutorial-pagination>a{border:1px solid var(--line);border-radius:5px;align-items:center;gap:12px;min-height:76px;padding:13px 15px;text-decoration:none;display:flex}.tutorial-pagination>a:hover{background:var(--surface);border-color:var(--ink)}.tutorial-pagination__next{text-align:right;justify-content:flex-end}.tutorial-pagination span{flex-direction:column;min-width:0;display:flex}.tutorial-pagination small{color:var(--muted);font-family:var(--font-mono);font-size:10px}.tutorial-pagination strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}@media (width<=1100px){.tutorial-reading-shell{grid-template-columns:220px minmax(0,720px);justify-content:center}.tutorial-toc{display:none}.tutorial-inline-toc{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin:24px 0 34px;display:block}.tutorial-inline-toc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.tutorial-inline-toc summary span{color:var(--muted);font-family:var(--font-mono);font-size:10px}.tutorial-inline-toc nav{padding:4px 14px 14px}}@media (width<=900px){.tutorial-home-hero{grid-template-columns:1fr;gap:64px;padding-block:72px}.tutorial-home-hero__copy h1{font-size:70px}.tutorial-delivery-loop{width:min(620px,100%)}.tutorial-home-path__inner{grid-template-columns:1fr;gap:46px}.tutorial-reading-shell{padding-top:34px;display:block}.tutorial-sidebar{display:none}.tutorial-mobile-directory{padding-top:22px;display:block}.tutorial-mobile-directory>details{background:var(--surface);border:1px solid var(--line);border-radius:4px}.tutorial-mobile-directory>details>summary{cursor:pointer;align-items:center;gap:9px;min-height:50px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.tutorial-mobile-directory>details>summary span{color:var(--muted);margin-left:auto;font-weight:500}.tutorial-mobile-directory .tutorial-nav{max-height:min(68vh,620px);padding:0 14px 14px;overflow-y:auto}.tutorial-article{max-width:720px;margin-inline:auto}}@media (width<=720px){.tutorial-home-hero{min-height:0;padding-block:64px 72px}.tutorial-home-hero__copy h1{font-size:54px}.tutorial-home-hero__copy>p:last-of-type{font-size:20px}.tutorial-home-stats{margin-top:46px}.tutorial-home-stats div{padding-inline:10px}.tutorial-home-stats div:first-child{padding-left:0}.tutorial-directory{padding-block:72px}.tutorial-directory__heading{flex-direction:column;align-items:flex-start}.tutorial-directory__heading h2,.tutorial-home-path__intro h2{font-size:38px}.tutorial-section-grid{grid-template-columns:1fr}.tutorial-section-item{padding:28px 22px 30px}.tutorial-section-item>p,.tutorial-section-item ul{margin-left:0}.tutorial-home-path__inner{padding-block:72px}.tutorial-home-path a{grid-template-columns:34px minmax(0,1fr) 32px;gap:12px;padding-block:10px}.tutorial-home-path a small{grid-area:2/2}.tutorial-home-path a svg{grid-area:1/3/3}.tutorial-context-bar{position:static}.tutorial-breadcrumb span[aria-current=page],.tutorial-source-link{display:none}.tutorial-reading-shell{padding-bottom:78px}.tutorial-prose{font-size:17px}.tutorial-prose h1{font-size:38px}.tutorial-prose h1+p,.tutorial-prose h1+blockquote{font-size:18px}.tutorial-prose h2{font-size:27px}.tutorial-prose pre{margin-inline:-4px;padding:18px}.tutorial-pagination{grid-template-columns:1fr;margin-top:58px}.tutorial-pagination>span:empty{display:none}.tutorial-pagination__next{text-align:left;justify-content:space-between}.tutorial-pagination strong{white-space:normal}}@media (width<=420px){.tutorial-home-hero__copy h1{font-size:46px}.tutorial-home-stats dt{font-size:17px}.tutorial-home-stats dd{font-size:10px}.tutorial-delivery-loop li{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.tutorial-prose h1{font-size:34px}}