/* Responsive Adjustments */
@media (max-width: 1400px) {
  .projects-section,
  .services-section {
    max-width: calc(4 * 280px + 3 * 2rem);
  }
  
  /* Hide weather on smaller screens */
  .divider-weather {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .projects-section,
  .services-section {
    max-width: calc(3 * 280px + 2 * 2rem);
  }
}

@media (max-width: 900px) {
  #keep-header {
    padding: 1.5rem 1rem;
  }
  
  #project-ticker {
    padding: 0 1rem 2rem 1rem;
  }
  
  .projects-section,
  .services-section {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    max-width: 100%;
  }
  
  .project-card {
    width: 100%;
    height: auto;
    min-height: 380px;
  }
}

@media (max-width: 600px) {
  #terminal {
    font-size: 12px;
  }
  
  #terminal-input {
    font-size: 12px;
  }
  
  #terminal-output {
    font-size: 11px;
    max-height: 200px;
  }
  
  .projects-section,
  .services-section {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  #project-detail {
    width: 100%;
    right: -100%;
  }
  
  #token-input {
    font-size: 18px;
    width: 240px;
  }
}