/* === Recruitment Page Specific === */

/* Requirements checklist */
.requirements-list {
  list-style: none;
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
}

.requirements-list__item {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  margin-bottom: var(--space-3);
  font-size: var(--text-base);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.requirements-list__item:hover {
  border-color: var(--color-border-accent);
  box-shadow: var(--shadow-glow);
}

.requirements-list__item--highlight {
  border-color: var(--color-border-accent);
  background: var(--color-accent-dim);
}

.requirements-list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: var(--border-radius-full);
  color: var(--color-success);
  font-size: var(--text-sm);
  font-weight: 700;
}

/* Form section */
.recruitment-form-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

/* Google Form Embed */
.google-form-container {
  background: var(--color-bg-elevated);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.google-form-container iframe {
  display: block;
  width: 100%;
  min-height: 900px;
  border: none;
}

/* FAQ section */
.recruitment-faq {
  max-width: 800px;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 768px) {
  .requirements-list__item {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
  }
}

@media (max-width: 480px) {
  .requirements-list__item {
    gap: var(--space-3);
  }
}