/* 개발자 문서 전용 토큰. 기존 서비스 화면에는 적용하지 않는다. */
.dev-guide-page .dev_guide { --doc-bg:#f8fafc; --doc-surface:#fff; --doc-ink:#0f172a; --doc-muted:#475569; --doc-line:#e2e8f0; --doc-accent:#2563eb; --doc-soft:#eff6ff; --doc-code:#f1f5f9; --doc-header:98px; --guide-sticky-top:110px; background:var(--doc-bg); color:var(--doc-ink); font-size:16px; line-height:1.7; }
.dev-guide-page .dev_guide { --doc-control-line:#7c8da3; }
/* 코드·응답 예시 색. 별도 테마 패키지를 쓰지 않고 문서 토큰으로만 정한다. */
.dev-guide-page .dev_guide { --doc-key:#0f766e; --doc-string:#b91c1c; --doc-number:#1d4ed8; --doc-bool:#7c3aed; --doc-null:#64748b; --doc-punct:#64748b; --doc-comment:#64748b; --doc-tag:#0f766e; }
.dev-guide-page .dev_guide *, .dev-guide-page .dev_guide *::before, .dev-guide-page .dev_guide *::after { box-sizing:border-box; }
.dev-guide-page .dev_guide [hidden] { display:none !important; }
.dev-guide-page .dev_guide :focus-visible { outline:3px solid var(--doc-accent); outline-offset:3px; }
.dev-guide-page .dev_guide a { color:var(--doc-accent); text-underline-offset:3px; }
.dev-guide-page .dev_guide button, .dev-guide-page .dev_guide input, .dev-guide-page .dev_guide select { font:inherit; }
.dev-guide-page .dev_guide button, .dev-guide-page .dev_guide summary, .dev-guide-page .dev_guide select { cursor:pointer; }
.dev-guide-page .dev_guide button { min-height:44px; color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-nav-tools { display:flex; align-items:center; gap:8px; padding:0 0 12px; }
.dev-guide-page .dev_guide .guide-global-search { display:flex; justify-content:space-between; align-items:center; gap:8px; flex:1 1 auto; min-width:0; height:44px; padding:0 12px; border:1px solid var(--doc-line); background:var(--doc-surface); border-radius:6px; color:var(--doc-muted); text-align:left; font-size:14px; }
.dev-guide-page .dev_guide .guide-global-search span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.dev-guide-page .dev_guide .guide-global-search kbd { flex:none; }
.dev-guide-page .dev_guide kbd { font-size:12px; border:1px solid var(--doc-line); border-radius:3px; padding:0 5px; white-space:nowrap; }
.dev-guide-page .dev_guide { margin:0; padding:0; background:var(--doc-bg); }
.dev-guide-page .dev_guide > .inner-1500 { width:100%; max-width:1600px; padding:calc(var(--doc-header, 98px) + 28px) 32px 64px; margin:0 auto; }
.dev-guide-page .dev_guide .sub-body { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; padding:0; margin:0; align-items:stretch; }
.dev-guide-page .dev_guide .sub-body > .left { float:none; position:relative; width:auto; min-width:0; padding:0; margin:0; align-self:stretch; }
.dev-guide-page .dev_guide .sub-body > .left > .box.guide-nav { width:100%; max-width:100%; position:sticky; top:var(--guide-sticky-top); max-height:calc(100dvh - var(--guide-sticky-top) - 16px); padding:14px 10px; margin:0; border:1px solid var(--doc-line); border-radius:14px; background:var(--doc-surface); box-shadow:0 3px 16px rgb(15 23 42 / 3%); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.dev-guide-page .dev_guide .center_right, .dev-guide-page .dev_guide .center { float:none; display:block; min-width:0; max-width:100%; width:100%; padding:0; margin:0; background:transparent; border:0; }
.dev-guide-page .dev_guide .center > :not(.active) { display:none; }
.dev-guide-page .dev_guide .center > .active { display:block; padding:0; margin:0; width:100%; max-width:100%; background:var(--doc-surface); border:1px solid var(--doc-line); border-radius:16px; box-shadow:0 4px 20px rgb(15 23 42 / 3%); }
.dev-guide-page .dev_guide .guide-nav-toggle, .dev-guide-page .dev_guide .guide-drawer-close { display:none; }
.dev-guide-page .dev_guide .guide-nav-panel { display:block; width:100%; }
.dev-guide-page .dev_guide .guide-nav-search { padding:0 0 16px; margin:0; }
.dev-guide-page .dev_guide #guide_nav_search { width:100%; height:44px; padding:0 12px; border:1px solid var(--doc-line); background:var(--doc-surface); color:var(--doc-ink); border-radius:6px; font-size:14px; }
.dev-guide-page .dev_guide .guide-nav-list { max-height:none; overflow:visible; margin:0; padding:0; list-style:none; }
.dev-guide-page .dev_guide .guide-nav-list > li { padding:0; margin:0 0 2px; }
.dev-guide-page .dev_guide .guide-nav-list > li > button { display:flex; justify-content:space-between; align-items:center; width:100%; padding:8px 10px; border:0; border-radius:4px; background:transparent; color:var(--doc-ink); font-size:14px; font-weight:700; text-align:left; pointer-events:auto; cursor:pointer; }
.dev-guide-page .dev_guide .guide-nav-list > li > button::after { content:'+'; }
.dev-guide-page .dev_guide .guide-nav-list > li > button[aria-expanded="true"]::after { content:'−'; }
.dev-guide-page .dev_guide .guide-nav-list > li > button > div { margin:0; padding:0; font:inherit; color:inherit; }
.dev-guide-page .dev_guide .guide-nav-list > li > div { margin:0; padding:0; }
.dev-guide-page .dev_guide .guide-nav-list ul { margin:0; padding:0; list-style:none; border:0; }
.dev-guide-page .dev_guide .guide-nav-list li a { display:block; margin:0; padding:0; color:var(--doc-muted); border-radius:4px; }
.dev-guide-page .dev_guide .guide-nav-list .sticky-sub-text { display:flex; align-items:center; min-height:44px; padding:9px 10px 9px 18px; margin:0; border:0; border-left:2px solid transparent; font-size:14px; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; color:inherit; }
.dev-guide-page .dev_guide .guide-nav-list .sticky-sub-text.active { color:var(--doc-accent); background:var(--doc-soft); border-left-color:var(--doc-accent); font-weight:700; }
.dev-guide-page .dev_guide .guide-nav-list a:hover, .dev-guide-page .dev_guide .guide-nav-list button:hover { background:var(--doc-soft); }
.dev-guide-page .dev_guide .guide-document-header { padding:28px 32px 20px; margin:0; background:linear-gradient(115deg,#f1f6ff,#fff 75%); border-radius:16px 16px 0 0; border-top:3px solid #3877ec; }
.dev-guide-page .dev_guide .guide-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--doc-muted); font-size:14px; margin-bottom:16px; }
.dev-guide-page .dev_guide .guide-title-row { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px; }
.dev-guide-page .dev_guide .guide-document-header h3.title { font-size:32px; line-height:1.3; letter-spacing:-1px; color:var(--doc-ink); margin:0 0 12px; word-break:keep-all; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-document-header .desc { color:var(--doc-muted); font-size:16px; line-height:1.7; margin:0 0 12px; max-width:80ch; }
.dev-guide-page .dev_guide .guide-primary-link { display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border:1px solid #c7d9fa; border-radius:8px; background:var(--doc-surface); font-size:14px; font-weight:700; }
.dev-guide-page .dev_guide .guide-header-endpoint { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:4px 0; min-width:0; }
.dev-guide-page .dev_guide .guide-header-endpoint code { min-width:0; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-header-endpoint button, .dev-guide-page .dev_guide .guide-header-endpoint a { display:inline-flex; align-items:center; min-height:44px; border:0; background:transparent; padding:0 8px; font-size:14px; color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-api-document #guide-overview { padding-top:20px; padding-bottom:20px; }
.dev-guide-page .dev_guide .guide-api-document #guide-overview > h4 { margin-bottom:12px; }
.dev-guide-page .dev_guide .guide-api-document #guide-overview .guide-facts { margin:0; padding:0; border:0; }
.dev-guide-page .dev_guide .guide-api-document #guide-quickstart { padding-top:20px; padding-bottom:20px; }
.dev-guide-page .dev_guide .guide-api-document #guide-quickstart h4 { margin-bottom:12px; }
.dev-guide-page .dev_guide .guide-facts small { display:block; color:var(--doc-muted); font-size:14px; }
.dev-guide-page .dev_guide .guide-section-nav { display:flex; gap:4px; position:sticky; top:var(--doc-header); z-index:12; margin:0; padding:4px 24px; border:0; border-top:1px solid var(--doc-line); border-bottom:1px solid var(--doc-line); background:var(--doc-surface); overflow-x:auto; scrollbar-width:thin; }
.dev-guide-page .dev_guide .guide-section-nav a { display:flex; align-items:center; flex:none; min-height:44px; padding:8px 10px; margin:0; font-size:14px; color:var(--doc-muted); border-radius:4px; white-space:nowrap; }
.dev-guide-page .dev_guide .guide-section-nav a[aria-current="location"] { background:var(--doc-soft); color:var(--doc-accent); font-weight:700; }
.dev-guide-page .dev_guide .guide-section { padding:28px 32px; margin:0; border-bottom:1px solid var(--doc-line); scroll-margin-top:calc(var(--doc-header) + 68px); min-width:0; }
.dev-guide-page .dev_guide .guide-section:last-child { border-bottom:0; }
.dev-guide-page .dev_guide .guide-section h4 { font-size:23px; line-height:1.4; color:var(--doc-ink); margin:0 0 20px; }
.dev-guide-page .dev_guide .guide-section h5 { font-size:19px; line-height:1.5; color:var(--doc-ink); margin:20px 0 12px; }
.dev-guide-page .dev_guide .guide-section h6 { font-size:16px; line-height:1.6; font-weight:700; margin:24px 0 10px; }
.dev-guide-page .dev_guide .guide-section p, .dev-guide-page .dev_guide .guide-section li { font-size:16px; line-height:1.7; color:var(--doc-muted); }
.dev-guide-page .dev_guide .guide-section p { margin:0 0 16px; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-section ol { padding-left:24px; list-style:decimal; }
.dev-guide-page .dev_guide .guide-input-badge { display:inline-flex; align-items:center; min-height:30px; padding:2px 8px; border:1px solid var(--doc-line); background:var(--doc-bg); color:var(--doc-muted); border-radius:4px; font-size:14px; }
.dev-guide-page .dev_guide .guide-section strong { color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-section [id] { scroll-margin-top:calc(var(--doc-header) + 76px); }
.dev-guide-page .dev_guide code { font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace; font-size:14px; line-height:1.6; color:var(--doc-ink); background:transparent; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-facts { display:flex; flex-wrap:wrap; gap:24px; margin:20px 0 0; padding:16px 0; border-top:1px solid var(--doc-line); }
.dev-guide-page .dev_guide .guide-facts div { min-width:110px; }
.dev-guide-page .dev_guide .guide-facts dt { color:var(--doc-muted); font-size:14px; }
.dev-guide-page .dev_guide .guide-facts dd { color:var(--doc-ink); font-size:16px; font-weight:600; margin:4px 0 0; }
.dev-guide-page .dev_guide .guide-operation { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:24px; margin:0 0 32px; padding:0 0 24px; border-bottom:1px solid var(--doc-line); }
.dev-guide-page .dev_guide .guide-operation:last-child { border:0; padding-bottom:0; margin-bottom:0; }
.dev-guide-page .dev_guide .guide-operation-description, .dev-guide-page .dev_guide .guide-operation-code { min-width:0; max-width:100%; }
.dev-guide-page .dev_guide .guide-operation-code { grid-row:1; }
.dev-guide-page .dev_guide .guide-operation-description { grid-row:2; }
.dev-guide-page .dev_guide .guide-operation-description > h5:first-child { margin-top:0; }
.dev-guide-page .dev_guide .guide-endpoint { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px 12px; background:var(--doc-bg); border:1px solid var(--doc-line); border-radius:5px; }
.dev-guide-page .dev_guide .guide-endpoint code { flex:1; min-width:0; font-size:14px; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-endpoint button { border:0; background:transparent; font-size:14px; padding:0 6px; }
.dev-guide-page .dev_guide .guide-method { display:inline-flex; flex:none; align-items:center; font:700 12px/1.5 ui-monospace,Consolas,monospace; color:var(--doc-accent); background:var(--doc-soft); border:1px solid var(--doc-line); border-radius:4px; padding:3px 6px; }
.dev-guide-page .dev_guide .guide-operation-meta { font-size:14px !important; margin:8px 0 20px !important; }
.dev-guide-page .dev_guide .guide-operation-links { display:flex; flex-wrap:wrap; gap:8px; }
.dev-guide-page .dev_guide .guide-operation-links a { display:flex; min-height:44px; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--doc-line); border-radius:5px; font-size:14px; }
.dev-guide-page .dev_guide .guide-operation-code { background:var(--doc-code); border:1px solid var(--doc-line); border-radius:7px; overflow:hidden; }
.dev-guide-page .dev_guide .guide-code-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--doc-line); font-size:14px; }
.dev-guide-page .dev_guide .guide-code-heading span { color:var(--doc-muted); font-size:12px; }
.dev-guide-page .dev_guide .guide-code-heading code { flex-basis:100%; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-code-tabs { display:flex; overflow-x:auto; gap:0; margin:0; padding:0 6px; background:transparent; border:0; border-bottom:1px solid var(--doc-line); scrollbar-width:thin; }
.dev-guide-page .dev_guide .guide-code-tabs button { flex:none; border:0; border-bottom:2px solid transparent; border-radius:0; padding:8px 10px; background:transparent; color:var(--doc-muted); font-size:14px; }
.dev-guide-page .dev_guide .guide-code-tabs button[aria-selected="true"] { color:var(--doc-accent); border-bottom-color:var(--doc-accent); font-weight:700; }
.dev-guide-page .dev_guide .guide-code-panel { padding:0; min-width:0; }
.dev-guide-page .dev_guide .guide-runtime { font-size:14px !important; padding:12px 14px 0; margin:0 !important; }
.dev-guide-page .dev_guide .turf-code-area { position:relative; margin:0; padding:0; max-width:100%; background:var(--doc-code); border:0; border-radius:0; overflow:hidden; }
.dev-guide-page .dev_guide .guide-code-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; padding:8px; border-bottom:1px solid var(--doc-line); }
.dev-guide-page .dev_guide .guide-code-actions button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; padding:0 12px; border:1px solid var(--doc-control-line); border-radius:6px; background:var(--doc-surface); color:var(--doc-ink); font-size:13px; font-weight:600; line-height:1; }
.dev-guide-page .dev_guide .guide-code-actions button:hover { background:var(--doc-soft); border-color:var(--doc-accent); color:var(--doc-accent); }
.dev-guide-page .dev_guide .turf-code-area pre { margin:0; padding:16px; max-height:none; max-width:100%; min-height:0; overflow:auto; overscroll-behavior:contain; white-space:pre-wrap; overflow-wrap:anywhere; background:transparent; border:0; border-radius:0; color:var(--doc-ink); font-size:14px; line-height:1.6; tab-size:2; }
.dev-guide-page .dev_guide .turf-code-area pre code { display:block; padding:0; color:inherit; font-size:14px; line-height:1.6; white-space:inherit; overflow-wrap:inherit; word-break:normal; background:transparent; }
.dev-guide-page .dev_guide .hljs-comment, .dev-guide-page .dev_guide .hljs-quote { color:var(--doc-comment); font-style:italic; }
.dev-guide-page .dev_guide .hljs-keyword, .dev-guide-page .dev_guide .hljs-selector-tag, .dev-guide-page .dev_guide .hljs-section, .dev-guide-page .dev_guide .hljs-name { color:var(--doc-bool); font-weight:600; }
.dev-guide-page .dev_guide .hljs-string, .dev-guide-page .dev_guide .hljs-regexp, .dev-guide-page .dev_guide .hljs-addition { color:var(--doc-string); }
.dev-guide-page .dev_guide .hljs-number, .dev-guide-page .dev_guide .hljs-literal, .dev-guide-page .dev_guide .hljs-symbol, .dev-guide-page .dev_guide .hljs-bullet { color:var(--doc-number); }
.dev-guide-page .dev_guide .hljs-attr, .dev-guide-page .dev_guide .hljs-attribute, .dev-guide-page .dev_guide .hljs-variable, .dev-guide-page .dev_guide .hljs-template-variable, .dev-guide-page .dev_guide .hljs-property { color:var(--doc-key); }
.dev-guide-page .dev_guide .hljs-title, .dev-guide-page .dev_guide .hljs-title.function_, .dev-guide-page .dev_guide .hljs-title.class_, .dev-guide-page .dev_guide .hljs-built_in, .dev-guide-page .dev_guide .hljs-type { color:var(--doc-accent); }
.dev-guide-page .dev_guide .hljs-tag, .dev-guide-page .dev_guide .hljs-selector-class, .dev-guide-page .dev_guide .hljs-selector-id, .dev-guide-page .dev_guide .hljs-selector-attr { color:var(--doc-tag); }
.dev-guide-page .dev_guide .hljs-punctuation, .dev-guide-page .dev_guide .hljs-operator, .dev-guide-page .dev_guide .hljs-meta { color:var(--doc-punct); }
.dev-guide-page .dev_guide .turf-table { width:100%; max-width:100%; padding:0; margin:16px 0 24px; border:1px solid var(--doc-line); border-radius:5px; overflow:hidden; background:var(--doc-surface); }
.dev-guide-page .dev_guide .turf-table > .head, .dev-guide-page .dev_guide .turf-table > .turf-row { display:grid; grid-template-columns:repeat(var(--guide-columns,3),minmax(0,1fr)); width:100%; min-width:0; margin:0; padding:0; border:0; border-bottom:1px solid var(--doc-line); background:transparent; }
.dev-guide-page .dev_guide .turf-table > .head { background:var(--doc-bg); }
.dev-guide-page .dev_guide .turf-table > .turf-row:last-child { border-bottom:0; }
.dev-guide-page .dev_guide .turf-table > :is(.head,.turf-row) > div { float:none; width:auto !important; max-width:100%; min-width:0; padding:12px; margin:0; border:0; border-radius:0; background:transparent; font-size:14px; line-height:1.65; color:var(--doc-ink); word-break:normal; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .turf-table > .head > div { font-weight:600; color:var(--doc-muted); }
.dev-guide-page .dev_guide .turf-table > .head > div::before, .dev-guide-page .dev_guide .turf-table > .turf-row > div::before { content:none; }
.dev-guide-page .dev_guide .turf-table.guide-table-cols-1 { --guide-columns:1; }
.dev-guide-page .dev_guide .turf-table.guide-table-cols-2 { --guide-columns:2; }
.dev-guide-page .dev_guide .turf-table.guide-table-cols-3 { --guide-columns:3; }
.dev-guide-page .dev_guide .turf-table.guide-table-cols-4 { --guide-columns:4; }
.dev-guide-page .dev_guide .turf-table.guide-field-table.guide-table-cols-3 > :is(.head,.turf-row) { grid-template-columns:minmax(130px,1fr) 64px minmax(0,2fr); }
.dev-guide-page .dev_guide .turf-table small { display:block; margin-top:4px; color:var(--doc-muted); font-size:13px; }
.dev-guide-page .dev_guide .turf-table .guide-cell-value { min-width:0; max-width:100%; word-break:normal; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .turf-table > h5 { max-width:100%; min-width:0; padding:12px; margin:0; white-space:normal; word-break:normal; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .turf-table > :is(.head,.turf-row) > div { grid-column:auto; grid-row:auto; }
.dev-guide-page .dev_guide .guide-table-endpoints > .turf-row > div:first-child { word-break:keep-all; }
.dev-guide-page .dev_guide .guide-required { display:inline-block; padding:0; background:transparent; color:var(--doc-muted); font-size:13px; }
.dev-guide-page .dev_guide .guide-required.is-required { color:var(--doc-accent); font-weight:700; }
.dev-guide-page .dev_guide .guide-detail { margin:16px 0; padding:0; border:1px solid var(--doc-line); border-radius:5px; background:var(--doc-surface); }
.dev-guide-page .dev_guide .guide-detail > summary { padding:12px 16px; min-height:48px; font-size:14px; font-weight:600; color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-detail > div { padding:4px 16px 16px; min-width:0; }
.dev-guide-page .dev_guide .guide-detail .subject-turf { padding:12px 0; margin:0; border:0; }
.dev-guide-page .dev_guide .guide-detail .content-box { padding:16px; margin:12px 0; width:100%; background:var(--doc-bg); color:var(--doc-ink); border-color:var(--doc-line); }
.dev-guide-page .dev_guide .guide-note { padding:14px 16px; border-left:3px solid var(--doc-accent); background:var(--doc-soft); color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-caption { color:var(--doc-muted); font-size:14px !important; margin-top:12px !important; }
.dev-guide-page .dev_guide .guide-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:0 !important; margin:20px 0; list-style:none; }
.dev-guide-page .dev_guide .guide-flow li { padding:12px 0; border-top:2px solid var(--doc-line); font-size:14px; }
.dev-guide-page .dev_guide .guide-flow span { display:block; font-size:14px; margin-top:4px; }
.dev-guide-page .dev_guide .guide-eyebrow { color:var(--doc-accent) !important; font-size:14px !important; font-weight:700; margin-bottom:8px !important; }
.dev-guide-page .dev_guide .guide-first-request h4 { font-size:28px; letter-spacing:-.5px; }
.dev-guide-page .dev_guide .guide-start-checklist { margin:16px 0; }
.dev-guide-page .dev_guide .guide-start-checklist li { padding:4px 0; }
.dev-guide-page .dev_guide .guide-discover { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
.dev-guide-page .dev_guide .guide-discover a { display:block; padding:16px 0; border-bottom:1px solid var(--doc-line); }
.dev-guide-page .dev_guide .guide-discover span { display:block; margin-top:4px; color:var(--doc-muted); font-size:14px; }
.dev-guide-page .dev_guide .guide-export { position:relative; font-size:14px; }
.dev-guide-page .dev_guide .guide-export summary { display:block; min-height:44px; padding:8px 12px; border:1px solid var(--doc-line); border-radius:5px; }
.dev-guide-page .dev_guide .guide-export a, .dev-guide-page .dev_guide .guide-export button { display:block; min-height:44px; padding:8px 12px; background:var(--doc-surface); border:0; width:100%; text-align:left; }
.dev-guide-page .dev_guide .guide-json-viewer { padding:12px 0; }
.dev-guide-page .dev_guide .guide-json-viewer > label { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 12px; font-size:14px; }
.dev-guide-page .dev_guide .guide-json-viewer select { max-width:100%; min-height:44px; padding:6px 8px; border:1px solid var(--doc-line); border-radius:4px; background:var(--doc-surface); color:var(--doc-ink); font-size:14px; }
.dev-guide-page .dev_guide .guide-json-tools { display:flex; flex-wrap:wrap; gap:6px; margin:12px; }
.dev-guide-page .dev_guide .guide-json-tools input { flex:1 1 150px; min-width:0; min-height:44px; border:1px solid var(--doc-line); border-radius:4px; background:var(--doc-surface); color:var(--doc-ink); padding:8px; font-size:14px; }
.dev-guide-page .dev_guide .guide-json-tools button { min-height:44px; padding:0 12px; border:1px solid var(--doc-control-line); border-radius:6px; background:var(--doc-surface); color:var(--doc-ink); font-size:13px; font-weight:600; }
.dev-guide-page .dev_guide .guide-json-tools button:hover { background:var(--doc-soft); border-color:var(--doc-accent); color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-json-tree { padding:12px 14px; background:var(--doc-code); border-radius:6px; font:13px/1.7 ui-monospace,Consolas,monospace; color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-json-tree details { margin-left:14px; }
.dev-guide-page .dev_guide .guide-json-tree > details { margin-left:0; }
.dev-guide-page .dev_guide .guide-json-tree summary, .dev-guide-page .dev_guide .guide-json-leaf { padding:3px 0; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-json-tree summary { cursor:pointer; }
.dev-guide-page .dev_guide .guide-json-key { color:var(--doc-key); }
.dev-guide-page .dev_guide .guide-json-punct { color:var(--doc-punct); }
.dev-guide-page .dev_guide .guide-json-string { color:var(--doc-string); }
.dev-guide-page .dev_guide .guide-json-number { color:var(--doc-number); }
.dev-guide-page .dev_guide .guide-json-boolean { color:var(--doc-bool); }
.dev-guide-page .dev_guide .guide-json-null { color:var(--doc-null); font-style:italic; }
.dev-guide-page .dev_guide .guide-json-object, .dev-guide-page .dev_guide .guide-json-array { color:var(--doc-muted); }
.dev-guide-page .dev_guide .guide-json-tree button { min-width:44px; min-height:44px; padding:0 8px; margin-left:6px; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--doc-muted); font-size:12px; }
.dev-guide-page .dev_guide .guide-json-tree button:hover { border-color:var(--doc-line); background:var(--doc-code); color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-json-search-status { padding:0 12px; font-size:14px !important; margin:0 !important; }
.dev-guide-page .dev_guide .guide-json-match { background:var(--doc-soft); border-radius:3px; }
@media (hover:hover) and (pointer:fine) { .dev-guide-page .dev_guide .guide-json-tree button { min-height:26px; opacity:0; } .dev-guide-page .dev_guide .guide-json-tree :is(summary,.guide-json-leaf):hover > button, .dev-guide-page .dev_guide .guide-json-tree :is(summary,.guide-json-leaf):focus-within > button { opacity:1; } }
.dev-guide-page .dev_guide .guide-response-block { min-width:0; border:1px solid var(--doc-line); border-radius:5px; overflow:hidden; }
.dev-guide-page .dev_guide .guide-response-block .guide-caption { padding:0 12px; }
.dev-guide-page .dev_guide .guide-search-dialog { width:min(880px,calc(100% - 40px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid #c9d8ed; border-radius:18px; background:var(--doc-surface); color:var(--doc-ink); margin:auto; overflow:hidden; box-shadow:0 24px 80px rgb(15 23 42 / 22%); }
.dev-guide-page .dev_guide .guide-search-dialog[open] { display:flex; flex-direction:column; }
.dev-guide-page .dev_guide dialog::backdrop { background:rgb(15 23 42 / 55%); }
.dev-guide-page .dev_guide .guide-search-head { flex:none; padding:24px 24px 12px; background:#f6f9ff; border-bottom:1px solid var(--doc-line); }
.dev-guide-page .dev_guide .guide-search-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px; }
.dev-guide-page .dev_guide .guide-search-title h2 { font-size:22px; line-height:1.4; letter-spacing:-.6px; margin:0; color:var(--doc-ink); }
.dev-guide-page .dev_guide .guide-search-title p { margin:5px 0 0; font-size:13px; color:var(--doc-muted); }
.dev-guide-page .dev_guide .guide-search-title button { display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid var(--doc-line); border-radius:12px; background:var(--doc-surface); color:var(--doc-muted); }
.dev-guide-page .dev_guide .guide-search-title button:hover { color:var(--doc-accent); border-color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-search-title svg, .dev-guide-page .dev_guide .guide-search-input svg { width:22px; height:22px; flex:none; }
.dev-guide-page .dev_guide .guide-search-controls { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:10px; }
.dev-guide-page .dev_guide .guide-search-input { position:relative; min-width:0; }
.dev-guide-page .dev_guide .guide-search-input svg { position:absolute; top:14px; left:14px; color:var(--doc-accent); pointer-events:none; }
.dev-guide-page .dev_guide #guide-global-query { width:100%; min-width:0; height:50px; padding:10px 12px 10px 44px; border:1px solid var(--doc-control-line); border-radius:10px; background:var(--doc-surface); color:var(--doc-ink); font-size:16px; }
.dev-guide-page .dev_guide .guide-search-category { min-width:0; }
.dev-guide-page .dev_guide #guide-search-category { width:100%; height:50px; padding:0 10px; border:1px solid var(--doc-control-line); border-radius:10px; background:var(--doc-surface); color:var(--doc-ink); font-size:14px; }
.dev-guide-page .dev_guide .guide-search-status { color:var(--doc-muted); font-size:13px; margin:10px 0 0; }
.dev-guide-page .dev_guide .guide-search-results { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:6px 12px; scrollbar-width:thin; }
.dev-guide-page .dev_guide .guide-search-results a { display:grid; grid-template-columns:40px minmax(0,1fr); gap:14px; padding:18px 12px; border:0; border-bottom:1px solid var(--doc-line); border-radius:0; min-height:44px; text-decoration:none; }
.dev-guide-page .dev_guide .guide-search-results a:last-child { border-bottom:0; }
.dev-guide-page .dev_guide .guide-search-results a:hover { background:#f5f8fe; }
.dev-guide-page .dev_guide .guide-search-results a:focus-visible { outline-offset:-3px; }
.dev-guide-page .dev_guide .guide-result-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:#eaf1ff; color:#2563eb; }
.dev-guide-page .dev_guide .guide-result-icon svg { width:23px; height:23px; }
.dev-guide-page .dev_guide .guide-result-icon[data-kind="shield"], .dev-guide-page .dev_guide .guide-result-icon[data-kind="finance"] { background:#e8f5f3; color:#10756c; }
.dev-guide-page .dev_guide .guide-result-icon[data-kind="ai"], .dev-guide-page .dev_guide .guide-result-icon[data-kind="audio"] { background:#f0edff; color:#6850bc; }
.dev-guide-page .dev_guide .guide-result-content { min-width:0; }
.dev-guide-page .dev_guide .guide-result-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 16px; }
.dev-guide-page .dev_guide .guide-result-heading > strong { flex:1 1 180px; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-result-price { font-size:14px; font-weight:700; color:#2056a8; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-result-meta { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin-top:6px; }
.dev-guide-page .dev_guide .guide-result-unit { font-size:12px; color:var(--doc-muted); }
.dev-guide-page .dev_guide .guide-search-foot { flex:none; padding:12px 24px; border-top:1px solid var(--doc-line); background:#f8fafc; color:var(--doc-muted); font-size:12px; line-height:1.6; }
.dev-guide-page .dev_guide .guide-search-empty { display:flex; flex-direction:column; align-items:center; gap:12px; padding:32px 16px; text-align:center; }
.dev-guide-page .dev_guide .guide-search-results strong { color:var(--doc-ink); font-size:16px; }
.dev-guide-page .dev_guide .guide-search-results p, .dev-guide-page .dev_guide .guide-search-results small { display:block; color:var(--doc-muted); font-size:13px; line-height:1.6; margin:5px 0 0; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-search-result p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dev-guide-page .dev_guide .guide-search-results code { display:block; margin:0; font-size:12px; color:#586b86; }
.dev-guide-page .dev_guide .guide-toast { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); z-index:100; max-width:calc(100vw - 32px); padding:10px 16px; border-radius:6px; background:var(--doc-ink); color:var(--doc-surface); font-size:14px; pointer-events:none; }
.dev-guide-page .dev_guide .guide-toast:empty { display:none; }
.dev-guide-page .dev_guide[data-guide-service-type="start"] .guide-first-request :is(.guide-eyebrow,h4) { display:none; }
@media(min-width:1024px) { .dev-guide-page .dev_guide .guide-start-checklist { display:flex; flex-wrap:wrap; gap:8px 32px; margin:12px 0 16px; } .dev-guide-page .dev_guide .guide-start-checklist li { margin-left:16px; } }
@media(max-width:1023px) {
 .dev-guide-page .dev_guide { --doc-header:64px; --guide-sticky-top:76px; }
 .dev-guide-page .dev_guide > .inner-1500 { padding:calc(var(--doc-header, 98px) + 16px) 20px 40px; }
 .dev-guide-page .dev_guide .sub-body { display:block; }
 .dev-guide-page .dev_guide .sub-body > .left { margin:0 0 14px; }
 .dev-guide-page .dev_guide .sub-body > .left > .box.guide-nav { position:static; padding:0; max-height:none; overflow:visible; border:0; box-shadow:none; }
 .dev-guide-page .dev_guide .guide-nav-toggle { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:48px; padding:8px 12px; margin:0; border:1px solid var(--doc-line); border-radius:5px; background:var(--doc-surface); font-size:14px; }
 .dev-guide-page .dev_guide .guide-nav-toggle-copy { display:flex; align-items:center; gap:12px; text-align:left; min-width:0; }
 .dev-guide-page .dev_guide .guide-nav-toggle-copy > span { color:var(--doc-muted); flex:none; }
 .dev-guide-page .dev_guide #guide_nav_current { font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 .dev-guide-page .dev_guide .guide-nav-toggle-icon::after { content:'☰'; }
 .dev-guide-page .dev_guide .left .guide-nav-panel { display:none; }
 .dev-guide-page .dev_guide .guide-nav-dialog { position:fixed; inset:0 auto 0 0; margin:0; width:min(340px,calc(100vw - 28px)); max-width:100%; height:100dvh; max-height:100dvh; border:0; border-right:1px solid var(--doc-line); border-radius:0; padding:16px; background:var(--doc-surface); color:var(--doc-ink); overflow:auto; }
 .dev-guide-page .dev_guide .guide-nav-dialog .guide-nav-panel { display:block; }
 .dev-guide-page .dev_guide .guide-drawer-close { display:block; margin:0 0 12px auto; padding:6px 12px; background:transparent; border:0; font-size:14px; }
 .dev-guide-page .dev_guide .guide-section { padding:24px; }
 .dev-guide-page .dev_guide .guide-document-header { padding:24px; }
}
@media(max-width:600px) {
 .dev-guide-page .dev_guide > .inner-1500 { padding:calc(var(--doc-header, 98px) + 12px) 10px 32px; }
 .dev-guide-page .dev_guide .guide-document-header { padding:20px 16px 16px; }
 .dev-guide-page .dev_guide .guide-document-header h3.title { font-size:27px; }
 .dev-guide-page .dev_guide .guide-section { padding:22px 16px; }
 .dev-guide-page .dev_guide .guide-section h4 { font-size:22px; margin-bottom:16px; }
 .dev-guide-page .dev_guide .guide-first-request h4 { font-size:25px; }
 .dev-guide-page .dev_guide .guide-section-nav { padding:4px 8px; }
 .dev-guide-page .dev_guide .guide-section-nav a { padding:8px; }
 .dev-guide-page .dev_guide .guide-breadcrumb { margin-bottom:12px; }
 .dev-guide-page .dev_guide .guide-operation { gap:16px; }
 .dev-guide-page .dev_guide .guide-flow { grid-template-columns:1fr 1fr; gap:8px 12px; }
 .dev-guide-page .dev_guide .guide-facts { gap:12px; }
 .dev-guide-page .dev_guide .guide-facts div { min-width:90px; }
 .dev-guide-page .dev_guide .guide-discover { grid-template-columns:1fr; }
 .dev-guide-page .dev_guide .turf-table > .head { display:none; }
 .dev-guide-page .dev_guide .turf-table > .turf-row, .dev-guide-page .dev_guide .turf-table.guide-field-table > .turf-row { display:block; padding:10px 12px; }
 .dev-guide-page .dev_guide .turf-table > .turf-row > div { display:grid; grid-template-columns:72px minmax(0,1fr); gap:8px; padding:6px 0; width:100%; border:0; font-size:14px; }
 .dev-guide-page .dev_guide .turf-table > .turf-row > div::before { content:attr(data-guide-label); display:block; color:var(--doc-muted); font-size:13px; font-weight:500; }
 .dev-guide-page .dev_guide .turf-table > .turf-row > div:first-child { display:block; font-weight:600; }
 .dev-guide-page .dev_guide .turf-table > .turf-row > div:first-child::before { content:none; }
 .dev-guide-page .dev_guide .guide-table-cols-1 > .turf-row > div, .dev-guide-page .dev_guide .guide-table-endpoints > .turf-row > div { display:block; }
 .dev-guide-page .dev_guide .guide-table-cols-1 > .turf-row > div::before, .dev-guide-page .dev_guide .guide-table-endpoints > .turf-row > div::before { content:none; }
 .dev-guide-page .dev_guide .guide-detail > div { padding:0 12px 12px; }
 .dev-guide-page .dev_guide .guide-search-dialog { width:calc(100% - 16px); padding:0; max-height:calc(100dvh - 16px); border-radius:14px; }
 .dev-guide-page .dev_guide .guide-search-head { padding:16px 12px 10px; }
 .dev-guide-page .dev_guide .guide-search-title { gap:8px; margin-bottom:12px; }
 .dev-guide-page .dev_guide .guide-search-title h2 { font-size:20px; }
 .dev-guide-page .dev_guide .guide-search-title p { font-size:12px; }
 .dev-guide-page .dev_guide .guide-search-controls { grid-template-columns:1fr; gap:8px; }
 .dev-guide-page .dev_guide #guide-search-category { height:44px; }
 .dev-guide-page .dev_guide .guide-search-results { padding:0 6px; }
 .dev-guide-page .dev_guide .guide-search-results a { grid-template-columns:32px minmax(0,1fr); gap:10px; padding:14px 6px; }
 .dev-guide-page .dev_guide .guide-result-icon { width:32px; height:32px; border-radius:9px; }
 .dev-guide-page .dev_guide .guide-result-icon svg { width:20px; height:20px; }
 .dev-guide-page .dev_guide .guide-result-heading { display:block; }
 .dev-guide-page .dev_guide .guide-result-price { display:block; margin-top:4px; font-size:13px; }
 .dev-guide-page .dev_guide .guide-search-foot { padding:10px 12px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .dev-guide-page .dev_guide * { scroll-behavior:auto !important; transition:none !important; } }

/* 기존 가이드의 !important 카드 규칙도 문서 전용 레이어에서 한 번만 정규화한다. */
@layer apick-guide-fixes {
 .dev-guide-page .dev_guide .turf-table > :is(.head,.turf-row) { display:grid !important; grid-template-columns:repeat(var(--guide-columns,3),minmax(0,1fr)) !important; }
 .dev-guide-page .dev_guide .turf-table > :is(.head,.turf-row) > div { display:block !important; width:auto !important; min-width:0 !important; padding:12px !important; margin:0 !important; white-space:normal !important; text-align:left !important; }
 .dev-guide-page .dev_guide .turf-table.guide-field-table.guide-table-cols-3 > :is(.head,.turf-row) { grid-template-columns:minmax(130px,1fr) 64px minmax(0,2fr) !important; }
 @media(max-width:600px) {
  .dev-guide-page .dev_guide .turf-table > .head { display:none !important; }
  .dev-guide-page .dev_guide .turf-table > .turf-row { display:block !important; width:100% !important; }
  .dev-guide-page .dev_guide .turf-table > .turf-row > div { display:grid !important; grid-template-columns:72px minmax(0,1fr) !important; width:100% !important; padding:6px 0 !important; }
  .dev-guide-page .dev_guide .turf-table > .turf-row > div:first-child, .dev-guide-page .dev_guide .guide-table-cols-1 > .turf-row > div, .dev-guide-page .dev_guide .guide-table-endpoints > .turf-row > div { display:block !important; }
 }
}
.dev-guide-page .dev_guide input::placeholder { color:var(--doc-muted); opacity:1; }
.dev-guide-page .dev_guide :is(input[type="search"],select) { border-color:var(--doc-control-line) !important; }

/* 문서 탐색과 본문을 같은 APICK 색·간격 체계로 정리한다. */
.dev-guide-page .dev_guide .guide-nav-heading { display:flex; align-items:center; gap:8px; padding:0 6px 12px; font-size:15px; }
.dev-guide-page .dev_guide .guide-nav-heading > span { font-size:11px; letter-spacing:.8px; font-weight:800; color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-global-search { background:var(--doc-soft); border-color:#cadbfa; }
.dev-guide-page .dev_guide kbd { background:var(--doc-surface); color:var(--doc-muted); box-shadow:0 1px 1px rgb(15 23 42 / 8%); }
.dev-guide-page .dev_guide .guide-nav-list > li > button { border-radius:7px; }
.dev-guide-page .dev_guide .guide-nav-list > li > button::after { content:''; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); margin-right:4px; }
.dev-guide-page .dev_guide .guide-nav-list > li > button[aria-expanded="true"] { color:var(--doc-accent); background:#f5f8fe; }
.dev-guide-page .dev_guide .guide-nav-list > li > button[aria-expanded="true"]::after { content:''; transform:rotate(45deg); }
.dev-guide-page .dev_guide .guide-nav-list .sticky-sub-text { padding-left:14px; margin-left:8px; border-left-color:var(--doc-line); font-size:13px; }
.dev-guide-page .dev_guide .guide-nav-list .sticky-sub-text.active { border-left-color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-nav-search { padding-bottom:12px; }
.dev-guide-page .dev_guide .guide-section h4 { letter-spacing:-.6px; }
.dev-guide-page .dev_guide .guide-code-heading { background:#e9f0fb; padding:14px 16px; }
.dev-guide-page .dev_guide .guide-code-heading strong { color:#244775; }
.dev-guide-page .dev_guide .guide-operation-code { border-color:#cfddf0; border-radius:10px; background:#f7f9fc; }
.dev-guide-page .dev_guide .guide-code-tabs { background:var(--doc-surface); padding:0 10px; }
.dev-guide-page .dev_guide .guide-code-tabs button[aria-selected="true"] { background:var(--doc-soft); }
.dev-guide-page .dev_guide .guide-section .guide-start-checklist { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; padding:0; list-style:none; counter-reset:guide-step; }
.dev-guide-page .dev_guide .guide-start-checklist li { display:flex; align-items:center; gap:10px; margin:0; padding:12px; border:1px solid var(--doc-line); border-radius:10px; background:#f8faff; font-size:14px; overflow-wrap:anywhere; }
.dev-guide-page .dev_guide .guide-start-checklist li::before { counter-increment:guide-step; content:counter(guide-step); flex:none; display:grid; place-items:center; width:28px; height:28px; background:#e3edff; border-radius:50%; color:var(--doc-accent); font:700 13px/1 sans-serif; }
.dev-guide-page .dev_guide .guide-start-checklist a { display:flex; align-items:center; min-height:44px; }
.dev-guide-page .dev_guide .guide-start-checklist code { overflow-wrap:anywhere; word-break:break-all; }
.dev-guide-page .dev_guide .guide-discover { gap:12px; }
.dev-guide-page .dev_guide .guide-discover a { padding:18px; border:1px solid var(--doc-line); border-radius:10px; background:#fbfcff; }
.dev-guide-page .dev_guide .guide-discover a:hover { border-color:#afc9f7; background:var(--doc-soft); }
.dev-guide-page .dev_guide .guide-discover strong::after { content:'↗'; float:right; color:var(--doc-accent); }
.dev-guide-page .dev_guide .guide-facts { gap:16px 32px; }
.dev-guide-page .dev_guide .guide-flow li { border-top-color:#aac7fa; padding:12px; border-radius:0 0 8px 8px; background:#f5f8fe; }
@media(max-width:1023px) {
 .dev-guide-page .dev_guide .guide-section .guide-start-checklist { grid-template-columns:1fr; gap:6px; }
 .dev-guide-page .dev_guide .guide-start-checklist li { padding:8px 10px; flex-wrap:wrap; }
 .dev-guide-page .dev_guide .guide-nav-heading { padding-right:64px; }
 .dev-guide-page .dev_guide .guide-drawer-close { position:absolute; top:8px; right:10px; }
}
@media(max-width:600px) {
 .dev-guide-page .dev_guide .guide-document-header { padding:16px 14px; }
 .dev-guide-page .dev_guide .guide-section { padding:18px 14px; }
 .dev-guide-page .dev_guide .guide-document-header h3.title { font-size:25px; }
 .dev-guide-page .dev_guide .guide-section h4 { font-size:20px; }
 .dev-guide-page .dev_guide .guide-section .guide-start-checklist { margin:12px 0; }
 .dev-guide-page .dev_guide .guide-discover a { padding:14px; }
}