.landing-card-nav {
  width: 100%;
  min-width: 0;
}

.landing-card-nav-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  height: 60px;
  padding: 0 var(--sp-4);
  list-style: none;
  cursor: pointer;
  color: var(--fg);
  background: var(--glass-highlight), var(--glass-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

.landing-card-nav-toggle::-webkit-details-marker { display: none; }
.landing-card-nav-toggle h2 { font-size: 0.9375rem; }
.landing-card-nav-toggle:hover { border-color: var(--accent-line); }
.landing-card-nav-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: none;
  transition: transform 250ms ease;
}
.landing-card-nav-toggle[aria-expanded="true"] .landing-card-nav-icon { transform: rotate(45deg); }
.landing-card-nav-content > .grid8 { padding-top: var(--sp-3); }

/* CardNav owns the card entrance; suppress the page's separate reveal effect. */
.landing-card-nav .grid8-cell:is(.reveal-pending, .reveal-running) {
  opacity: 1;
  translate: none;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .landing-card-nav-icon { transition: none; }
}