@charset "UTF-8";
/* API 가이드 — 2026-09-27 v10 랜딩·고객 대시보드·데이터 분석 화면 토큰으로 정렬
   (글자 #12233D·보조 #475569·테두리 #E2E8F0·선택 #013477/#EAF0FB·강조 초록 #0FA968, 카드 radius 12px).
   변수 이름은 그대로 두고 값만 바꿨다 — 아래 규칙들이 이름으로 참조한다. */
.api-v3-page {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding: 1.75rem 2rem 4rem;
  max-width: 1400px;
  color: #12233D;
  font-size: 0.9375rem;
  line-height: 1.7;
  /* Scoped reset for legacy bootstrap wrappers if any leak in */
}

@media (min-width: 992px) {
  .api-v3-page {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 991px) {
  .api-v3-page {
    padding: 1.5rem 1rem 3rem;
  }
}

.api-v3-page__docs {
  min-width: 0;
}

.api-v3-page__code {
  min-width: 0;
}

.api-v3-page .card, .api-v3-page .card-slided-up, .api-v3-page .card-content, .api-v3-page .card-header, .api-v3-page .card-body {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.api-v3-page .card-controls {
  display: none;
}

.api-v3-page code {
  background: transparent;
  padding: 0;
  color: inherit;
}

.api-v3-page a {
  color: #013477;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.api-v3-page a:hover {
  border-bottom-color: #013477;
  text-decoration: none;
  color: #0B1F3A;
}

.api-v3-page a.api-v3-doclink {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 6px;
  padding: 2px 10px;
  background: #EAF0FB;
  color: #013477;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.api-v3-page a.api-v3-doclink i {
  font-size: 0.625rem;
}

.api-v3-page a.api-v3-doclink:hover, .api-v3-page a.api-v3-doclink:focus {
  background: #d9e4f8;
  border-color: #013477;
  color: #0B1F3A;
}

/* Endpoint header */
.api-v3-endpoint {
  margin-bottom: 2.5rem;
}

.api-v3-endpoint__title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #12233D;
  letter-spacing: -0.03em;
  margin: 0 0 1rem;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}

.api-v3-endpoint__version {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  line-height: 1;
  background: #EAF0FB;
  color: #475569;
}

.api-v3-endpoint__version--v3 {
  background: #EAF0FB;
  color: #013477;
}

.api-v3-endpoint__version--v2 {
  background: #F1F2F4;
  color: #6E7783;
}

.api-v3-endpoint__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin-bottom: 1.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
}

.api-v3-endpoint__method {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  background: #EAF0FB;
  color: #013477;
  text-transform: uppercase;
}

.api-v3-endpoint__method--get {
  background: #EAF0FB;
  color: #013477;
}

.api-v3-endpoint__method--post {
  background: #E7F3EC;
  color: #1F6F4A;
}

.api-v3-endpoint__method--put {
  background: #F9F1DF;
  color: #8A6420;
}

.api-v3-endpoint__method--delete {
  background: #FBECEB;
  color: #B74143;
}

.api-v3-endpoint__url {
  color: #12233D;
  font-weight: 600;
  word-break: break-all;
}

.api-v3-endpoint__ct {
  color: #475569;
  font-size: 0.75rem;
}

.api-v3-endpoint__ct::before {
  content: "·";
  margin-right: 0.75rem;
  color: #94A3B8;
}

.api-v3-endpoint__summary {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #12233D;
  line-height: 1.55;
  margin: 0 0 0.85rem;
}

.api-v3-endpoint__description {
  color: #475569;
  font-size: 0.9375rem;
  line-height: 1.7;
}

.api-v3-endpoint__description p {
  margin: 0 0 0.75rem;
}

.api-v3-endpoint__description p:last-child {
  margin-bottom: 0;
}

.api-v3-endpoint__description code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #013477;
}

/* Section headings */
.api-v3-section {
  margin-top: 3rem;
  /* When title is inside __head, suppress its own border/spacing (moved to wrapper) */
}

.api-v3-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E2E8F0;
  margin-bottom: 1.25rem;
}

