.docs { display: grid; gap: var(--s6); max-width: 78ch; }
.docs h2 { font-size: 1rem; margin: 0 0 var(--s2); }
.docs h3 { font-size: 0.92rem; margin: var(--s4) 0 var(--s2); }
.docs p, .docs li { color: var(--ink-2); }
.docs ul, .docs ol { margin: 0; padding-left: 1.1rem; display: grid; gap: var(--s2); }
.doc-jump { display: flex; flex-wrap: wrap; gap: var(--s2); }
.doc-jump a { font-size: 0.78rem; color: var(--ink-2); text-decoration: none; border: 1px solid var(--rule); border-radius: 999px; padding: 0.2rem 0.55rem; }
.doc-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.doc-table th, .doc-table td { text-align: left; vertical-align: top; padding: 0.4rem 0.45rem; border-bottom: 1px solid var(--rule); }
.doc-table th { color: var(--ink-3); font-weight: 500; }
.sandbox { display: grid; gap: var(--s4); }
.table-wrap { overflow-x: auto; }
.sandbox table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.sandbox th, .sandbox td { text-align: left; padding: 0.35rem; border-bottom: 1px solid var(--rule); }
.sandbox input { width: 100%; min-width: 5.5rem; font: inherit; padding: 0.35rem 0.4rem; border: 1px solid var(--rule-2); border-radius: 6px; background: var(--paper); color: var(--ink); }
.sandbox-actions { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; }
.sandbox-actions button, .sandbox-actions a { font: inherit; border: 1px solid var(--rule-2); background: var(--paper); color: var(--ink); border-radius: 999px; padding: 0.4rem 0.8rem; text-decoration: none; }
.sandbox-actions button[type="submit"] { background: var(--ink); color: var(--paper); }

/* Chat answers */
.is-thinking { color: var(--ink-3); }
.a-body { display: grid; gap: var(--s3); max-width: 68ch; }
.a-body p { margin: 0; font-size: 1rem; line-height: 1.6; }
.a-body p.a-head { margin-top: var(--s1); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.a-body code { font-family: var(--font-mono); font-size: 0.85em; background: var(--paper-3); padding: 0.05em 0.35em; border-radius: 4px; }
.a-list { margin: 0; padding-left: 1.1rem; display: grid; gap: var(--s1); }
.a-facts { margin: 0; padding: var(--s3) var(--s4); list-style: none; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--s2) var(--s5); border: 1px solid var(--rule); border-radius: 10px; background: var(--paper-2); }
.a-facts li { display: contents; }
.a-k { font-size: 0.85rem; color: var(--ink-3); }
.a-v { font-size: 0.95rem; }
mark.unverified { padding: 0 var(--s1); border-radius: 4px; background: var(--warn-wash); color: var(--warn); font-family: var(--font-mono); font-size: 0.92em; text-decoration: underline dotted; cursor: help; }
.chat-silos { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--s3); margin-top: var(--s4); }
.chat-silo { --vessel: 150px; display: grid; gap: var(--s3); padding: var(--s3) var(--s4); border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); color: inherit; text-decoration: none; transition: border-color 120ms ease; }
.chat-silo:hover { border-color: var(--rule-2); }
.chat-silo-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); font-size: 0.9rem; }
.chat-silo-head .mono { font-weight: 500; }
.chat-silo-name { color: var(--ink-2); }
.chat-silo-head .pill { margin-left: auto; }
.chat-silo .tank-body { grid-template-columns: 62px minmax(0, 1fr); gap: var(--s3); }
.chat-silo .vessel { border-radius: 18px 18px 8px 8px; }
.chat-silo .tag { font-size: 0.72rem; }
.chat-silo-rules { display: flex; flex-wrap: wrap; gap: var(--s1); }
.chat-silo-why { font-size: 0.8rem; line-height: 1.45; color: var(--ink-3); }