/* Standalone text pages (Privacy, MCP). Layout only: every color, face, and
   size comes from the tokens in home.css, so lens theming applies here too. */
.doc{max-width:68ch;margin:0 auto;padding:clamp(28px,6vw,80px) clamp(20px,5vw,40px) 0;}
.doc-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(34px,5vw,52px);color:var(--muted);font-family:var(--sans);font-size:14px;font-weight:650;transition:color .2s;}
.doc-back:hover{color:var(--ink);}
.doc h1{margin:0 0 12px;text-wrap:balance;font-size:var(--fs-entry);font-weight:520;line-height:1.08;letter-spacing:-.018em;}
/* .doc h1 em is themed by the per-lens highlight groups in home.css */
.doc-lede{margin:0 0 clamp(36px,5vw,54px);color:var(--ink-2);font-size:clamp(17px,1.7vw,19px);line-height:1.6;}
.doc h2{margin:clamp(38px,4.5vw,52px) 0 12px;font-size:var(--fs-h3);font-weight:650;line-height:1.25;letter-spacing:-.01em;scroll-margin-top:24px;}
.doc p,.doc li{color:var(--ink-2);font-size:17px;line-height:1.65;}
.doc p{margin:0 0 15px;}
.doc ul{margin:0 0 15px;padding-left:20px;}
.doc li{margin-bottom:8px;}
.doc strong{color:var(--ink);font-weight:650;}
.doc code{padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.06);font-family:var(--mono);font-size:.88em;color:var(--ink);}
.doc a:not(.doc-back):not(.doc-pill){color:var(--accent);border-bottom:1px solid rgba(var(--accent-rgb),.35);transition:border-color .2s;}
.doc a:not(.doc-back):not(.doc-pill):hover{border-bottom-color:var(--accent);}
.doc-note{margin:22px 0;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.025);}
.doc-note p:last-child{margin-bottom:0;}
.doc-foot{max-width:68ch;margin:clamp(52px,7vw,84px) auto 0;padding:26px clamp(20px,5vw,40px) clamp(40px,6vw,64px);border-top:1px solid var(--line);color:var(--muted);font-family:var(--sans);font-size:14px;}

/* ---- MCP page ---- */
/* The server URL row reuses the homepage card's .mcp-url and .mcp-copy. */
.doc .mcp-connect{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 clamp(30px,4vw,40px);}
.doc .mcp-url code{padding:0;background:none;font-size:14px;}

/* Jump links to each client, as a row of pills */
.doc .doc-jump{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.doc-jump li{margin:0;}
.doc-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:650;transition:border-color .2s,background .2s;}
.doc-pill:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.06);}

/* Numbered steps with accent counters */
.doc .doc-steps{margin:0 0 15px;padding:0;list-style:none;counter-reset:step;}
.doc-steps li{position:relative;margin-bottom:12px;padding-left:40px;counter-increment:step;}
.doc-steps li::before{content:counter(step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:50%;color:var(--accent);font-family:var(--sans);font-size:13px;font-weight:720;}
.doc-plan{margin:-4px 0 16px;color:var(--muted);font-family:var(--sans);font-size:14px;}

/* Code snippet: a caption bar with the file or shell name and a copy button */
.doc-code{margin:16px 0 20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(8,8,12,.6);overflow:hidden;}
.doc-code figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:650;}
.doc-code button,.doc-asks button{flex:none;min-height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font-family:var(--sans);font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s;}
.doc-code button:hover,.doc-asks button:hover{border-color:var(--accent);}
.doc-code button.is-copied,.doc-asks button.is-copied{border-color:var(--accent);color:var(--accent);}
.doc-code pre{margin:0;padding:16px 18px;overflow-x:auto;}
.doc-code pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.doc-code pre code{padding:0;background:none;font-size:14px;line-height:1.6;white-space:pre;}
/* A one-line command wraps instead of scrolling; the copied text stays one line. */
.doc-code--wrap pre code{white-space:pre-wrap;overflow-wrap:anywhere;}

/* Sample questions */
.doc .doc-asks{margin:0 0 15px;padding:0;list-style:none;display:grid;gap:10px;}
.doc-asks li{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:10px 10px 10px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.025);color:var(--ink);}