[data-controller~="entry-editor"] .btn[aria-pressed="true"] {
  color: var(--color-surface);
  background: var(--color-ink);
}

@media (max-width: 640px) {
  [data-controller~="entry-editor"] .input { font-size: 16px; min-height: 44px; }
  [data-controller~="entry-editor"] .stepper .input { min-width: 45px; }
  [data-controller~="entry-editor"] button,
  [data-controller~="entry-editor"] summary,
  [data-controller~="entry-editor"] .seg label { min-height: 44px; min-width: 45px; }
  [data-controller~="entry-editor"] .form-row-triple { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  [data-controller~="entry-editor"] .form-row-triple > :last-child { grid-column: 1 / -1; }
}
