/* eona-ui-toolkit documentation pages. Everything else is the toolkit's own CSS. */
.docs-stacks { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.docs-stack { display: grid; gap: 16px; align-content: start; }
.docs-stack__links { display: flex; gap: 10px; flex-wrap: wrap; }
.docs-guide { max-width: 860px; }
.docs-guide h2 { margin-top: 2.2em; font-size: var(--eona-size-h3); }
.docs-guide h2:first-child { margin-top: 0; }
.docs-guide p, .docs-guide li { line-height: 1.65; }
.docs-guide a { text-decoration: underline; }
.docs-guide pre {
  margin: 0 0 1.4em; padding: 16px 18px; overflow: auto; border-radius: 12px;
  background: #0b0c3f; color: #e6e7ff; font-size: 13px; line-height: 1.55;
}
.docs-guide :not(pre) > code {
  padding: .1em .35em; border-radius: 6px; background: rgba(4,5,83,.07); font-size: .9em;
}
.docs-guide table { border-collapse: collapse; margin: 0 0 1.4em; width: 100%; font-size: 14px; }
.docs-guide th, .docs-guide td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(4,5,83,.12); vertical-align: top; }
.docs-guide blockquote {
  margin: 0 0 1.4em; padding: 12px 16px; border-left: 4px solid var(--eona-blue-action);
  background: rgba(0,112,240,.06); border-radius: 0 10px 10px 0;
}
.docs-guide blockquote p { margin: 0; }