/* Documentation extends the approved homepage tokens and components. */
.v-docs{--docs-header-height:88px;--docs-outline-height:48px;background:radial-gradient(ellipse 850px 540px at 80% 0,#284d712b,transparent),var(--bg)}
.v-docs .docs-header{position:sticky;top:0;z-index:10;background:#0c1320f5}
.v-docs .nav{padding-block:22px}
.v-docs .navlinks a[aria-current]{color:var(--accent)}
.v-docs .skip-link{position:fixed;z-index:50;top:12px;left:22px;transform:translateY(-160%);padding:12px 18px;border-radius:12px;background:var(--accent);color:var(--on-action)}
.v-docs .skip-link:focus{transform:none}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;max-width:1440px;margin:auto;padding:48px var(--gutter) 0}
.docs-sidebar{position:sticky;top:calc(var(--docs-header-height) + 24px);align-self:start;max-height:calc(100svh - var(--docs-header-height) - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#435b79 transparent;padding:4px 8px 8px 0}
.docs-outline>summary{display:none}
.v-docs .toc{display:flex;flex-direction:column;gap:2px}
.v-docs .toc a{position:relative;display:flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:10px;color:var(--muted);font-size:14px;line-height:1.5}
.v-docs .toc a:hover{background:#19294080;color:var(--ink)}
.v-docs .toc a[aria-current]{color:var(--accent);background:#25436a59}
.v-docs .toc a[aria-current]::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--accent);border-radius:2px}
.v-docs .toc a:focus-visible{outline-offset:-2px}
.v-docs .tt{margin:24px 14px 8px;color:#9eadc5;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.v-docs .tt:first-child{margin-top:0}
.doc-content{min-width:0}
.doc-content:focus{outline:none}
.v-docs .dhead{padding-bottom:46px;margin-bottom:46px;border-bottom:1px solid var(--line)}
.v-docs .eyebrow{display:flex;align-items:center;gap:12px;color:var(--aqua);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.v-docs .eyebrow::before{content:'';width:22px;height:1px;background:var(--aqua)}
.v-docs h1{font-size:46px;line-height:1.19;margin:16px 0 24px}
.v-docs h1 span{color:var(--accent)}
.v-docs .dhead p{max-width:75ch;color:var(--muted);line-height:1.75}
.v-docs b{font-weight:600;color:var(--ink)}
.v-docs em{font-style:normal}
.doc-section{min-width:0;padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid var(--line)}
.doc-section:last-of-type{padding-bottom:0;border:0}
.doc-section h2{font-size:30px;line-height:1.3;margin-bottom:24px;scroll-margin-top:calc(var(--docs-header-height) + 24px);text-wrap:pretty}
.doc-section h2:focus{outline:none}
.doc-section h2 span{color:var(--muted);font-size:20px;font-weight:400;letter-spacing:normal}
.doc-section h3{font-size:20px;line-height:1.45;margin:32px 0 16px;text-wrap:pretty}
.doc-section h3 span{font:inherit;color:var(--muted)}
.doc-section p{max-width:75ch;color:var(--muted);line-height:1.75;margin:16px 0;overflow-wrap:anywhere}
.doc-section p:first-of-type{margin-top:0}
.doc-content a:not(.code-copy){color:var(--accent);text-decoration:underline;text-decoration-color:#45678e;text-underline-offset:4px}
.doc-content a:hover{color:var(--action-hover);text-decoration-color:var(--accent)}
.doc-content :not(pre)>code{padding:2px 5px;border-radius:5px;background:#8ebaff0a;color:#bfd5ef;overflow-wrap:anywhere}
.v-docs .note{position:relative;margin:24px 0 0;padding:22px 24px 22px 28px;border-radius:20px;background:#19294066;box-shadow:0 10px 32px #00000026;color:var(--muted);font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.v-docs .note::before{content:'';position:absolute;inset:24px auto 24px 0;width:2px;background:#74ddcc80;border-radius:2px}
.v-docs .ep{display:flex;align-items:center;gap:16px;min-width:0;padding:22px 24px;margin:16px 0 22px;border-radius:20px;background:#19294080;box-shadow:0 10px 32px #00000026;color:#d4e4f7;font:400 16px/1.65 var(--mono);overflow-wrap:anywhere}
.v-docs .verb{flex:none;padding:4px 10px;border-radius:8px;background:#74ddcc14;color:var(--aqua);font:500 12px/1.65 var(--body);letter-spacing:.04em}
.v-docs .pill{display:inline-block;max-width:100%;margin:4px 4px 4px 0;padding:4px 9px;border-radius:8px;background:#253b5359;color:#bfd5ef;font:400 13px/1.6 var(--mono);overflow-wrap:anywhere}
.v-docs .doc-code{margin:18px 0 24px;background:linear-gradient(125deg,#4c6e98,#3b6d7359 55%,#243750);box-shadow:0 18px 44px #00000026}
.v-docs .code-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:4px 14px 4px 24px;border-radius:23px 23px 0 0;background:#13243a;color:#afc5df;font-size:12px;font-weight:500;letter-spacing:.06em}
.v-docs .code-copy{margin:0;flex:none;color:#9eb3ce}
.v-docs .code-copy[hidden]{display:none}
.v-docs .cb{margin:0;padding:20px 24px 24px;border-radius:0 0 23px 23px;background:linear-gradient(115deg,#122740,#0b1728 65%);color:#e3edfa;font:400 14px/1.85 var(--mono);white-space:break-spaces;overflow-wrap:anywhere;tab-size:2}
.v-docs .cb code{font:inherit;color:inherit;background:none;padding:0}
.v-docs .token-string{color:#b0dfd7}
.v-docs .token-keyword{color:#a8caff}
.v-docs .token-number{color:#c1d5f4}
.v-docs .token-comment{color:#9aacbf}
.v-docs .doc-table{width:100%;margin:24px 0;overflow:auto;border-radius:24px;background:radial-gradient(ellipse at 0 0,#3868a01f,transparent 65%),#19294066;box-shadow:0 18px 44px #00000040,0 4px 14px #00000026;scrollbar-width:thin;scrollbar-color:#435b79 transparent}
.v-docs .tb{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.6;color:var(--muted)}
.v-docs .tb th,.v-docs .tb td{padding:18px 22px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #29394e99}
.v-docs .tb th[scope=col]{color:#d4e4f7;font:500 13px/1.6 var(--body);background:#25436a40;letter-spacing:.02em}
.v-docs .tb th[scope=col] b{font-weight:500}
.v-docs .tb th[scope=row]{font:400 14px/1.65 var(--mono);color:#bfd5ef}
.v-docs .tb tr:last-child>*{border-bottom:0}
.v-docs .tb tr:hover>td,.v-docs .tb tr:hover>th[scope=row]{background:#8ebaff05}
.v-docs .tb th:first-child{width:24%}
.v-docs .tb td[colspan]{background:#25436a33;color:#bfd5ef}
.v-docs .ty{font:400 13px/1.7 var(--mono);color:var(--muted)}
.v-docs .yes{color:var(--aqua);font-weight:400}
.v-docs .no{color:var(--muted)}
.v-docs [aria-labelledby=indexes] .tb{min-width:780px}
.v-docs [aria-labelledby=indexes] .tb th:first-child{width:14%}
.v-docs [aria-labelledby=indexes] .tb th:nth-child(2){color:var(--accent)}
.v-docs [aria-labelledby=indexes] .tb th:nth-child(3){color:var(--aqua)}
.v-docs [aria-labelledby=params] .tb{min-width:860px}
.v-docs [aria-labelledby=params] .tb th:nth-child(2){width:12%}
.v-docs [aria-labelledby=params] .tb th:nth-child(3){width:14%}
.v-docs [aria-labelledby=fields] .tb th:nth-child(2){width:12%}
.v-docs [aria-labelledby=fields] .tb th:nth-child(3),.v-docs [aria-labelledby=fields] .tb th:nth-child(4){width:9%}
.v-docs [aria-labelledby=identify] .tb th:nth-child(2){width:28%}
.v-docs [aria-labelledby=caveats] .tb th:first-child{width:32%}
.v-docs [aria-labelledby=mcp] .tb{min-width:820px}
.v-docs [aria-labelledby=mcp] .tb th:first-child{width:32%}
.v-docs .foot{max-width:none;padding:32px 0 48px;border-top:1px solid var(--line);font-size:13px}
.v-docs .foot a{display:inline;margin:0;font-size:inherit}
@media(max-width:1100px){.docs-layout{grid-template-columns:190px minmax(0,1fr);gap:38px}.v-docs .tb{min-width:720px}}
@media(max-width:900px){
  .docs-layout{display:block;padding-top:24px}
  .docs-sidebar{position:sticky;top:var(--docs-header-height);z-index:5;max-height:none;overflow:visible;padding:0;margin-bottom:32px;background:#0c1320f5;backdrop-filter:blur(16px)}
  .docs-outline{border-radius:16px;background:#19294099;box-shadow:0 10px 32px #00000026}
  .docs-outline>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 18px;color:var(--ink);font-size:14px;list-style:none;cursor:pointer}
  .docs-outline>summary::-webkit-details-marker{display:none}
  .docs-outline[open]>summary svg{transform:rotate(180deg)}
  .docs-outline .toc{max-height:calc(100svh - var(--docs-header-height) - var(--docs-outline-height) - 24px);overflow:auto;padding:8px 12px 16px}
  .v-docs .toc a{min-height:44px}
  .v-docs .dhead{margin-bottom:38px;padding-bottom:38px}
  .doc-section h2{scroll-margin-top:calc(var(--docs-header-height) + var(--docs-outline-height) + 24px)}
}
@media(max-width:700px){
  .v-docs{--gutter:22px}
  .v-docs .nav{padding-block:20px}
  .v-docs h1{font-size:34px;margin-top:16px}
  .v-docs .eyebrow{font-size:11px;letter-spacing:.08em}
  .doc-section{padding-bottom:46px;margin-bottom:46px}
  .doc-section h2{font-size:28px;margin-bottom:22px}
  .doc-section h3{margin-top:28px}
  .v-docs .note{padding:20px 18px 20px 22px}
  .v-docs .ep{align-items:flex-start;gap:12px;padding:20px 18px;font-size:14px}
  .v-docs .doc-code,.v-docs .doc-table{border-radius:20px}
  .v-docs .code-bar{padding-left:18px;border-radius:19px 19px 0 0}
  .v-docs .cb{padding:16px 18px 20px;border-radius:0 0 19px 19px}
  .v-docs .tb{font-size:14px}
  .v-docs .tb th,.v-docs .tb td{padding:16px 18px}
}