/*
 * 이패스코리아 가이드 문서 가독성 보정
 * 기사 본문에만 적용하며 Lotus 테마의 콜아웃 구조와 색상 변수는 유지한다.
 */

@media (min-width: 1200px) {
  .lt-article-container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 840px) minmax(0, 1fr);
  }
}

.lt-article__title {
  font-family: "Noto Sans KR", var(--font-family-heading), sans-serif;
  font-size: clamp(32px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -.038em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.lt-article__body {
  --flow-space: 1.4rem;
  --callout-padding: clamp(1.35rem, 3vw, 2rem);
  margin-bottom: 2rem;
  color: #202735;
  font-family: "Noto Sans KR", var(--font-family-body), sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.82;
  letter-spacing: -.012em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.lt-article__body p {
  margin-bottom: 1.25em;
}

.lt-article__body h1,
.lt-article__body h2,
.lt-article__body h3,
.lt-article__body h4,
.lt-article__body h5,
.lt-article__body h6 {
  color: #17203a;
  font-family: "Noto Sans KR", var(--font-family-heading), sans-serif;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -.028em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.lt-article__body h2 {
  margin-top: 2.25em;
  font-size: 1.65em;
}

.lt-article__body h3 {
  margin-top: 2em;
  font-size: 1.36em;
}

.lt-article__body h4,
.lt-article__body h5,
.lt-article__body h6 {
  margin-top: 1.75em;
  font-size: 1.12em;
}

.lt-article__body ul,
.lt-article__body ol {
  line-height: 1.75;
}

.lt-article__body li + li {
  margin-top: .42em;
}

.lt-article__body a:not(.lt-btn) {
  font-weight: 500;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

.lt-article__body blockquote:not(.csat-review) {
  padding: 1.35rem 2.75rem;
  font-family: inherit;
  font-size: 1.04em;
  line-height: 1.75;
  text-align: left;
}

/* 기존 워닝·콜아웃 클래스와 아이콘·색상은 변경하지 않는다. */
.lt-article__body :is(.callout, .note, .warning, .danger, .success) {
  font-family: inherit;
  font-size: .96em;
  line-height: 1.72;
}

.lt-article__body :is(.callout, .note, .warning, .danger, .success) > :last-child {
  margin-bottom: 0;
}

.lt-article__body table:not([class*="table"]) {
  font-size: 15px;
  line-height: 1.62;
  word-break: keep-all;
}

.lt-article__body table:not([class*="table"]) th,
.lt-article__body table:not([class*="table"]) td {
  padding: .8rem .75rem;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.lt-article__body table:not([class*="table"]) thead th {
  color: #17203a;
  font-weight: 700;
  background: #edf3fa;
}

.lt-article__body img {
  border-radius: min(8px, var(--border-radius-base));
}

@media (max-width: 575px) {
  .lt-article__title {
    font-size: 28px;
    line-height: 1.38;
  }

  .lt-article__body {
    --flow-space: 1.2rem;
    --callout-padding: 1.2rem;
    font-size: 16px;
    line-height: 1.75;
  }

  .lt-article__body h2 {
    font-size: 1.48em;
  }

  .lt-article__body h3 {
    font-size: 1.25em;
  }

  .lt-article__body blockquote:not(.csat-review) {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }

  .lt-article__body table:not([class*="table"]) {
    font-size: 14px;
  }
}