@layer components{.pn-docs{grid-template-columns:280px minmax(0,1fr);gap:56px;max-width:1280px;margin:0 auto;padding:120px 32px;display:grid}.pn-docs-nav{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:100px}.pn-docs-nav a{color:var(--pn-ink-2);border-radius:10px;padding:8px 12px;text-decoration:none}.pn-docs-nav a:hover{color:var(--pn-ink);background:#1111110f}.pn-doc{max-width:76ch;font-size:20px}.pn-doc h1{margin-bottom:28px;font-size:clamp(40px,4vw,60px);line-height:1.04}.pn-doc h2{margin:56px 0 16px;font-size:32px}.pn-doc h3{margin:36px 0 12px;font-size:24px}.pn-doc p,.pn-doc li{line-height:1.6}.pn-doc p,.pn-doc ul,.pn-doc ol,.pn-doc pre{margin:0 0 20px}.pn-doc ul{padding-left:1.3em;list-style:outside}.pn-doc ol{padding-left:1.4em;list-style:decimal}.pn-doc li{margin-bottom:8px}.pn-doc table{border-collapse:collapse;width:100%;margin:24px 0;font-size:18px;display:block;overflow-x:auto}.pn-doc th,.pn-doc td{text-align:left;border-bottom:1px solid var(--pn-rule);vertical-align:top;padding:12px 16px 12px 0}.pn-doc th{border-bottom-color:var(--pn-ink)}.pn-doc code{background:#1111110f;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:18px}.pn-doc pre{background:var(--pn-ink);color:var(--pn-paper);border-radius:14px;padding:22px 24px;overflow-x:auto}.pn-doc :not(pre)>code{overflow-wrap:anywhere}.pn-doc pre code{color:inherit;background:0 0;padding:0}.pn-doc-next{text-underline-offset:5px;margin-top:56px;font-weight:600;display:inline-block}@media (max-width:900px){.pn-docs{grid-template-columns:minmax(0,1fr);gap:24px;padding:100px 20px 80px}.pn-docs-nav{flex-flow:wrap;position:static}}}