@layer theme, base, components, utilities;@layer components{.guide-page div[data-section=kit-navbar]{position:sticky;top:0;z-index:var(--z-index-nav)}.guide-page .nav.nav-dark{background:color-mix(in oklab,var(--raw-ink) 72%,transparent);border-bottom-color:color-mix(in oklab,var(--raw-white) 8%,transparent)}.guide-page .nav.nav-dark .logo,.guide-page .nav.nav-dark .logo i{color:var(--color-brand-content)}.guide-page .nav.nav-dark .logo i{color:var(--color-cta)}.guide-page .nav-right{display:flex;align-items:center;gap:16px}.guide-page .nav-date{display:none;align-items:center;gap:8px;font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:color-mix(in oklab,var(--color-brand-content) 85%,var(--color-cta) 15%)}@media (min-width: 768px){.guide-page .nav-date{display:inline-flex}}.guide-page .nav-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cta);flex:none;animation:nav-pulse 1.8s ease-out infinite}@keyframes nav-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--color-cta) 55%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--color-cta) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--color-cta) 0%,transparent)}}@media (prefers-reduced-motion: reduce){.guide-page .nav-live-dot{animation:none}}}@media (max-width: 640px){.guide-page .nav.nav-dark .logo{font-size:var(--type-label);white-space:nowrap}.guide-page .nav.nav-dark .ds-btn{padding:8px 12px;font-size:var(--type-caption);gap:4px;white-space:nowrap}}