.api-v3-section__title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #12233D;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin: 0 0 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E2E8F0;
}

.api-v3-section__head .api-v3-section__title {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* Toggle-all button (section header right) */
.api-v3-page .api-v3-section__toggle-all {
  background: transparent;
  color: #475569;
  border: 1px solid transparent;
  padding: 3px 9px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
  white-space: nowrap;
}

.api-v3-page .api-v3-section__toggle-all:hover {
  background: rgba(20, 55, 114, 0.06);
  color: #12233D;
  border-color: #E2E8F0;
}

/* Field tree — inline `name: type` with chevron in the left gutter (Anthropic-style) */
.api-v3-field-tree {
  list-style: none;
  padding-left: 1.5rem;
  margin: 0;
}

.api-v3-field-tree .api-v3-field-tree {
  padding-left: 1.5rem;
  margin: 0.5rem 0 0;
}

.api-v3-field {
  padding: 1rem 0;
  border-bottom: 1px solid #EEF2F6;
}

.api-v3-field:last-child {
  border-bottom: none;
}

.api-v3-field__signature {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.api-v3-field__toggle {
  flex: 0 0 auto;
  margin-left: -1.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  background: transparent;
  border: none;
  color: #475569;
  font-family: inherit;
  cursor: pointer;
  transition: transform 0.15s ease, color 0.15s ease;
  align-self: center;
}

.api-v3-field__toggle i {
  font-size: 0.6875rem;
  line-height: 1;
}

.api-v3-field__toggle:hover {
  color: #12233D;
}

.api-v3-field__body {
  margin-top: 0.2rem;
}

.api-v3-field__name {
  font-weight: 700;
  color: #12233D;
  font-size: 1rem;
}

.api-v3-field__sep {
  color: #475569;
  margin: 0 0.2rem 0 0;
}

.api-v3-field__qualifier {
  color: #475569;
  margin-right: 0.25rem;
  font-style: italic;
}

.api-v3-field__type {
  color: #013477;
  font-weight: 500;
}

.api-v3-field__type--plain {
  color: #475569;
  font-weight: 400;
}

.api-v3-field__description {
  color: #475569;
  font-size: 0.9375rem;
  line-height: 1.65;
  margin: 0.2rem 0 0;
}

.api-v3-field__description code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #013477;
}

.api-v3-field__meta {
  margin-top: 0.55rem;
  font-size: 0.75rem;
  color: #94A3B8;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.api-v3-field__meta > span {
  display: inline-block;
}

.api-v3-field__meta > span + span {
  margin-left: 0.625rem;
}

.api-v3-field__meta code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #12233D;
  margin-left: 0.15rem;
}

/* Expandable fields — state selectors at top level to avoid SCSS `&` double-expansion */
.api-v3-page .api-v3-field > .api-v3-field__signature {
  cursor: pointer;
  user-select: none;
}

.api-v3-page .api-v3-field[data-expanded="true"] > .api-v3-field__signature .api-v3-field__toggle {
  transform: rotate(90deg);
}

.api-v3-page .api-v3-field[data-expanded="false"] > .api-v3-field__body {
  display: none;
}

/* Errors */
.api-v3-error-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.api-v3-error {
  padding: 0.875rem 0;
}

.api-v3-error__title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.875rem;
  font-weight: 700;
  color: #B74143;
  margin: 0 0 0.3rem;
}

.api-v3-error__message {
  color: #12233D;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0 0 0.5rem;
}

.api-v3-error__message code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #013477;
}

.api-v3-error__example {
  display: block;
  background: #FBECEB;
  border: 1px solid #f4cecd;
  border-radius: 10px;
  padding: 0.625rem 0.875rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  color: #12233D;
  overflow-x: auto;
  margin: 0;
  white-space: pre;
  line-height: 1.6;
}

/* Inline action button (e.g., "API키 확인하기") — used inside field descriptions.
   Scoped under .api-v3-page so specificity beats the generic `.api-v3-page a` rule
   (which otherwise leaks transparent border-bottom and wrong hover color). */
