.hour-navigation { grid-column: 1 / -1; min-width: 0; width: 100%; }
.hour-boundary-note { margin: 0 0 8px; text-align: center; color: #761c20; font-size: 12px; }
.hour-navigation-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.hour-navigation-buttons button { min-width: 0; min-height: 44px; padding: 7px 5px; border: 1px solid #b9a88d; border-radius: 5px; background: #fffdf6; color: #761c20; font: inherit; font-size: 12px; line-height: 1.4; cursor: pointer; overflow-wrap: anywhere; }
.hour-navigation-buttons button:hover { background: #efe5d2; }
.hour-navigation-buttons button:focus-visible { outline: 2px solid #761c20; outline-offset: 2px; }
.hour-navigation-buttons button:disabled { opacity: .4; cursor: default; }
@media (max-width: 640px) {
  .hour-boundary-note { font-size: 10px; margin-bottom: 4px; }
  .hour-navigation-buttons { gap: 4px; }
  .hour-navigation-buttons button { font-size: 10px; }
}
@media print { .hour-navigation-buttons { display: none; } }