/* ============================================================
   게시글 본문 디자인 통일 (전 게시글 공통 적용)
   사역 빌더 시절의 인라인 스타일(14px/24px 스팬, 우측 플로팅 이미지)을
   새 어플 소식 글과 같은 톤으로 정리한다.
   ============================================================ */

.view_area .title_view {
  font-size: 34px;
  font-weight: 800;
  color: #2f2f2f;
  line-height: 1.4;
}

/* 날짜·작성자·조회수 표기 비노출 (2026-06-12 창재님 지시) */
.view_area .view_write_info,
.other_view_area .view_list_date {
  display: none;
}

.view_contents {
  font-size: 18px;
  line-height: 1.85;
  color: #555;
  letter-spacing: -0.1px;
}
.view_contents p {
  margin: 0 0 14px;
}

/* 인라인 폰트 크기 평탄화: 본문(13~14px) → 18px 흐름에 흡수
   (인라인 style 스팬만 — 목업 등 클래스 기반 스타일은 건드리지 않음) */
.view_contents span[style*="font-size"] {
  font-size: inherit !important;
  line-height: inherit !important;
}
/* 강조(24px 스팬) → 소제목 톤 */
.view_contents span[style*="font-size: 24px"],
.view_contents span[style*="font-size:24px"] {
  display: inline;
  font-size: 21px !important;
  font-weight: 800;
  color: #2f2f2f;
  line-height: 1.6 !important;
}
.view_contents p b,
.view_contents p strong {
  color: #2f2f2f;
}

/* 이미지: 우측 플로팅·고정폭 해제 → 중앙 블록, 둥근 모서리 */
.view_contents img {
  float: none !important;
  display: block;
  margin: 28px auto !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 720px);
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.10);
}

/* ===== 게시글 강조 요소 (새 어플 출시 글 톤) ===== */

/* 도입 리드 — 크고 진하게, 핵심은 브랜드 레드 */
.pst-lead {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
  color: #2f2f2f;
  margin: 6px 0 26px !important;
}
.pst-lead em {
  font-style: normal;
  color: #b6262f;
}

/* 소제목 — 레드 바 */
.pst-h {
  display: block;
  margin: 36px 0 12px !important;
  padding-left: 14px;
  border-left: 4px solid #b6262f;
  font-size: 23px;
  font-weight: 800;
  color: #2f2f2f;
  line-height: 1.45;
}

/* 인용/한마디 — 큰 따옴표 느낌 */
.pst-quote {
  margin: 26px 0 !important;
  padding: 4px 0 4px 18px;
  border-left: 4px solid #b6262f;
  font-size: 21px;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 1.6;
}

/* 강조 밴드 — 회색/레드 틴트 */
.pst-band {
  margin: 24px 0 !important;
  padding: 18px 22px;
  border-radius: 16px;
  background: #f6f7fb;
  font-size: 17px;
  line-height: 1.75;
}
.pst-band b { color: #2f2f2f; }
.pst-band-red {
  background: rgba(182, 38, 47, 0.06);
}

/* 본문 속 앱 화면 목업 */
.pst-phone {
  display: flex !important;
  justify-content: center;
  margin: 36px 0 !important;
}
.pst-phone .iv2-phone {
  width: 280px;
  height: 580px;
}

/* 핵심 숫자 강조 */
.pst-num {
  color: #b6262f;
  font-weight: 800;
}

/* 마무리 CTA — 브랜드 레드 밴드 */
.pst-cta {
  margin: 34px 0 6px !important;
  padding: 22px 26px;
  border-radius: 18px;
  background: linear-gradient(135deg, #b6262f, #8f1d25);
  color: rgba(255, 255, 255, 0.92);
  font-size: 17px;
  line-height: 1.75;
}
.pst-cta b {
  color: #ffffff;
  font-size: 20px;
}

@media (max-width: 768px) {
  .view_area .title_view { font-size: 24px; }
  .view_contents { font-size: 16px; }
  .view_contents span[style*="font-size: 24px"],
  .view_contents span[style*="font-size:24px"] { font-size: 19px !important; }
  .pst-lead { font-size: 19px; }
  .pst-h { font-size: 20px; }
  .pst-quote { font-size: 18px; }
  .pst-band, .pst-cta { font-size: 15px; padding: 16px 18px; }
}