/* Flareform Docs: clean product docs (parent provides docs rail) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --theme-color: #1a1a1a;
  --sidebar-width: 0px !important;
  --docs-content-bg: #ffffff;
  --docs-text: #1a1a1a;
  --docs-muted: #3f3f46;
  --docs-border: #e4e4e7;
  --docs-code-inline-bg: #f4f4f5;
  --docs-pre-bg: #0d1117;
  --docs-pre-border: #21262d;
  --docs-pre-text: #e6edf3;
}

html, body {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-weight: 400;
  background: var(--docs-content-bg);
  color: var(--docs-text);
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.sidebar,
.sidebar-toggle,
.search,
.sidebar-nav {
  display: none !important;
  width: 0 !important;
  visibility: hidden !important;
}

body,
body.close,
body.ready {
  --sidebar-width: 0px !important;
}

.sidebar + .content,
.content,
body.close .content,
body.ready .content,
.main,
section.content {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 28px 32px 56px !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.markdown-section {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: var(--docs-text) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  padding: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.markdown-section h1 {
  font-size: 30px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 14px !important;
  color: #18181b !important;
  border-bottom: none !important;
}

.markdown-section h2 {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  margin: 36px 0 12px !important;
  color: #18181b !important;
  border-bottom: 1px solid var(--docs-border) !important;
  padding-bottom: 8px !important;
}

.markdown-section h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 24px 0 8px !important;
  color: #18181b !important;
}

.markdown-section p,
.markdown-section li {
  color: var(--docs-muted) !important;
}

.markdown-section strong {
  color: #18181b !important;
  font-weight: 600 !important;
}

.markdown-section a {
  color: #18181b !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-decoration-color: #a1a1aa !important;
  text-underline-offset: 3px !important;
}

.markdown-section a:hover {
  text-decoration-color: #18181b !important;
}

/* Inline code - neutral chip, never brand accent */
.markdown-section :not(pre) > code {
  background: var(--docs-code-inline-bg) !important;
  color: #18181b !important;
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 0.86em !important;
  font-weight: 400 !important;
  border-radius: 3px !important;
  padding: 0.15em 0.4em !important;
  border: 1px solid #e4e4e7 !important;
}

/* Code blocks - GitHub-dark style */
.markdown-section pre,
.markdown-section pre[data-lang],
.markdown-section pre[class*="language-"] {
  background: var(--docs-pre-bg) !important;
  border-radius: 6px !important;
  border: 1px solid var(--docs-pre-border) !important;
  margin: 16px 0 !important;
  padding: 14px 16px !important;
  overflow: auto !important;
  box-shadow: none !important;
}

.markdown-section pre > code,
.markdown-section pre[class*="language-"] > code,
.markdown-section code[class*="language-"] {
  background: transparent !important;
  color: var(--docs-pre-text) !important;
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  padding: 0 !important;
  border: none !important;
  white-space: pre !important;
}

/* Prism tokens (no brand orange) */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #8b949e !important;
}

.token.punctuation {
  color: #c9d1d9 !important;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #7ee787 !important;
}

.token.boolean,
.token.number {
  color: #79c0ff !important;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a5d6ff !important;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #c9d1d9 !important;
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #ff7b72 !important;
}

.token.function,
.token.class-name {
  color: #d2a8ff !important;
}

.token.regex,
.token.important,
.token.variable {
  color: #ffa657 !important;
}

.markdown-section table {
  display: block;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 18px 0 !important;
  width: 100%;
}

.markdown-section th,
.markdown-section td {
  border: 1px solid var(--docs-border) !important;
  padding: 10px 12px !important;
  text-align: left !important;
  font-size: 13.5px !important;
}

.markdown-section th {
  background: #fafafa !important;
  color: #18181b !important;
  font-weight: 600 !important;
}

.markdown-section td {
  color: var(--docs-muted) !important;
}

.markdown-section blockquote {
  border-left: 3px solid #d4d4d8 !important;
  background: #fafafa !important;
  color: var(--docs-muted) !important;
  margin: 16px 0 !important;
  padding: 10px 14px !important;
}

.markdown-section ol,
.markdown-section ul {
  padding-left: 1.35em !important;
}

.markdown-section li + li {
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .content,
  body.close .content {
    padding: 18px 16px 40px !important;
  }
}