:root {
  --fgss-teal: #0F6E56;
  --fgss-gray-bg: #F7F8FA;
  --fgss-border: #E5E7EB;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
}

.fgss-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

.fgss-card {
  border: 0.5px solid var(--fgss-border);
  border-radius: 12px;
  background: #fff;
}

.fgss-tag {
  border: 0.5px solid var(--fgss-border);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  color: #4B5563;
  background: #fff;
}

.fgss-logo-text {
  font-size: 2rem;
  line-height: 1;
}

/* ============================================================
   임무17 · 랜딩 페이지 모바일 대응
   ============================================================ */
@media (max-width: 640px) {
  /* 컨테이너 좌우 padding 축소 */
  .fgss-container { padding-left: 16px !important; padding-right: 16px !important; }

  /* 헤더 로고 축소 */
  .fgss-logo-text { font-size: 20px; }

  /* Hero 섹션 폰트 축소 */
  section h1, section h2 {
    font-size: 24px !important;
    line-height: 1.3;
  }
  section h3 { font-size: 18px !important; }
  section p { font-size: 14px; }

  /* CTA 버튼 세로 정렬 */
  header .flex.items-center.gap-2 { gap: 6px; }
  header a, header button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 13px;
  }

  /* max-w-4xl 등 컨테이너 좌우 여백 확보 */
  .max-w-3xl, .max-w-4xl { padding-left: 16px; padding-right: 16px; }

  /* br 태그 무력화 (모바일에서 자연 줄바꿈) */
  section p br { display: none; }
}

/* ============================================================
   임무25 · 랜딩 컨텐츠 강화
   ============================================================ */

/* 베타 활성 태그 — 초록 테두리로 강조 (배경/글자색은 기본 유지) */
.fgss-tag.fgss-tag--active {
  border-color: #0F6E56;
}