/* One visual meaning per action, shared by the menu and page controls. */
#navigation-dialog svg.menu-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#navigation-dialog .menu-task > svg.menu-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}
.primary-nav [data-nav="home"],
[data-bw-action-icon="book"],
.opening-actions [data-action="story"] {
  --bw-action-icon: url('/assets/ui-20261018-v8/read.svg');
}
.primary-nav [data-nav="analysis"],
[data-bw-action-icon="analyze"] {
  --bw-action-icon: url('/assets/ui-20261018-v8/analyze.svg');
}
.primary-nav a[data-nav]::before {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}
.opening-actions [data-action="story"]::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  background: currentColor;
  -webkit-mask: var(--bw-action-icon) center/contain no-repeat;
  mask: var(--bw-action-icon) center/contain no-repeat;
}
.opening-actions [data-action="story"] > svg { display: none; }
@media (forced-colors: active) {
  .opening-actions [data-action="story"]::before { background: ButtonText; }
}