/* Responsive helpers for ContestManager */
img, video, iframe, embed, object { max-width: 100%; height: auto; }
.container { width: 100%; max-width: 1000px; padding: 0 1rem; box-sizing: border-box; margin: 0 auto; }
.login-container, .form-box { width: 100%; box-sizing: border-box; padding: 0 1rem; }
input, select, textarea, button { max-width: 100%; }
table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; }
table thead, table tbody, table tr, table th, table td { border-collapse: collapse; }
@media (max-width: 600px) {
  body { margin: 10px; }
  h1, h2 { font-size: 1.2rem; }
  .nav a { display: block; margin: 8px 0; }
}