.docs-main { display:grid; grid-template-columns:200px minmax(0, 1fr); gap:clamp(40px,6vw,96px); padding-block:64px 100px; }
.docs-navigation { align-self:start; position:sticky; top:32px; font-size:14px; }
.docs-navigation nav { display:grid; gap:4px; }
.docs-navigation nav a { display:flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.docs-navigation p { color:var(--muted); margin-top:32px; line-height:1.65; }
.docs-navigation p a { text-decoration:underline; }
.docs-content { min-width:0; max-width:76ch; }
.docs-main h1 { font-size:clamp(40px,4.6vw,64px); line-height:1.08; letter-spacing:-.035em; margin:0 0 24px; text-wrap:balance; }
.docs-lede { font-size:20px; line-height:1.6; color:var(--muted); }
.docs-main h2 { font-size:30px; line-height:1.2; margin:64px 0 20px; letter-spacing:-.025em; scroll-margin-top:32px; }
.docs-main h3 { font-size:18px; margin:28px 0 14px; }
.docs-main p { line-height:1.7; margin-bottom:20px; }
.docs-main p a:not(.button), .docs-main li a { text-decoration:underline; text-underline-offset:4px; }
.docs-main ol { padding-left:24px; line-height:1.7; margin:0 0 24px; }
.docs-main li { padding-left:8px; margin-block:12px; }
.docs-main code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:14px; }
.docs-main code.inline { overflow-wrap:anywhere; padding:2px 5px; background:var(--mint); border-radius:4px; }
.docs-main pre.code { margin:0; padding:24px; background:var(--mint); border-radius:16px; max-width:100%; overflow-x:auto; line-height:1.8; tab-size:2; }
.docs-main pre.code > code { display:block; min-width:max-content; color:var(--green); }
.docs-main .k { font-weight:600; } .docs-main .s { color:#4a612d; } .docs-main .c { color:#526447; }
.docs-table-wrap { max-width:100%; overflow-x:auto; margin:24px 0; }
.docs-table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.65; font-variant-numeric:tabular-nums; }
.docs-table th, .docs-table td { padding:16px 20px 16px 0; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.docs-table th { font-weight:600; } .docs-table td:first-child { min-width:180px; overflow-wrap:anywhere; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.docs-table td:last-child { min-width:220px; }
.docs-example { margin-top:20px; border-top:1px solid var(--line); }
.docs-example summary { padding:16px 0; min-height:52px; cursor:pointer; font-weight:600; }
.docs-example > p { margin-top:8px; }
.docs-copy { border:1px solid var(--line-strong); background:var(--canvas); color:var(--green); border-radius:8px; min-height:44px; padding:8px 14px; font:inherit; font-size:14px; cursor:pointer; margin:12px 0 20px; }
.docs-copy:hover { background:var(--lime); }
.docs-copy-status { color:var(--muted); font-size:14px; }
.docs-help { margin-top:48px; padding-top:24px; border-top:1px solid var(--line); }
@media(max-width:800px) { .docs-main { grid-template-columns:minmax(0,1fr); padding-block:32px 64px; gap:32px; } .docs-navigation { position:static; } .docs-navigation nav { display:grid; grid-template-columns:1fr 1fr; gap:4px 16px; } .docs-navigation p { margin:16px 0 0; } .docs-lede { font-size:18px; } .docs-main h2 { font-size:26px; margin-top:48px; } .docs-main pre.code { padding:20px; } }