/* Keep the desktop category cards colored without the shared navy backing. */
@media (min-width: 768px) {
  .cap-group-nav {
    background: transparent;
    padding: 0;
  }

  .cap-group-nav a,
  .cap-group-nav a[href="#workplace"],
  .cap-group-nav a[href="#protection"],
  .cap-group-nav a[href="#modernization"],
  .cap-group-nav a[href="#delivery"] {
    background: var(--category-color);
    color: var(--category-text);
    border: 1px solid var(--category-border);
    box-shadow: inset 0 1px #ffffff20, 0 8px 20px #00000020;
    filter: none;
    text-decoration: none;
  }

  .cap-group-nav a:hover {
    background: var(--category-color);
    color: var(--category-text);
    border-color: var(--category-border);
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px #ffffff50, 0 8px 20px #00000025;
  }
}