/* INNO&M CAREER — 뼈대 + "준비중" 페이지 (실제 채용 콘텐츠 없음, 구조만).
   Shared tokens / header / footer / eyebrow all come from common.css. */

.career-page{background:var(--canvas);padding:0;min-height:100vh;}
.career-wrap{max-width:820px;padding-top:150px;padding-bottom:140px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.career-wrap .eyebrow{justify-content:center;max-width:220px;}
@media(max-width:900px){.career-wrap{padding-top:120px;padding-bottom:96px;}}

.cr-title{margin-top:26px;font-family:var(--ff-ko);font-weight:700;font-size:clamp(32px,4.2vw,52px);line-height:1.2;letter-spacing:-1.2px;color:var(--text);word-break:keep-all;}
.cr-lead{margin-top:20px;max-width:480px;font-family:var(--ff-ko);font-weight:400;font-size:var(--fs-md);line-height:1.75;color:var(--muted);word-break:keep-all;}

/* 채용 분야 자리(뼈대) — 실제 공고 없이 빈 상태만 */
.cr-board{margin-top:56px;width:100%;max-width:560px;background:var(--surface-panel);border:1px solid var(--hair-2);border-radius:var(--radius-lg);overflow:hidden;text-align:left;}
.cr-board-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--hair);}
.cr-board-label{font-family:var(--ff-en);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);}
.cr-board-count{font-family:var(--ff-en);font-weight:600;font-size:var(--fs-xs);color:var(--muted-2);}
.cr-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:52px 24px;color:var(--muted-2);}
.cr-empty-icon{color:var(--muted-2);opacity:.7;}
.cr-empty-text{font-family:var(--ff-ko);font-weight:400;font-size:var(--fs-sm);line-height:1.6;color:var(--muted);word-break:keep-all;}

.cr-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.cr-cta-text{font-family:var(--ff-ko);font-weight:400;font-size:var(--fs-sm);color:var(--muted-2);}
.cr-cta-btn{
  font-family:var(--ff-ko);font-weight:600;font-size:var(--fs-base);
  color:var(--text);background:var(--accent);border:none;border-radius:var(--radius-pill);
  padding:12px 32px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  transition:transform .18s,background .18s;
}
.cr-cta-btn:hover{transform:translateY(-2px);background:var(--color-brand-hover);}

/* 헤더 CAREER 드롭다운 내 "준비중" 배지 (common.css의 nav-dd 구조 재사용) */
.nav-dd-tag{margin-left:8px;font-family:var(--ff-en);font-weight:700;font-size:10px;letter-spacing:.8px;color:var(--muted-2);}

/* Mobile nav drawer (contact.js가 공용으로 참조하는 클래스 — 페이지마다 동일 정의 필요) */
.nav.nav--drawer{
  display:flex;position:absolute;top:100%;right:24px;flex-direction:column;
  background:rgba(10,10,12,0.97);padding:16px 24px;border-radius:12px;gap:16px;
  opacity:0;transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1);
}
.nav.nav--drawer.nav--open{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  .nav.nav--drawer{transition:none;}
}