/* Blue identifies the current page; white identifies a hovered/open menu. */
:root[data-service-skin=reframed][data-category-menu=ready] #category-navigation button:is(:hover,[aria-expanded=true]):not(.is-current) {
  background:var(--rf-bg); color:var(--rf-ink); border-color:#fff;
}
:root[data-service-skin=reframed][data-category-menu=ready] #category-navigation button.is-current {
  background:var(--accent-soft); color:var(--accent); border-color:var(--accent);
}
:root[data-service-skin=reframed][data-category-menu=ready] .category-children button:hover:not([aria-current=page]) {
  background:var(--rf-bg); color:var(--rf-ink); border-color:#fff;
}
:root[data-service-skin=reframed][data-category-menu=ready] #category-navigation button.is-current:hover,
:root[data-service-skin=reframed][data-category-menu=ready] .category-children button[aria-current=page]:hover {
  border-color:#fff;
}
:root[data-service-skin=reframed][data-category-menu=ready] #category-navigation button:focus-visible,
:root[data-service-skin=reframed][data-category-menu=ready] #category-submenu button:focus-visible {
  outline:2px solid #fff; outline-offset:-2px;
}
/* Retain the white edge on the light theme while separating it from the pale panel. */
:root[data-service-skin=reframed][data-category-menu=ready][data-theme=light] #category-navigation button:is(:hover,[aria-expanded=true]),
:root[data-service-skin=reframed][data-category-menu=ready][data-theme=light] .category-children button:hover {
  box-shadow:0 0 0 1px #64748b80;
}