/* QNTSTACK 로컬 신호 가이드 전용 CSS. 전역 스타일에 영향 없음. */
.local-signal-guide {color-scheme:dark;--bg:#0b1020;--panel:#141c2e;--panel2:#101729;--line:#29364c;--text:#e8edf7;--muted:#99a9bf;--accent:#6c9fff;--green:#49d8a4}
.local-signal-guide, .local-signal-guide * {box-sizing:border-box}
.local-signal-guide {margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif;line-height:1.75}
.local-signal-guide a {color:#91b9ff;text-decoration:none}
.local-signal-guide a:hover {text-decoration:underline}
.local-signal-guide.container {max-width:1000px;margin:auto;padding:58px 22px 90px}
.local-signal-guide .eyebrow {color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.local-signal-guide .hero {padding:12px 0 34px;border-bottom:1px solid var(--line)}
.local-signal-guide h1 {font-size:clamp(28px,4vw,42px);line-height:1.3;letter-spacing:-.04em;margin:12px 0 14px}
.local-signal-guide h2 {font-size:20px;letter-spacing:-.025em;margin:0 0 14px}
.local-signal-guide p {margin:0 0 12px;color:var(--muted)}
.local-signal-guide .lead {font-size:16px;max-width:760px}
.local-signal-guide .pill {display:inline-block;border:1px solid #36547d;border-radius:99px;padding:5px 12px;background:#152744;color:#a8cbff;font-size:12px;font-weight:700}
.local-signal-guide .section {margin-top:38px}
.local-signal-guide .panel {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px}
.local-signal-guide .steps {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.local-signal-guide .step {background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.local-signal-guide .step .num {display:inline-grid;place-items:center;background:#243d66;color:#bad4ff;width:28px;height:28px;border-radius:8px;font-size:13px;font-weight:800}
.local-signal-guide .step strong {display:block;margin:12px 0 6px;font-size:14px}
.local-signal-guide .step p {font-size:13px;margin:0}
.local-signal-guide .codebox {overflow:hidden;border:1px solid #2e3e58;border-radius:14px;background:#0a1120}
.local-signal-guide .codehead {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#182339;border-bottom:1px solid #2e3e58;font-size:12px;color:#a7b8cf;font-weight:700}
.local-signal-guide .copy {cursor:pointer;background:#263c5d;color:#e4efff;border:1px solid #42618b;border-radius:8px;padding:7px 13px;font-size:12px}
.local-signal-guide .copy:hover {background:#33517d}
.local-signal-guide pre {margin:0;padding:19px;overflow-x:auto;font-size:13px;line-height:1.65;tab-size:4}
.local-signal-guide code, .local-signal-guide pre {font-family:Consolas,"SFMono-Regular",monospace}
.local-signal-guide p code, .local-signal-guide li code {color:#c5d9ff;background:#202d46;border-radius:5px;padding:2px 5px}
.local-signal-guide .signals {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.local-signal-guide .signal {border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:12px 14px}
.local-signal-guide .signal code {color:#9dc0ff;font-size:13px;font-weight:700}
.local-signal-guide .signal span {display:block;color:var(--muted);font-size:12px;margin-top:3px}
.local-signal-guide .notice {border-left:3px solid #d8ac5c;background:#282419;border-radius:0 12px 12px 0;padding:17px 19px}
.local-signal-guide .notice strong {color:#ffe1a6}
.local-signal-guide .notice p {color:#d1c2a4;font-size:13px;margin:5px 0 0}
.local-signal-guide .guide {padding-left:20px;color:var(--muted)}
.local-signal-guide .guide li {margin:8px 0}
.local-signal-guide .small {font-size:12px;color:var(--muted)}
.local-signal-guide .foot {border-top:1px solid var(--line);padding-top:20px;margin-top:42px;color:var(--muted);font-size:12px}
@media (max-width:680px) {.local-signal-guide.container {padding:32px 15px 64px}
.local-signal-guide .panel {padding:18px}
.local-signal-guide .steps, .local-signal-guide .signals {grid-template-columns:1fr}
.local-signal-guide .section {margin-top:30px}
.local-signal-guide pre {font-size:12px;padding:14px}
.local-signal-guide .hero {padding-bottom:25px}}
/* --font-size 는 QNTSTACK 전역 설정을 상속합니다. */
.local-signal-guide {font-size:var(--font-size)}
.local-signal-guide .eyebrow, .local-signal-guide .pill, .local-signal-guide .codehead, .local-signal-guide .copy, .local-signal-guide .small, .local-signal-guide .foot, .local-signal-guide .signal span {font-size:calc(var(--font-size) * .86)}
.local-signal-guide h1 {font-size:clamp(calc(var(--font-size) * 2),4vw,calc(var(--font-size) * 3))}
.local-signal-guide h2 {font-size:calc(var(--font-size) * 1.43)}
.local-signal-guide .lead {font-size:calc(var(--font-size) * 1.14)}
.local-signal-guide .step .num, .local-signal-guide .step p, .local-signal-guide .notice p, .local-signal-guide .signal code, .local-signal-guide pre {font-size:calc(var(--font-size) * .93)}
.local-signal-guide .step strong {font-size:var(--font-size)}
@media (max-width:680px) {.local-signal-guide pre {font-size:calc(var(--font-size) * .86)}}
.local-signal-guide .contact {margin-top:46px;text-align:center;padding:30px 16px 10px;border-top:1px solid var(--line)}
.local-signal-guide .contact-button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border-radius:11px;background:var(--accent);color:#071327;font-weight:800;font-size:calc(var(--font-size) * 1.07);text-decoration:none;transition:filter .15s}
.local-signal-guide .contact-button:hover {filter:brightness(1.12);text-decoration:none}
.local-signal-guide .contact-email {margin-top:12px;font-size:var(--font-size)}
.local-signal-guide {color-scheme:light;--bg:#f5f5f7;--panel:#fff;--panel2:#fafafa;--line:#d2d2d7;--text:#1d1d1f;--muted:#6e6e73;--accent:#007aff;--green:#18794e}
body.dark .local-signal-guide {color-scheme:dark;--bg:#0d0c13;--panel:#1b1926;--panel2:#272434;--line:#5c566e;--text:#f5f5f7;--muted:#bfbcca;--accent:#b4a8ff;--green:#6fe0a8}
.local-signal-guide {background:var(--bg);color:var(--text)}
.local-signal-guide .codebox {background:var(--panel2);border-color:var(--line)}
.local-signal-guide .codehead {background:var(--panel);border-color:var(--line);color:var(--text)}
.local-signal-guide .copy {background:var(--panel2);border-color:var(--line);color:var(--text)}
.local-signal-guide .copy:hover {background:var(--panel)}
.local-signal-guide a {color:var(--accent)}
.local-signal-guide .pill {background:var(--panel2);border-color:var(--line);color:var(--accent)}
.local-signal-guide .step .num {background:var(--panel2);color:var(--accent)}
.local-signal-guide .signal code {color:var(--accent)}
.local-signal-guide .notice {background:#fff6e6}
.local-signal-guide .notice strong {color:#785100}
.local-signal-guide .notice p {color:#755e38}
.local-signal-guide body.dark .notice {background:#282419}
.local-signal-guide body.dark .notice strong {color:#ffe1a6}
.local-signal-guide body.dark .notice p {color:#d1c2a4}
.local-signal-guide p code, .local-signal-guide li code {background:var(--panel2);color:var(--accent)}
.local-signal-guide .contact-button {background:var(--accent);color:#fff}
.local-signal-guide body.dark .contact-button {color:#0d0c13}
.local-signal-guide { font-size:var(--font-size,14px); min-width:0; width:100%; color:var(--text); background:var(--bg); }