.app-shell .docs{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:56px;gap:56px;padding-block:48px 72px;align-items:start}.app-shell .docs__nav{position:-webkit-sticky;position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}.app-shell .docs__nav-title{font-size:.6875rem;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;margin-bottom:10px}.app-shell .docs__nav a,.app-shell .docs__nav-title{font-family:var(--font-body);color:var(--color-espresso)}.app-shell .docs__nav a{font-size:.875rem;font-weight:500;padding:7px 12px;border-radius:var(--radius-md);text-decoration:none}.app-shell .docs__nav a:hover{background:rgba(67,56,76,.08);color:var(--color-ink);text-decoration:none}.app-shell .docs__body{max-width:68ch}.app-shell .docs__header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(107,95,116,.16)}.app-shell .docs__header h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1;margin:0 0 14px}.app-shell .docs__header p{font-size:1.0625rem;line-height:1.6;color:var(--color-espresso);margin:0}.app-shell .docs__body section{margin-bottom:44px;scroll-margin-top:90px}.app-shell .docs__body h2{font-family:var(--font-display);font-weight:700;font-size:1.625rem;letter-spacing:-.02em;margin:0 0 14px}.app-shell .docs__body p{font-size:.9375rem;line-height:1.7;color:var(--color-espresso);margin:0 0 14px;max-width:none}.app-shell .docs__body strong{color:var(--color-ink);font-weight:600}.app-shell .docs__body ul{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:7px}.app-shell .docs__body li{font-size:.9375rem;line-height:1.6;color:var(--color-espresso)}.app-shell .docs__example{background:var(--color-ivory);border:1px solid rgba(107,95,116,.16);border-radius:var(--radius-lg);padding:18px 20px;margin:0 0 14px}.app-shell .docs__example h4{font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-tangerine);margin:0 0 8px}.app-shell .docs__example p:last-child{margin-bottom:0}.app-shell .docs__table{border:1px solid rgba(107,95,116,.16);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:14px}.app-shell .docs__table>div{display:grid;grid-template-columns:1fr 2fr;grid-gap:16px;gap:16px;padding:11px 18px;font-family:var(--font-mono);font-size:.8125rem;border-top:1px solid rgba(107,95,116,.12)}.app-shell .docs__table>div:first-child{border-top:0;background:rgba(107,95,116,.06);font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-espresso)}.app-shell .docs__cta{padding-top:12px}@media (max-width:860px){.app-shell .docs{grid-template-columns:1fr;gap:24px}.app-shell .docs__nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.app-shell .docs__nav-title{display:none}.app-shell .docs__nav a{background:var(--color-ivory);border:1px solid rgba(107,95,116,.16)}}