.api-v3-page .api-v3-inline-action {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: 0.5rem;
  padding: 2px 10px;
  background: #EAF0FB;
  color: #013477;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  vertical-align: baseline;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.api-v3-page .api-v3-inline-action i {
  font-size: 0.625rem;
}

.api-v3-page .api-v3-inline-action:hover, .api-v3-page .api-v3-inline-action:focus {
  background: #d9e4f8;
  color: #013477;
  border-color: #E2E8F0;
  text-decoration: none;
}

.api-v3-page .api-v3-inline-action:active {
  background: #c8d8f4;
}

/* Related links */
.api-v3-related {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.api-v3-related li a {
  display: inline-block;
  padding: 4px 11px;
  background: #EAF0FB;
  color: #12233D;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  font-size: 0.8125rem;
  text-decoration: none;
  transition: all 0.15s ease;
}

.api-v3-related li a:hover {
  background: #013477;
  border-color: #013477;
  color: #fff;
}

/* Right column code panels */
.api-v3-example {
  margin-bottom: 1.5rem;
}

.api-v3-example__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.375rem 0.5rem 0.375rem 0.875rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 12px 12px 0 0;
  font-size: 0.8125rem;
  color: #475569;
  font-weight: 600;
  min-height: 2.25rem;
}

.api-v3-example__label {
  color: #475569;
}

.api-v3-example__header-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.api-v3-example__optionals {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 1rem;
  padding: 0.625rem 0.875rem;
  background: #F8FAFC;
  border-left: 1px solid #E2E8F0;
  border-right: 1px solid #E2E8F0;
  border-bottom: 1px solid #EEF2F6;
}

.api-v3-example__optionals-label {
  color: #475569;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: 0.25rem;
}

.api-v3-example__body {
  border: 1px solid #E2E8F0;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  background: #FFFFFF;
}

.api-v3-example__body pre {
  margin: 0;
  border-radius: 0;
  padding: 0.875rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  background: #FFFFFF;
  overflow-x: auto;
}

.api-v3-example__body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
}

/* Copy button (right column code headers) — icon-only */
.api-v3-page .api-v3-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 7px;
  background: transparent;
  color: #475569;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.api-v3-page .api-v3-copy i {
  font-size: 0.875rem;
  line-height: 1;
}

.api-v3-page .api-v3-copy:hover, .api-v3-page .api-v3-copy:focus {
  background: rgba(20, 55, 114, 0.06);
  color: #12233D;
  outline: none;
}

.api-v3-page .api-v3-copy.copied {
  color: #1F6F4A;
  background: #E7F3EC;
}

/* Optional parameter toggle — plain checkbox + label, no pill */
.api-v3-page .api-v3-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  background: transparent;
  border: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  user-select: none;
  transition: color 0.12s ease;
}

.api-v3-page .api-v3-toggle input[type="checkbox"] {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  accent-color: #013477;
  cursor: pointer;
}

.api-v3-page .api-v3-toggle:hover {
  color: #12233D;
}

.api-v3-page .api-v3-toggle:has(input:checked) {
  color: #013477;
  font-weight: 600;
}

/* Accessible label — visually hidden but exposed to screen readers */
.api-v3-page .api-v3-copy__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Language selector dropdown */
.api-v3-page .api-v3-langselect {
  position: relative;
}

.api-v3-page .api-v3-langselect__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 5px 9px;
  background: transparent;
  color: #12233D;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.api-v3-page .api-v3-langselect__toggle i {
  font-size: 0.625rem;
  color: #475569;
}

.api-v3-page .api-v3-langselect__toggle:hover {
  background: rgba(20, 55, 114, 0.06);
  border-color: #E2E8F0;
}

.api-v3-page .api-v3-langselect__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 130px;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(13, 33, 55, 0.1);
  list-style: none;
  padding: 4px;
  margin: 0;
  z-index: 20;
  display: none;
}

.api-v3-page .api-v3-langselect__menu li {
  padding: 6px 10px;
  border-radius: 4px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 0.8125rem;
  color: #12233D;
  font-weight: 500;
  transition: background 0.12s ease;
}

.api-v3-page .api-v3-langselect__menu li:last-child {
  margin-bottom: 0;
}

