/* The one restaurant workspace subnav (DS1 IA-05), shared by every workspace
   page whatever its page stylesheet. em-tokens.css values (dark follows the tokens). */
.em-ws-subnav {
  --ws-ink: var(--em-ink, #231f1a);
  --ws-muted: var(--em-ink-3, #6a6155);
  --ws-soft: var(--em-wash, #efe8da);
  --ws-line: var(--em-line, #8a806f);
  --ws-focus: var(--em-focus, #1d4ed8);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  padding-block-end: 1rem;
  margin-block-end: 1.5rem;
  border-block-end: 0.0625rem solid var(--ws-line);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.em-ws-subnav [hidden] { display: none !important; }
.em-ws-subnav a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  color: var(--ws-muted);
  border-radius: 0.5rem;
  text-decoration: none;
}
.em-ws-subnav a:hover { color: var(--ws-ink); text-decoration: underline; }
.em-ws-subnav a:focus-visible { outline: 0.1875rem solid var(--ws-focus); outline-offset: 0.1875rem; }
.em-ws-subnav a[aria-current="page"] { color: var(--ws-ink); background: var(--ws-soft); font-weight: 650; }
.em-ws-subnav .em-ws-brand {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 650;
  margin-inline-end: auto;
  padding-inline-start: 0;
  color: var(--ws-ink);
}
@media (max-width: 47.99rem) {
  .em-ws-subnav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .em-ws-subnav .em-ws-brand { display: none; }
  .em-ws-subnav a { flex: 0 0 auto; }
}