.demo_shell__hyH0v{min-height:100vh;display:flex;flex-direction:column;background:var(--cream)}.demo_banner__fPwNy{background:var(--brown);color:white;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem}.demo_bannerText__PCzTv{opacity:.85}.demo_bannerLink__A0Opg{color:white;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;transition:opacity var(--transition)}.demo_bannerLink__A0Opg:hover{opacity:.7}.demo_header__YnfA9{background:white;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.demo_headerInner__N_C3i{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;gap:2rem}.demo_logo__xV8Ir{flex-shrink:0}.demo_logoText__EdNqH{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;color:var(--brown);letter-spacing:-.01em}.demo_nav__1X5qE{display:flex;align-items:center;gap:.25rem;flex:1 1}.demo_navLink__SXhyi{padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--brown-light);transition:color var(--transition),background var(--transition);font-weight:450}.demo_navLink__SXhyi:hover{color:var(--brown);background:var(--cream)}.demo_navLinkActive__d5S61{color:var(--terracotta)!important;font-weight:500}.demo_main__53Nt3{flex:1 1;padding:2rem 1.5rem;max-width:1200px;margin:0 auto;width:100%}.demo_bottomNavWrapper__rann8{display:none}@media (max-width:768px){.demo_nav__1X5qE{display:none}.demo_main__53Nt3{padding:1.5rem 1rem calc(56px + 1.5rem + env(safe-area-inset-bottom))}.demo_bottomNavWrapper__rann8{display:block}}.demo_bottomNav__NVUQ_{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.demo_bottomNavItem__HiE3H{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .25rem;color:var(--muted);min-height:56px;transition:color var(--transition)}.demo_bottomNavItem__HiE3H:hover{color:var(--brown)}.demo_bottomNavItemActive__CcPxg{color:var(--terracotta)!important}.demo_bottomNavIcon__RymQd{font-size:1.125rem;line-height:1}.demo_bottomNavLabel__Z0kTb{font-size:.6875rem;font-weight:500;letter-spacing:.02em}