.api-v3-page .api-v3-langselect__menu li:hover {
  background: #EAF0FB;
}

.api-v3-page .api-v3-langselect__menu li.active {
  color: #013477;
  font-weight: 700;
  background: #EAF0FB;
}

/* Open state — selectors written at top level to avoid SCSS `&` double-expansion bug */
.api-v3-page .api-v3-langselect[data-open="true"] .api-v3-langselect__toggle {
  background: rgba(20, 55, 114, 0.08);
  border-color: #E2E8F0;
}

.api-v3-page .api-v3-langselect[data-open="true"] .api-v3-langselect__menu {
  display: block;
}

/* Language tabs inside right column */
.api-v3-page .tabs {
  padding: 0;
  margin: 0;
}

.api-v3-page .tabs h3 {
  display: none;
}

.api-v3-page .tab-list {
  display: flex;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.api-v3-page .tab-list li {
  display: inline-flex;
  padding: 8px 14px;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  border: none;
  background: transparent;
  transition: all 0.15s ease;
}

.api-v3-page .tab-list li span {
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
}

.api-v3-page .tab-list li:hover {
  color: #12233D;
}

.api-v3-page .tab-list li.active {
  color: #013477;
  background: #FFFFFF;
  border-bottom: 2px solid #013477;
}

.api-v3-page .tab-content {
  display: none;
  border: 1px solid #E2E8F0;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  padding: 0;
  margin: 0 0 1.25rem;
}

.api-v3-page .tab-content pre {
  margin: 0;
  border-radius: 0;
  padding: 0.875rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  background: #FFFFFF;
  overflow-x: auto;
}

.api-v3-page .tab-content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
}

.api-v3-page .tab-content.active {
  display: block;
}

/* 빠른 시작(v4/quickstart) — 번호 단계 + 단계별 curl + 성공 확인 한 줄 (2026-09-27) */
.api-qs-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.25rem 0 0;
}

.api-qs-facts > div {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 6px 12px;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  background: #F8FAFC;
  font-size: 0.8125rem;
  color: #475569;
}

.api-qs-facts dt {
  font-weight: 700;
  color: #12233D;
  margin: 0;
}

.api-qs-facts dd {
  margin: 0;
}

.api-qs-steps {
  list-style: none;
  margin: -1.5rem 0 0;
  padding: 0;
}

.api-qs-step {
  position: relative;
  padding: 3rem 0 0 3rem;
  /* 단계의 여백은 li 가 갖는다 — section 의 margin-top 은 li 밖으로 겹쳐 나가 번호와 제목이 어긋난다 */
  /* 번호 사이를 잇는 세로선 — 마지막 단계는 없음 */
}

.api-qs-step > .api-v3-section {
  margin-top: 0;
}

.api-qs-step::before {
  content: "";
  position: absolute;
  left: 0.9375rem;
  top: 5.25rem;
  bottom: -2.75rem;
  width: 1px;
  background: #E2E8F0;
}

.api-qs-step:last-child::before {
  display: none;
}

.api-qs-step__num {
  position: absolute;
  left: 0;
  top: 2.9rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #013477;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.api-qs-step__head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}

.api-qs-step__head .api-v3-section__title {
  margin: 0;
  padding: 0;
  border: 0;
}

.api-qs-example {
  margin: 1rem 0 0.625rem;
}

.api-qs-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #475569;
}

.api-qs-check i {
  color: #0FA968;
  margin-top: 0.25rem;
}

.api-qs-check code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 4px;
  color: #013477;
}

.api-v3-page .api-qs-action {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 42px;
  margin-top: 1rem;
  padding: 0 1rem;
  border-radius: 10px;
  background: #013477;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 0;
}

.api-v3-page .api-qs-action i:last-child {
  font-size: 0.6875rem;
  opacity: 0.7;
}

.api-v3-page .api-qs-action:hover, .api-v3-page .api-qs-action:focus {
  background: #0B1F3A;
  color: #fff;
  text-decoration: none;
  border-bottom: 0;
}

.api-v3-page .api-qs-doclink {
  font-size: 0.75rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  padding: 0 0.5rem;
}

