/* Shared fixed navigation; loaded after each page's styles. */
html { scroll-padding-top: 112px; }
body { padding-top: 100px; }
.nook-nav { position: fixed; z-index: 50; inset: 0 0 auto; width: 100%; max-width: none; margin: 0; padding: 22px max(32px, calc((100vw - 1040px) / 2)); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; background: var(--bg, #f5f4f1); border-bottom: 1px solid rgba(26,26,26,.08); }
.nook-nav .brand { gap: 12px; }
.nook-nav .brand-icon { width: 44px; height: 44px; border-radius: 11px; box-shadow: 3px 3px 0 var(--fg, #1a1a1a); }
.nook-nav .nav-links { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 22px; }
.nook-nav .nav-links a { font-size: 13px; white-space: nowrap; }
.nook-nav .nav-download { display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; color: #fff; background: #1a1a1a; text-decoration: none; font-size: 13px; white-space: nowrap; }
.nook-nav .nav-download:hover { background: #363636; color: #fff; }
@media(max-width: 1050px) {
 .nook-nav { gap: 18px; padding-left: 24px; padding-right: 24px; }
 .nook-nav .nav-links { gap: 16px; }
 .nook-nav .wordmark { display: none; }
}
@media(max-width: 760px) {
 body { padding-top: 128px; }
 html { scroll-padding-top: 148px; }
 .nook-nav { grid-template-columns: 1fr auto; padding: 16px 24px 12px; gap: 16px; }
 .nook-nav .wordmark { display: inline; }
 .nook-nav .brand-icon { width: 36px; height: 36px; border-radius: 9px; }
 .nook-nav .nav-download { grid-column: 2; grid-row: 1; }
 .nook-nav .nav-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; min-width: 0; padding: 3px 0 8px; gap: 22px; }
}

.guide-sidebar { top: 112px; }