/* api.html and tokens.html only */
.doc { max-width: 900px; margin: 0 auto; padding: 24px 16px 40px; }
.doc pre { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; padding: 12px; overflow: auto; font-size: 12.5px; line-height: 1.5; max-width: 100%; }
.doc code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.doc pre code { white-space: pre; }
.doc table { border-collapse: collapse; width: 100%; font-size: 14px; display: block; overflow-x: auto; }
.doc th, .doc td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.doc td code { white-space: normal; }
.doc h1 { font-size: 1.9rem; line-height: 1.2; } .doc h2 { font-size: 1.35rem; margin-top: 32px; } .doc h3 { font-size: 1.05rem; margin-top: 22px; }
.codegroup { margin: 10px 0 16px; }
.codegroup .tabs { display: inline-flex; flex-wrap: wrap; gap: 0; padding: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--card); margin-bottom: 6px; }
.codegroup .tab { border: none; border-right: 1px solid var(--line); background: var(--card); color: var(--ink); padding: 5px 11px; cursor: pointer; font-size: 13px; }
.codegroup .tab.active { background: var(--accent); color: var(--accent-ink); font-weight: 700; }
.tokbox { border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: var(--card); margin: 14px 0; }
.tokbox code { word-break: break-all; }
.statebox { background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; }
.mono { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
.tokenrow { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.tokenbox { font-family: ui-monospace, Menlo, monospace; font-size: 13px; background: var(--card); border: 1px solid var(--line); padding: 8px 12px; border-radius: 8px; overflow-wrap: anywhere; flex: 1; }