.api-v3-page .api-qs-doclink:hover {
  color: #013477;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .api-qs-sticky {
    position: sticky;
    top: 1.5rem;
  }
  .api-qs-sticky .api-v3-example__body pre {
    max-height: calc(100vh - 9rem);
  }
}

.api-qs-note {
  margin: -0.75rem 0 0;
  font-size: 0.8125rem;
  color: #475569;
}

.api-qs-note code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
}

/* API v5 가이드(api_docs/v5/**) — 표·엔드포인트 목록·안내 상자·한 칸 레이아웃 (2026-10-04). v2~v4 화면은 이 클래스를 쓰지 않는다. */
.api-v3-endpoint__version--v5 {
  background: #013477;
  color: #fff;
}

.api-v3-endpoint__method--patch {
  background: #F9F1DF;
  color: #8A6420;
}

.api-v3-page.api-v5-page {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 992px) {
  .api-v3-page.api-v5-page {
    max-width: 960px;
  }
}

.api-v5-endpoints {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  overflow: hidden;
}

.api-v5-endpoints > li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
}

.api-v5-endpoints > li + li {
  border-top: 1px solid #EEF2F6;
}

.api-v5-endpoints .api-v3-endpoint__method {
  flex: none;
  min-width: 3.5rem;
  justify-content: center;
}

.api-v5-endpoints code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  color: #12233D;
  word-break: break-all;
}

.api-v5-endpoints__text {
  color: #475569;
  flex: 1 1 14rem;
}

.api-v5-tablewrap {
  overflow-x: auto;
  margin: 0.75rem 0 1rem;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
}

.api-v5-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  line-height: 1.55;
}

.api-v5-table th, .api-v5-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #EEF2F6;
}

.api-v5-table thead th {
  background: #F8FAFC;
  color: #475569;
  font-size: 0.8125rem;
  font-weight: 700;
  white-space: nowrap;
}

.api-v5-table tbody tr:last-child td {
  border-bottom: 0;
}

.api-v5-table td {
  color: #12233D;
}

.api-v5-table td:first-child {
  white-space: nowrap;
}

.api-v5-table code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #013477;
}

.api-v5-callout {
  display: flex;
  gap: 0.625rem;
  margin: 0.75rem 0 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid #8A6420;
  border-radius: 12px;
  background: #F9F1DF;
  color: #12233D;
  font-size: 0.9rem;
  line-height: 1.6;
}

.api-v5-callout > i {
  color: #8A6420;
  margin-top: 0.3rem;
}

.api-v5-callout > div {
  min-width: 0;
}

.api-v5-callout p {
  margin: 0 0 0.5rem;
}

.api-v5-callout p:last-child {
  margin-bottom: 0;
}

.api-v5-callout code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.api-v5-callout--info {
  border-color: #E2E8F0;
  background: #EAF0FB;
}

.api-v5-callout--info > i {
  color: #013477;
}

.api-v5-body {
  color: #475569;
  font-size: 0.9375rem;
  line-height: 1.7;
}

.api-v5-body p {
  margin: 0 0 0.75rem;
}

.api-v5-body ul, .api-v5-body ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}

.api-v5-body li {
  margin-bottom: 0.25rem;
}

.api-v5-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  padding: 1px 5px;
  background: #EAF0FB;
  border-radius: 3px;
  color: #013477;
}

/* 좁은 화면에서 긴 코드 조각(헤더 이름·경로)이 줄을 못 끊어 가로 스크롤이 생기지 않게 */
.api-v5-page .api-v5-body code,
.api-v5-page .api-v5-callout code,
.api-v5-page .api-v3-endpoint__description code {
  overflow-wrap: break-word;
}

.api-v5-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin: 0.75rem 0.75rem 0;
  padding: 0.625rem 0.75rem;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  background: #EAF0FB;
  font-size: 0.8125rem;
  color: #475569;
  line-height: 1.5;
}

.api-v5-switch strong {
  color: #013477;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;
  letter-spacing: 0.04em;
}

.api-v5-switch a {
  color: #013477;
  font-weight: 600;
}