/* Landing-page navigation for the Security and Use Cases sections. */
body.site-docs { max-width: none; margin: 0; padding: 0; background: #0b0d0d; }
:root[data-theme="light"] body.site-docs { background: #f4f6f3; }
.site-docs .docs-content, .site-docs .docs-footer { width: min(900px, calc(100% - 48px)); margin-left: auto; margin-right: auto; }
.site-docs .docs-content { padding-top: 48px; }
.site-docs .docs-footer { margin-bottom: 32px; }
.site-docs .nav { box-sizing: border-box; width: min(1200px, calc(100% - 48px)); height: 88px; margin: auto; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.site-docs .brand-logo { width: 180px; height: 52px; object-fit: cover; object-position: center; }
.site-docs .nav-links { display: flex; align-items: center; gap: 28px; color: var(--muted); font-size: .9rem; line-height: normal; }
.site-docs .nav-links a { text-decoration: none; }
.site-docs .nav-links a:hover, .site-docs .nav-links a[aria-current] { color: var(--fg-strong); }
.site-docs .nav-login { color: #0b0d0d; padding: 10px 16px; background: #b7ff5a; border-radius: 3px; font-weight: 700; }
.site-docs .nav-links .nav-login:hover { color: #0b0d0d; background: #cbff88; }
.site-docs .menu-toggle { display: none; color: var(--fg); border: 1px solid var(--line); padding: 8px 11px; background: transparent; border-radius: 3px; cursor: pointer; }
.site-docs .theme-toggle { flex-shrink: 0; width: 2.3rem; height: 2.3rem; border-radius: 3px; }
@media (max-width: 760px) {
  .site-docs .nav { position: relative; width: calc(100% - 32px); height: 72px; flex-direction: row; align-items: center; }
  .site-docs .menu-toggle { display: block; }
  .site-docs .nav-links { display: none; position: absolute; z-index: 4; top: 71px; left: 0; right: 0; padding: 20px; background: var(--bg); border: 1px solid var(--line); flex-direction: column; align-items: stretch; }
  .site-docs .nav-links.open { display: flex; }
  .site-docs .nav-login { text-align: center; }
  .site-docs .docs-content, .site-docs .docs-footer { width: calc(100% - 32px); }
  .site-docs .docs-content { padding-top: 32px; }
}