/* 모두의 CoFounder AI — 정적 목업 공통 스타일
   원본: src/*.dc.html 의 <helmet> 블록. 색·간격·타이포는 원본 그대로이며 변경하지 않는다. */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap");

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #F4F4F2;
  color: #262622;
  font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  word-break: keep-all;
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
  /* 하단 고정 프로토타입 네비게이션 바에 콘텐츠가 가리지 않도록 확보한 여백 */
  padding-bottom: 56px;
}

a { color: #2F5D8C; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #264C74; }

/* ─────────────────────────────────────────────
   hover 스타일
   원본의 style-hover 속성을 그대로 옮긴 것. 대상 요소가 인라인 style 을
   쓰고 있어 우선순위를 이기기 위해 !important 가 필요하다.
   ───────────────────────────────────────────── */
.hv-primary:hover { background: #264C74 !important; border-color: #264C74 !important; }
.hv-strong:hover  { background: #FAFAF9 !important; border-color: #A8A8A2 !important; }
.hv-soft:hover    { background: #FAFAF9 !important; }
.hv-card:hover    { border-color: #A8A8A2 !important; }
.hv-mute:hover    { background: #F4F4F2 !important; }

/* ─────────────────────────────────────────────
   프로토타입 네비게이션 바
   화면 사이 이동용 보조 장치이며 제품 UI 가 아니다. 인쇄·캡처 시 숨긴다.
   ───────────────────────────────────────────── */
.proto-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  min-height: 44px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #FFFFFF;
  border-top: 1px solid #D5D5D0;
  box-shadow: 0 -1px 6px rgba(22, 22, 19, 0.06);
  font-size: 13px;
}

.proto-nav__label {
  flex: none;
  color: #A8A8A2;
  white-space: nowrap;
}

.proto-nav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.proto-nav__links a {
  padding: 5px 10px;
  border-radius: 4px;
  color: #56564F;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.proto-nav__links a:hover {
  background: #F4F4F2;
  color: #262622;
}

.proto-nav__links a.is-current {
  background: #EAF0F6;
  color: #2F5D8C;
  font-weight: 600;
}

@media print {
  .proto-nav { display: none; }
  body { padding-bottom: 0; }
}