.website-guide{grid-template-columns:228px minmax(0,1fr);align-items:start;gap:48px;max-width:1440px;margin-inline:auto;padding:44px 72px 64px;display:grid}.website-guide-navigation{max-height:calc(100dvh - 128px);padding-inline:24px;font-size:14px;position:sticky;top:96px;overflow:auto}.website-guide-navigation nav{gap:4px;margin-bottom:24px;display:grid}.website-guide-navigation nav>p{color:var(--muted-foreground);margin:0 0 12px}.website-guide-navigation nav>a{color:var(--muted-foreground);padding-block:8px;text-decoration:none}.website-guide-navigation nav>a[aria-current]{color:var(--foreground)}.website-guide-article{font-family:var(--font-sans);min-width:0;max-width:872px;font-size:16px;line-height:24px}.website-guide-article :is(h1,h2,h3,h4):not(:where(.not-typeset *,[data-not-typeset] *)){scroll-margin-top:88px;font-weight:400}.website-guide-article h1:not(:where(.not-typeset *,[data-not-typeset] *)){margin:0 0 12px;font-size:28px;line-height:40px}.website-guide-article h2:not(:where(.not-typeset *,[data-not-typeset] *)){margin:40px 0 16px;font-size:20px;line-height:28px}.website-guide-article h3:not(:where(.not-typeset *,[data-not-typeset] *)){margin:32px 0 12px;font-size:18px;line-height:26px}.website-guide-article p:not(:where(.not-typeset *,[data-not-typeset] *)){color:var(--muted-foreground)}.website-guide-intro{margin-bottom:32px}.website-guide-intro>p{font-family:var(--font-sans);margin:0 0 24px}.website-guide-article .not-typeset{font-family:var(--font-sans);font-size:16px;line-height:24px}.website-guide-visual{grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;display:grid}.website-guide-visual>div{min-width:0;color:var(--foreground);background:var(--background-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.website-guide-visual>div>span{align-items:center;gap:8px;font-size:14px;display:flex}.website-guide-visual .ui-button{align-self:flex-start}.website-guide-blue{--primary:#2355d6;--primary-foreground:#fafafa;--primary-hover:#1d47b0;--primary-active:#193d99}.website-guide-visual figcaption{grid-column:1/-1;min-width:0}.website-guide-visual figcaption>p,.website-install-example>p{color:var(--muted-foreground);margin-top:20px;font-size:14px;line-height:22px}.website-install-example{margin-block:32px 40px}.website-install-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-block:24px;display:grid}.website-install-columns>div{min-width:0}.website-guide-article .website-install-columns h2{margin:0 0 16px;font-size:16px;line-height:24px}.website-install-columns .web-structure{margin:0}.website-install-columns .ui-button{margin-top:16px}.website-craft-ownership{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-block:24px 32px;display:grid}.website-craft-ownership>div{min-width:0}.website-craft-ownership ul{padding-left:20px;font-size:14px;line-height:24px}.website-guide-article .craft-pair{gap:32px;margin-block:24px 32px}.website-guide-article .craft-label{font-size:14px;line-height:20px}.website-guide-article .craft-copy h3{font-size:20px;font-weight:400;line-height:28px}.website-guide-article .craft-copy--heavy h3{font-weight:700}.website-guide-article .craft-stage{min-height:156px;padding:28px}.website-guide-article .craft-stage .web-structure{width:100%;margin:0}.website-guide-article .craft-stage .ui-tree-view{min-width:max-content}@media (width<=1100px){.website-guide{grid-template-columns:200px minmax(0,1fr);gap:32px;padding-inline:40px}}@media (width<=800px){.website-guide-article .craft-stage{padding:16px}.website-guide{padding:32px 24px 48px;display:block}.website-guide-navigation{display:none}.website-guide-visual,.website-install-columns,.website-craft-ownership{grid-template-columns:1fr}}