.docs-head { border-bottom: 1px solid var(--line); }
.docs { width: min(100%, 54rem); padding-top: clamp(3.5rem, 8vw, 7rem); padding-bottom: clamp(5rem, 10vw, 9rem); }
.docs-intro { max-width: 43rem; }.docs-intro h1 { font-size: clamp(2.8rem, 6vw, 4.5rem); }.docs-intro > p:last-child { margin-top: 1.4rem; color: var(--muted); font-size: 1.07rem; }
.agent-card { max-width: 48rem; margin-top: 3.5rem; border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: .8rem; background: var(--accent-soft); padding: clamp(1.25rem, 3vw, 2rem); }.agent-card p:last-child { margin-top: .65rem; }
.toc { display: flex; flex-wrap: wrap; gap: .6rem; margin: 2rem 0 clamp(4rem, 8vw, 6rem); }.toc a { border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: .84rem; padding: .38rem .72rem; text-decoration: none; }.toc a:hover { color: var(--ink); border-color: var(--accent); }
.docs section { scroll-margin-top: 2rem; max-width: 48rem; margin-top: clamp(4rem, 8vw, 6rem); }.docs section > p:not(.eyebrow), .tool-card > p { margin-top: 1rem; color: var(--muted); }.docs h2 { font-size: clamp(1.85rem, 4vw, 2.8rem); }.docs h3 { font-size: 1.35rem; }.docs code { border-radius: .25rem; background: var(--panel); color: var(--ink); font: .88em/1.45 'IBM Plex Mono', monospace; padding: .1em .25em; }.docs pre { margin: 1.5rem 0; overflow: auto; border: 1px solid var(--line); border-radius: .7rem; background: var(--panel); padding: 1.15rem; }.docs pre code { display: block; min-width: 34rem; background: transparent; padding: 0; }.note { border-left: 3px solid var(--accent); background: var(--accent-soft); color: var(--ink) !important; padding: .8rem 1rem; font-size: .92rem; }
.tool-card { margin-top: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: var(--surface); padding: clamp(1.2rem, 3vw, 2rem); }.tool-card dl { display: grid; grid-template-columns: minmax(8rem, .7fr) minmax(0, 1.3fr); gap: .6rem 1rem; margin: 1.35rem 0 0; border-top: 1px solid var(--line); padding-top: 1rem; }.tool-card dt { font-weight: 600; }.tool-card dd { margin: 0; color: var(--muted); }.tool-card em { color: var(--muted); font-size: .75rem; font-style: normal; }.tool-card strong { color: var(--ink); }
.scope-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; margin-top: 1.5rem; }.scope-grid article { min-width: 0; border: 1px solid var(--line); border-radius: .8rem; background: var(--panel); padding: 1.4rem; }.scope-grid .open { border-style: dashed; }.scope-grid ul { padding-left: 1.1rem; }.scope-grid li { margin-top: .45rem; }.scope-grid p { margin-top: 1rem; color: var(--muted); font-size: .9rem; }.limit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }.limit-list li { border: 1px solid var(--line); border-radius: .6rem; background: var(--panel); padding: .8rem 1rem; }
@media (max-width: 46rem) { .docs-head nav a:not(.small-cta) { display: none; }.tool-card dl, .scope-grid, .limit-list { grid-template-columns: minmax(0, 1fr); }.tool-card dd { margin-top: -.4rem; }.docs pre { margin-inline: 0; }.docs pre code { min-width: 31rem; } }
@media (prefers-color-scheme: dark) { .tool-card { background: var(--surface); } }