/* Final bridge between the Antora UI and the public ShrikeDB product shell. */
:root {
  --docs-bg: #fffefa;
  --docs-canvas: #f7f8f3;
  --docs-panel: #f7f8f3;
  --docs-panel-strong: #edf2e9;
  --docs-ink: #15352f;
  --docs-copy: #3c5148;
  --docs-muted: #62776a;
  --docs-border: #d4dfd3;
  --docs-border-strong: #b4c6b6;
  --docs-green: #153b31;
  --docs-green-2: #236451;
  --docs-accent: #b96043;
  --docs-lime: #d9e6a2;
  --docs-code: #102d27;
  --docs-header-height: 76px;
}
body { background: var(--docs-bg); font-family: var(--font-body); color: var(--docs-copy); }
.header { border-color: var(--docs-border); background: rgba(247, 248, 243, .96); }
.navbar { width: min(1240px, calc(100% - 80px)); }
.guide-brand { gap: 10px; color: var(--docs-ink); font-size: 23px; font-weight: 760; letter-spacing: -.04em; }
.guide-brand img { width: 34px; height: 34px; }
.navbar-end { gap: 4px; }
.navbar-end > a.navbar-item { position: relative; padding: 10px 13px; color: var(--docs-copy); font-size: 13px; font-weight: 640; }
.navbar-end > a.navbar-item:hover { border-radius: 6px; background: var(--docs-panel-strong); color: var(--docs-ink); }
.navbar-end > a.guide-current { color: var(--docs-ink); }
.navbar-end > a.guide-current::after { position: absolute; right: 13px; bottom: 3px; left: 13px; height: 2px; background: var(--docs-green-2); content: ''; }
.navbar-end > a.guide-cta { margin-left: 8px; padding: 10px 17px; border-radius: 6px; background: var(--docs-green); color: white; }
.navbar-end > a.guide-cta::after { display: none; }
.nav-menu h3.title, .doc table.tableblock th, .toc .toc-menu h3, .guide-footer-bottom { font-family: var(--font-mono); }
.doc { max-width: 900px; padding-top: 54px; }
.doc > h1.page:first-of-type,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 { font-family: var(--font-display); font-weight: 600; }
.doc > h1.page:first-of-type { margin-bottom: 28px; font-size: clamp(40px, 4.4vw, 56px); letter-spacing: -.04em; line-height: 1.07; text-wrap: balance; }
.doc h2:not(.discrete) { border-bottom-color: var(--docs-border); font-size: 29px; letter-spacing: -.015em; }
.doc h3:not(.discrete) { font-size: 21px; letter-spacing: -.01em; }
.doc .paragraph.lead > p, .doc .lead { color: #50645c; }
.doc pre, .doc code, .doc kbd, .doc samp { font-family: var(--font-mono); }
.nav-list .is-current-page > .nav-link, .nav-list .is-current-page > .nav-text { background: #e2eadf; box-shadow: inset 3px 0 var(--docs-green-2); }
.footer.guide-footer { background: #edf2e9; color: var(--docs-copy); border-top: 1px solid var(--docs-border); }
.guide-footer p, .guide-footer a, .guide-footer .guide-footer-bottom { color: var(--docs-copy); }
.guide-footer .guide-footer-bottom { border-top-color: var(--docs-border); }
.guide-footer-title { color: var(--docs-ink); font-family: var(--font-body); letter-spacing: -.03em; }

@media (min-width: 1500px) {
  .navbar { width: 1360px; }
}
@media (max-width: 1180px) {
  .navbar { width: calc(100% - 48px); }
  .navbar-end > a.navbar-item { padding-right: 8px; padding-left: 8px; }
}
@media (max-width: 1023px) {
  :root { --docs-header-height: 68px; }
  .navbar { width: calc(100% - 48px); }
  .navbar-menu { top: var(--docs-header-height); background: var(--docs-bg); }
  .navbar-end > a.navbar-item { padding: 12px; }
  .navbar-end > a.guide-current::after { display: none; }
  .navbar-end > a.guide-cta { margin: 7px 0 0; text-align: center; }
}
@media (max-width: 640px) {
  .navbar { width: calc(100% - 36px); }
  .guide-brand { font-size: 21px; }
  .guide-brand img { width: 30px; height: 30px; }
  .doc { padding: 38px 20px 60px; }
  .doc > h1.page:first-of-type { font-size: 37px; }
  .guide-footer-links { gap: 16px; }
}
