/* ... existing ... */

.search-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #000;
  border: 1px solid #008800;
  padding: 0.5rem 1rem;
  max-width: 100%; /* Prevent overflow */
}

.search-container:focus-within {
  border-color: #00ff00;
  box-shadow: 0 0 10px #00ff00;
}

#time-machine {
  background: transparent;
  border: none;
  color: #00ff00;
  font-family: 'Courier New', Courier, monospace;
  font-size: 1rem;
  outline: none;
  width: 250px;
  flex: 1; /* Allow input to resize */
}

#time-machine::placeholder {
  color: #004400;
}

@media (max-width: 600px) {
  .search-container {
    width: 100%;
    margin-left: 0 !important; /* Override inline style */
    margin-top: 1rem;
    box-sizing: border-box; /* Include padding in width */
  }
  
  #time-machine {
    width: 100%; /* Full width on mobile */
    font-size: 16px; /* Prevent iOS zoom on focus */
  }
}