.docs-page { --docs-header-height:76px; }
.docs-header { height:var(--docs-header-height); position:sticky; top:0; z-index:20; display:flex; gap:24px; align-items:center; padding:0 40px; border-bottom:1px solid var(--interactive-border); background:var(--surface-background); }
.docs-header .brand { gap:10px; flex:none; }
.docs-label { border-left:1px solid var(--interactive-border); padding-left:24px; color:var(--surface-muted-foreground); font-size:14px; }
.docs-header nav { margin-left:auto; display:flex; align-items:center; gap:28px; font-size:13px; }
.docs-header nav a { padding:12px 0; }
.docs-header a:hover { color:var(--interactive-selection); }
.docs-header .docs-download { padding:7px 16px; border-radius:5px; background:var(--primary-base); color:var(--primary-foreground); }
.docs-header .docs-download:hover { background:var(--interactive-selection); }
.docs-layout { display:grid; grid-template-columns:248px minmax(0,760px) 192px; gap:clamp(28px,4vw,64px); max-width:1440px; padding:0 40px; margin:0 auto; }
.docs-sidebar,.docs-toc { position:sticky; top:var(--docs-header-height); height:calc(100svh - var(--docs-header-height)); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--interactive-border) transparent; padding:32px 0 48px; }
.docs-menu>summary { display:none; }
.docs-section { margin:0 0 25px; }
.docs-section h2,.docs-section>summary { font-size:12px; font-weight:600; margin:0 0 8px; color:var(--surface-foreground); }
.docs-section>summary { cursor:pointer; padding:8px 0; }
.docs-section a { display:block; font-size:13px; line-height:1.5; color:var(--surface-muted-foreground); padding:8px 12px; border-left:1px solid var(--interactive-border); }
.docs-section a:hover { color:var(--surface-foreground); background:var(--interactive-hover); }
.docs-section a[aria-current] { color:var(--interactive-selection); background:color-mix(in srgb,var(--interactive-selection) 7%,transparent); border-color:var(--interactive-selection); }
.docs-main { min-width:0; padding:58px 0 70px; }
.docs-page-heading>p { color:var(--surface-muted-foreground); font-size:12px; margin:0 0 16px; }
.docs-page-heading h1 { font-size:clamp(30px,3.2vw,44px); font-weight:550; line-height:1.22; letter-spacing:-.045em; text-wrap:balance; }
.docs-description { margin-top:20px; font-size:17px; line-height:1.8; color:var(--surface-muted-foreground); max-width:44em; }
.docs-page-heading { padding-bottom:32px; margin-bottom:30px; border-bottom:1px solid var(--interactive-border); }
.docs-start { margin:0 0 36px; }
.docs-start>a { display:block; padding:17px 20px; border-left:2px solid var(--interactive-border); }
.docs-start>a:hover { background:var(--interactive-hover); border-color:var(--interactive-selection); }
.docs-start span { font-size:17px; font-weight:500; }
.docs-start p { font-size:13px; margin-top:4px; color:var(--surface-muted-foreground); }
.docs-prose { font-size:15px; line-height:1.95; overflow-wrap:anywhere; }
.docs-prose>p,.docs-prose>ul,.docs-prose>ol,.docs-prose>blockquote { margin:0 0 22px; }
.docs-prose h2 { font-size:23px; line-height:1.45; letter-spacing:-.025em; font-weight:550; margin:42px 0 16px; scroll-margin-top:100px; }
.docs-prose h3 { font-size:18px; font-weight:550; margin:30px 0 12px; scroll-margin-top:100px; }
.docs-prose li { margin:8px 0; padding-left:4px; }
.docs-prose ul,.docs-prose ol { padding-left:23px; }
.docs-prose li::marker { color:var(--surface-muted-foreground); }
.docs-prose strong { font-weight:600; }
.docs-prose a { text-decoration:underline; text-decoration-color:var(--interactive-border); text-underline-offset:4px; color:var(--interactive-selection); }
.docs-prose a:hover { text-decoration-color:currentColor; }
.docs-prose code { font-size:.87em; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; background:var(--surface-elevated); border-radius:4px; padding:3px 6px; }
.docs-prose pre { position:relative; overflow-x:auto; padding:22px; background:var(--surface-elevated); border:1px solid var(--interactive-border); border-radius:6px; margin:24px 0; font-size:13px; line-height:1.8; }
.docs-prose pre code { padding:0; background:none; border-radius:0; font-size:inherit; }
.docs-prose blockquote { border-left:2px solid var(--interactive-selection); padding:8px 20px; color:var(--surface-muted-foreground); }
.docs-prose blockquote p { margin:0; }
.docs-prose table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:24px 0; font-size:14px; }
.docs-prose th,.docs-prose td { text-align:left; padding:12px 16px; border:1px solid var(--interactive-border); min-width:100px; }
.docs-prose th { background:var(--surface-elevated); font-weight:500; }
.docs-prose img { margin:28px 0; border:1px solid var(--interactive-border); border-radius:8px; }
.docs-shot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:680px; margin:28px auto; }
.docs-phone-shot { width:100%; max-width:390px; margin:28px auto; min-width:0; }
.docs-shot-grid .docs-phone-shot { margin:0 auto; }
.docs-phone-shot img { width:100%; height:auto; margin:0; }
.docs-phone-shot figcaption { margin-top:12px; color:var(--surface-muted-foreground); font-size:13px; line-height:1.7; }
.docs-prose details { margin:24px 0; padding:16px 20px; border:1px solid var(--interactive-border); border-radius:6px; }
.docs-prose summary { cursor:pointer; }
.docs-article-footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--interactive-border); }
.docs-article-footer>a { color:var(--surface-muted-foreground); font-size:12px; }
.docs-article-footer>a:hover { color:var(--interactive-selection); }
.docs-pagination { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }
.docs-pagination a { padding:16px; border:1px solid var(--interactive-border); border-radius:6px; }
.docs-pagination a:hover { background:var(--interactive-hover); }
.docs-pagination small { display:block; font-size:12px; color:var(--surface-muted-foreground); margin-bottom:5px; }
.docs-pagination span { font-size:14px; }
.docs-pagination a:last-child { text-align:right; }
.docs-toc { padding-top:60px; font-size:12px; }
.docs-toc p { margin-bottom:16px; color:var(--surface-muted-foreground); }
.docs-toc nav a { display:block; color:var(--surface-muted-foreground); border-left:1px solid var(--interactive-border); padding:7px 0 7px 16px; line-height:1.6; }
.docs-toc nav a:hover { color:var(--interactive-selection); border-color:var(--interactive-selection); }
.docs-toc .depth-3 { padding-left:25px; }
.docs-toc-home { display:block; margin-top:32px; color:var(--surface-muted-foreground); }
.docs-search { margin-bottom:28px; }
.docs-search>label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.docs-search input { width:100%; min-height:40px; border:1px solid var(--interactive-border); border-radius:5px; background:var(--surface-elevated); color:var(--surface-foreground); font:inherit; font-size:13px; padding:10px 12px; }
.docs-search input::placeholder { color:var(--surface-muted-foreground); }
.docs-search input:focus-visible { outline:2px solid var(--interactive-focus-ring); outline-offset:2px; }
#docs-results { margin-top:12px; }
#docs-results a { display:block; padding:12px 8px; border-bottom:1px solid var(--interactive-border); }
#docs-results a:hover { background:var(--interactive-hover); }
#docs-results b { display:block; font-size:13px; font-weight:500; }
#docs-results small,.docs-empty { display:block; font-size:12px; line-height:1.7; color:var(--surface-muted-foreground); margin-top:4px; }
@media(max-width:1150px) { .docs-layout { grid-template-columns:220px minmax(0,1fr); gap:40px; } .docs-toc { display:none; } }
@media(max-width:900px) {
  .docs-page { --docs-header-height:64px; }
  .docs-header { padding:0 22px; gap:16px; }
  .docs-label { font-size:12px; padding-left:16px; }
  .docs-header nav { gap:18px; }
  .docs-github { display:none; }
  .docs-layout { display:block; padding:0 24px; }
  .docs-sidebar { position:relative; top:auto; height:auto; padding:0; overflow:visible; border-bottom:1px solid var(--interactive-border); }
  .docs-menu>summary { display:list-item; padding:16px 0; font-size:13px; cursor:pointer; color:var(--surface-muted-foreground); }
  .docs-menu:not([open])>.docs-nav-body { display:none; }
  .docs-nav-body { padding:8px 0 16px; }
  .docs-main { padding-top:34px; }
  .docs-page-heading h1 { font-size:32px; }
  .docs-description { font-size:15px; }
  .docs-prose { font-size:15px; }
}
@media(max-width:600px) { .docs-shot-grid { grid-template-columns:1fr; gap:28px; } }
@media(max-width:400px) { .docs-header { padding:0 16px; gap:12px; } .docs-label { display:none; } .docs-header nav { gap:14px; } .docs-layout { padding:0 20px; } .docs-pagination { gap:12px; } }