/* ── contact/index.html 페이지 전용 스타일 ── */

section { padding-top: 2.5rem; }

.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-top: 0; align-items: start; }

/* Info side */
.contact-block { margin-bottom: 2.5rem; }
.contact-block-title {
  font-family: var(--font-heading); font-weight: 700; font-size: 1.1rem;
  letter-spacing: .08em; text-transform: uppercase; color: #747474; font-size: 1.1rem;
  margin-bottom: 1rem; padding-bottom: .5rem; border-bottom: 2px solid #80350E;
}
.contact-row { display: flex; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--gray-100); align-items: flex-start; }
.contact-row:last-child { border-bottom: none; }
.contact-label { font-size: .82rem; font-weight: 600; color: var(--gray-400); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .1rem; }
.contact-value { font-size: 1rem; color: var(--navy); font-weight: 500; }
.contact-value a { color: var(--navy); }
.contact-value a:hover { text-decoration: underline; }

/* Map */
.map-embed {
  width: 100%; height: 280px; background: var(--gray-100);
  border-radius: var(--radius-md); border: 1px solid var(--gray-200);
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: .5rem; overflow: hidden; margin-top: 1.5rem;
}
.map-embed iframe { width: 100%; height: 100%; border: none; display: block; }

/* Recruiting (right column) */
.recruit-block { }
.recruit-body { font-size: 1rem; color: var(--gray-600); line-height: 1.75; margin-top: .75rem; margin-bottom: 1.25rem; }

.recruit-roles { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.recruit-break { width: 100%; height: 0; }
.recruit-badge {
  font-size: .82rem; font-weight: 600; color: #80350E;
  border: 2px solid #80350E; border-radius: 8px;
  padding: .3rem .75rem; background: var(--white);
}

@media (max-width: 860px) {
  .contact-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .form-row { grid-template-columns: 1fr; }
}