/* P-083 delmål 1: bottom tab bar on phones (ryggrad-skiss.html). Colours and spacing come from tokens.css. */
.tabbar{display:none}
@media(max-width:860px){
  .tabbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:33;gap:2px;padding:6px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-pop)}
  .tabbar button{flex:1;min-height:var(--tap);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:11px;color:var(--muted)}
  .tabbar button.on{color:var(--acc-ink);background:var(--acc-soft);font-weight:500}
  .page{padding-bottom:calc(var(--tap) + var(--s-5) * 2)}
  .foot{padding-bottom:calc(var(--tap) + var(--s-4))}
}