/* nk-inspection: L1 3열 카드 그리드 / HD3 상단 안내바+보조라벨 / HR1 / CT4 인라인 CTA / FT2 2단 / CF5 체크리스트형 */
.nk-inspection {
  --nk-main: #1C3A52;
  --nk-bg: #F4F7FA;
  --nk-accent: #B8703C;
  --nk-text: #16293a; /* darkened from --nk-main for AA contrast on --nk-bg */
  background: var(--nk-bg);
  font-family: 'IBM Plex Sans KR', sans-serif;
  color: var(--nk-text);
}

.nk-inspection h1,
.nk-inspection h2,
.nk-inspection h3,
.nk-inspection .nk-topbar-text {
  font-family: 'Space Grotesk', sans-serif;
}

/* HD3: 상단 전체 폭 안내 바 + 그 아래 좁은 보조 라벨 */
.nk-inspection .nk-topbar {
  background: var(--nk-main);
  color: #fff;
  padding: 0.65rem 1rem;
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

.nk-inspection .nk-topbar-text {
  font-size: 0.85rem;
  text-align: center;
  margin: 0;
}

.nk-inspection .nk-hd {
  text-align: center;
  margin-bottom: 1.75rem;
}

.nk-inspection .nk-hd-label {
  font-size: 0.75rem;
  color: var(--nk-accent);
  letter-spacing: 0.08em;
}

/* HR1: 배경 단색 박스, 좌측 정렬 텍스트, 하단 얇은 구분선 */
.nk-inspection .nk-hero {
  background: #fff;
  padding: 2.2rem 1.75rem;
  text-align: left;
  border-bottom: 3px solid var(--nk-accent);
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: 2.5rem;
}

.nk-inspection .nk-hero h1 {
  font-size: 2rem;
  color: var(--nk-main);
  margin-bottom: 0.5rem;
}

.nk-inspection .nk-hero-sub {
  color: #4c5f70;
  font-size: 0.98rem;
}

/* L1: 3열 카드 그리드 */
.nk-inspection .nk-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 720px) {
  .nk-inspection .nk-cards {
    grid-template-columns: 1fr;
  }
}

.nk-inspection .nk-card {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.2rem;
  border-top: 3px solid var(--nk-main);
  box-shadow: 0 2px 8px rgba(28, 58, 82, 0.06);
}

.nk-inspection .nk-card h3 {
  font-size: 1.02rem;
  color: var(--nk-main);
  margin-bottom: 0.5rem;
}

.nk-inspection .nk-card p {
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}

.nk-inspection .nk-section {
  margin-bottom: 2.2rem;
}

.nk-inspection .nk-section h2 {
  font-size: 1.25rem;
  color: var(--nk-main);
  margin-bottom: 0.85rem;
}

.nk-inspection .nk-section p {
  line-height: 1.85;
  margin-bottom: 1rem;
  font-size: 1.01rem;
}

.nk-inspection .nk-figure {
  margin: 2rem auto;
  max-width: 40rem;
  text-align: center;
}

.nk-inspection .nk-figure img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
  margin: 0 auto;
}

.nk-inspection .nk-figure figcaption {
  font-size: 0.82rem;
  color: #5a6d7d;
  margin-top: 0.45rem;
}

.nk-inspection .nk-link {
  color: var(--nk-main);
  font-weight: 700;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline dotted;
}

.nk-inspection .nk-link:hover,
.nk-inspection .nk-link:focus-visible,
.nk-inspection a:focus-visible {
  outline: 2px solid var(--nk-accent);
  outline-offset: 2px;
}

/* CT4: 본문 문단 사이 인라인 CTA 1회 */
.nk-inspection .nk-cta-inline {
  background: #fff;
  border-left: 4px solid var(--nk-accent);
  padding: 1rem 1.25rem;
  margin: 2rem 0;
  font-size: 1rem;
  border-radius: 0.25rem;
}

.nk-inspection .nk-cta-inline a {
  color: var(--nk-accent);
  font-weight: 700;
  text-decoration: underline;
}

/* FT2: 2단 (좌 요약 태그, 우 관련 페이지 링크) */
.nk-inspection .nk-ft2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(28, 58, 82, 0.15);
}

@media (max-width: 640px) {
  .nk-inspection .nk-ft2 {
    grid-template-columns: 1fr;
  }
}

.nk-inspection .nk-ft2-col h4 {
  font-size: 0.85rem;
  color: var(--nk-main);
  margin-bottom: 0.6rem;
}

.nk-inspection .nk-tag {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(184, 112, 60, 0.16);
  color: #7a4a26;
  margin: 0 0.3rem 0.3rem 0;
}

.nk-inspection .nk-ft2-col .nk-link {
  display: block;
  margin-bottom: 0.5rem;
}

.nk-inspection .nk-ft-note {
  font-size: 0.8rem;
  color: #5a6d7d;
}