.opk-landing .doc-shell{display:grid;grid-template-columns:280px 1fr 240px;gap:0;min-height:calc(100vh - 64px)}.opk-landing .doc-side{border-right:1px solid var(--opk-border);padding:40px 24px 40px 0;position:sticky;top:64px;height:-moz-fit-content;height:fit-content}.opk-landing .doc-side h6{font-family:var(--opk-font-mono);font-size:11px;color:var(--opk-fg-3);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 8px;font-weight:600}.opk-landing .doc-side h6:first-child{margin-top:0}.opk-landing .doc-side ul{list-style:none;padding:0;margin:0}.opk-landing .doc-side li a{display:block;padding:6px 12px;border-radius:6px;color:var(--opk-fg-2);font-size:14px;cursor:pointer}.opk-landing .doc-side li a:hover{background:var(--opk-bg-subtle);color:var(--opk-fg-1)}.opk-landing .doc-side li a.active{background:var(--opk-accent-100);color:var(--opk-accent-700);font-weight:500}.opk-landing .doc-main{padding:56px 56px 100px;max-width:760px;margin:0 auto}.opk-landing .doc-main .crumb{font-family:var(--opk-font-mono);font-size:12px;color:var(--opk-fg-3);margin-bottom:16px;letter-spacing:.04em}.opk-landing .doc-main h1{font-size:48px;font-weight:600;letter-spacing:-.025em;line-height:1.05;margin:0 0 16px}.opk-landing .doc-main .doc-lede{font-size:18px;color:var(--opk-fg-2);line-height:1.6;margin:0 0 32px;padding-bottom:32px;border-bottom:1px solid var(--opk-border)}.opk-landing .doc-main h2{font-size:28px;font-weight:600;letter-spacing:-.015em;margin:48px 0 16px;scroll-margin-top:80px}.opk-landing .doc-main h3{font-size:18px;font-weight:600;margin:28px 0 8px}.opk-landing .doc-main p{font-size:15px;line-height:1.7;color:var(--opk-fg-2);margin:0 0 16px}.opk-landing .doc-main code{font-family:var(--opk-font-mono);font-size:13px;background:var(--opk-bg-subtle);padding:2px 6px;border-radius:4px;color:var(--opk-brand-700)}.opk-landing .doc-main pre{background:var(--opk-gray-900);color:#f1f2f3;padding:24px;border-radius:12px;font-family:var(--opk-font-mono);font-size:13px;line-height:1.7;overflow-x:auto;margin:16px 0 24px}.opk-landing .doc-main pre .c{color:var(--opk-gray-500)}.opk-landing .doc-main pre .k{color:var(--opk-accent-500)}.opk-landing .doc-main pre .s{color:#d2cbeb}.opk-landing .doc-main pre .f{color:#b2a4e5}.opk-landing .doc-main ul{padding-left:20px;margin:0 0 16px;font-size:15px;line-height:1.7;color:var(--opk-fg-2)}.opk-landing .doc-main ul li{margin-bottom:4px}.opk-landing .doc-main .callout{background:var(--opk-accent-100);border-left:3px solid var(--opk-accent-500);padding:16px 20px;border-radius:0 8px 8px 0;margin:16px 0 24px;font-size:14px}.opk-landing .doc-main .callout strong{color:var(--opk-accent-700)}.opk-landing .doc-toc{padding:56px 24px 40px;position:sticky;top:64px;height:-moz-fit-content;height:fit-content}.opk-landing .doc-toc h6{font-family:var(--opk-font-mono);font-size:11px;color:var(--opk-fg-3);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.opk-landing .doc-toc ul{list-style:none;padding:0;margin:0;border-left:1px solid var(--opk-border)}.opk-landing .doc-toc li a{display:block;padding:4px 16px;color:var(--opk-fg-3);font-size:13px}.opk-landing .doc-toc li a:hover{color:var(--opk-fg-1)}.opk-landing .doc-toc li a.on{color:var(--opk-accent-700);border-left:1px solid var(--opk-accent-500);margin-left:-1px;padding-left:16px}@media (max-width:1100px){.opk-landing .doc-shell{grid-template-columns:240px 1fr}.opk-landing .doc-toc{display:none}}@media (max-width:760px){.opk-landing .doc-shell{grid-template-columns:1fr}.opk-landing .doc-side{position:static;border-right:none;border-bottom:1px solid var(--opk-border);padding:24px 0}.opk-landing .doc-main{padding:32px 24px 64px}.opk-landing .doc-main h1{font-size:36px}}