/* The same compact navigation on desktop and mobile. */
.bk-home .bk-nav { position:relative; justify-content:space-between; }
.bk-home .bk-nav-actions > a:not(.bk-btn) { display:none !important; }
.bk-home .bk-menu { display:inline-flex !important; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:8px; border:1px solid var(--bl-line); border-radius:9px; background:var(--bl-surface) !important; color:var(--bl-ink) !important; font-size:24px; line-height:1; cursor:pointer; }
.bk-home .bk-menu:focus-visible { outline:3px solid var(--bl-brand); outline-offset:4px; }
.bk-home .bk-nav-links { display:none !important; }
.bk-home .bk-nav-links.open { display:flex !important; flex-direction:column; align-items:stretch; position:absolute; inset:auto 0 auto auto; top:calc(100% + 8px); width:min(360px,100%); margin:0; padding:12px; gap:4px !important; box-sizing:border-box; background:var(--bl-surface) !important; color:var(--bl-ink) !important; border:1px solid var(--bl-line); border-radius:14px; box-shadow:0 16px 40px #0003; max-height:calc(100dvh - 130px); overflow-y:auto; z-index:200; transform:none; }
.bk-home .bk-nav-links.open a { display:flex; align-items:center; width:100%; min-height:44px; padding:10px 12px; box-sizing:border-box; border-radius:8px; color:var(--bl-ink) !important; font-size:15px !important; line-height:1.5; text-align:left; }
.bk-home .bk-nav-links.open a:hover,.bk-home .bk-nav-links.open a:focus-visible { background:var(--bl-brand-soft); color:var(--bl-brand) !important; }
@media(max-width:760px) { .bk-home .bk-nav-links.open { left:0; right:0; width:100%; max-height:calc(100dvh - 100px); } }
@media(max-width:560px) { .bk-home .bk-menu { width:36px; height:36px; padding:6px; font-size:22px; } }