.context-panel {
  display: grid;
  gap: 0.28rem;
  padding: 1rem;
  border: 1px solid #d8e2da;
  border-radius: 0.8rem;
  background: #edf3ee;
}

.context-panel strong {
  font-size: 1.05rem;
}

@media (max-width: 820px) {
  .mobile-nav {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(4.6rem, 1fr);
    justify-content: start;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-nav button {
    min-width: 4.6rem;
    font-size: 0.6rem;
    scroll-snap-align: start;
  }
}