/* Shared outer geometry for independently rendered Blog and documentation. */
html { scrollbar-gutter: stable; }
.site-header .wrap { box-sizing: border-box; width: 100%; max-width: 1320px; height: 72px; min-height: 72px; margin-inline: auto; padding-inline: 40px; display: grid; grid-template-columns: 140px minmax(0,1fr) 360px; gap: 24px; }
.site-header .brand { font: 600 17px/1.4 Inter, sans-serif; gap: 10px; white-space: nowrap; }
.site-header .brand-mark { width: 26px; height: 26px; border-radius: 7px; }
.site-header .site-menu { margin: 0; min-width: 0; justify-self: stretch; }
.site-header .site-nav { justify-content: center; flex-wrap: nowrap; font: 400 14.5px/20px Inter, sans-serif; }
.site-header .site-nav > a, .site-header .nav-category > summary { box-sizing: border-box; min-height: 44px; font: inherit; padding: 8px 12px; white-space: nowrap; }
.site-header .nav-category > summary::after { content: none; }
.site-header .site-utilities { display: flex; align-items: center; justify-content: flex-end; gap: 8px; font: 400 14px/1.4 Inter, sans-serif; }
.site-utilities > :is(button,a,span) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 8px; padding: 8px 12px; white-space: nowrap; }
.site-utilities .site-access { color: var(--bg); background: var(--ink); font-weight: 600; text-decoration: none; }
.site-header .nav-category-links a { font: 400 14px/20px Inter,sans-serif; }
.site-header .nav-category > summary { list-style: none; }
.navbar { --ifm-navbar-height: 73px; height: 73px; }
.navbar .navbar__inner { box-sizing: border-box; width: 100%; max-width: 1320px; height: 72px; margin-inline: auto; padding-inline: 40px; }
.navbar .navbar__brand { min-width: 140px; }
.navbar .navbar__link { font-size: 14.5px; }
@media (max-width:1359px) { .site-header .wrap { grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } .site-header .site-menu { order: 3; } .site-header .site-menu > summary { display: inline-flex; min-height:44px; } .site-header .site-nav { justify-content: start; } .site-header .site-nav > a { width: 100%; } .site-header .site-utilities .site-account, .site-header .site-utilities .site-access { display: none; } .site-header .nav-category-links { position: static; box-shadow:none; min-width:0; border:0; } }
@media (max-width:600px) { .site-header .wrap { height:64px; min-height:64px; padding-inline:16px; gap:8px; } .site-header .brand { font-size:16px; } .site-header .site-utilities { gap:2px; } .site-utilities > :is(button,a,span) { padding-inline:8px; } .navbar { --ifm-navbar-height:65px; height:65px; } .navbar .navbar__inner { height:64px; padding-inline:16px; } }
.site-utilities .site-account { color: var(--ink); text-decoration: none; }
