/* Kora Pocket navigation redesign. Loaded after the generated theme sheet. */
.hero-header{width:100%;padding-inline:var(--page-gutter);transition:top .25s var(--ease-kaivoo)}
.nav-shell{width:min(1080px,100%);margin-inline:auto;position:relative}
.nav-pill{width:100%;min-height:64px;padding:7px 8px 7px 16px;gap:16px;border-color:color-mix(in srgb,var(--color-text-primary) 22%,transparent);background:color-mix(in srgb,var(--color-surface-1) 82%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent),0 18px 55px #0004}
.hero-header[data-scrolled="true"] .nav-pill{min-height:58px;background:color-mix(in srgb,var(--color-surface-1) 94%,transparent)}
.brand-pill{min-width:max-content}.brand-by{border:0;background:transparent;padding:0;color:var(--color-text-tertiary)}
.nav-desktop-links{flex:1;justify-content:center;gap:4px}.nav-desktop-links a{min-height:44px;padding:0 13px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;font-size:13px;position:relative}.nav-desktop-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:2px;border-radius:2px;background:var(--color-accent);transition:left .2s var(--ease-kaivoo),right .2s var(--ease-kaivoo)}.nav-desktop-links a:hover:after,.nav-desktop-links a:focus-visible:after,.nav-desktop-links a[aria-current="true"]:after{left:13px;right:13px}
.nav-cta{min-height:48px;padding-inline:20px;font-size:12px}.nav-menu-panel{position:absolute;z-index:20;top:calc(100% + 10px);left:0;right:0;padding:10px;border:1px solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);border-radius:22px;background:color-mix(in srgb,var(--color-surface-1) 96%,transparent);backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 24px 70px #0007;transform-origin:top;animation:nav-sheet-in .2s var(--ease-kaivoo)}.nav-menu-panel[hidden]{display:none}.nav-menu-panel>a:not(.nav-menu-cta){display:grid;gap:3px;padding:13px 14px;border-radius:14px}.nav-menu-panel>a:not(.nav-menu-cta):hover,.nav-menu-panel>a:not(.nav-menu-cta):focus-visible{background:color-mix(in srgb,var(--color-accent) 11%,transparent)}.nav-menu-panel strong{font-size:15px;font-weight:500}.nav-menu-panel span{color:var(--color-text-tertiary);font-size:12px}.nav-menu-cta{min-height:48px;margin-top:8px;border-radius:14px;background:var(--color-accent);color:var(--color-canvas);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.nav-menu-panel a:active,.nav-cta:active,.nav-menu-toggle:active{transform:scale(.98)}
@keyframes nav-sheet-in{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-header{padding-inline:20px}.nav-pill{gap:8px}.brand-by,.nav-divider{display:none}.nav-desktop-links a{padding-inline:9px}.nav-desktop-links a:nth-child(3),.nav-desktop-links a:nth-child(4){display:none}}
@media(max-width:1020px){.nav-menu-toggle{margin-left:auto}.nav-menu-panel{left:0;right:0;width:100%;max-width:none;transform:none;flex-direction:column;align-items:stretch;max-height:calc(100svh - 112px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.nav-menu-panel>a,.nav-menu-panel>button{flex:none;width:100%}}
@media(max-width:720px){.hero-header{padding-inline:14px}.nav-shell{width:100%}.nav-pill{min-height:58px;padding:6px 6px 6px 12px}.nav-pill>.nav-cta{display:none!important}.nav-menu-toggle{order:3;display:inline-flex;min-width:44px;min-height:44px;margin-left:auto}.brand-name{display:inline;font-size:13px}.brand-mark{height:21px}.nav-menu-panel{left:0;right:0;width:auto;max-width:none}.hero-header[data-menu-open="true"]:after{content:"";position:fixed;z-index:-1;inset:0;background:color-mix(in srgb,var(--color-canvas) 32%,transparent);backdrop-filter:blur(2px)}}
@media(max-width:360px){.hero-header{padding-inline:10px}.brand-name{display:inline;max-width:none}.brand-mark{height:18px}}
@media(prefers-reduced-motion:reduce){.nav-menu-panel{animation:none}}
