/* Local-only review controls, deliberately separate from cafe navigation. */
.preview-nav { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; align-items: center; padding: 5px; gap: 3px; border: 1px solid #d0d4d4; border-radius: 6px; background: #f6f7f4; color: #28352e; box-shadow: 0 5px 24px rgb(25 40 32 / .12); font: 12px/1.2 'Helvetica Neue', sans-serif; }
.preview-nav a, .preview-nav button { min-height: 40px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; color: inherit; background: transparent; border: 0; border-radius: 3px; text-decoration: none; cursor: pointer; font: inherit; }
.preview-nav a[aria-current='page'] { background: #303d2b; color: #f3f4ed; }
.preview-nav a:hover:not([aria-current]) { background: #e4e8df; }
.preview-nav a:focus-visible, .preview-nav button:focus-visible { outline: 2px solid #557345; outline-offset: 2px; }
.preview-nav button { border-left: 1px solid #d0d4d4; padding-inline: 12px; color: #54604e; }
.preview-nav[hidden] { display: none; }
@media(max-width: 480px) {
  .preview-nav { bottom: max(10px, env(safe-area-inset-bottom)); max-width: calc(100% - 20px); }
  .preview-nav a { padding: 10px 12px; font-size: 11px; }
  .preview-nav button { padding-inline: 9px; font-size: 11px; }
}

@media(max-width: 370px){.preview-nav{gap:1px}.preview-nav a{padding:10px 8px;font-size:10px}.preview-nav button{padding-inline:7px;font-size:10px}}