/* /mcp/claude 만의 스타일. 2026-08-28 까지 장 안에 인라인이었다(CSP). */

.pad-first{padding-top:120px}
.crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ink-3);margin-bottom:14px}
.crumb a{color:var(--brand);text-decoration:none}
.step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:26px 0;
  border-bottom:1px solid var(--line)}
.step:first-of-type{border-top:1px solid var(--line)}
.step .n{font-family:var(--mono);font-size:12px;color:var(--brand);padding-top:3px}
.step h3{margin:0 0 8px;font-size:18px;font-weight:600}
.step p{margin:0 0 12px;font-size:14.5px;color:var(--ink-2)}
.step p:last-child{margin-bottom:0}
.path{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;font-family:var(--mono);
  font-size:12.5px;padding:7px 0;border-top:1px solid var(--line-2)}
.path:first-of-type{border-top:0}
.path b{color:var(--ink-3);font-weight:400}
.path span{color:var(--ink);word-break:break-all}
/* 한 단 들여쓴 하위 블록 — 개요 페이지와 같은 위계 */
.under{margin-top:60px;padding-left:38px;border-left:1px solid var(--line)}
.under h3{margin:0 0 9px;font-size:19px;font-weight:600;letter-spacing:-.01em}
@media(max-width:640px){.under{padding-left:20px}}
.warnbox{border:1px solid var(--warn);border-radius:4px;padding:20px 22px;margin-top:36px;background:#fff}
.warnbox h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--warn)}
.warnbox p{margin:0 0 10px;font-size:14.5px;color:var(--ink-2)}
.warnbox p:last-child{margin-bottom:0}

/* 이 <style> 은 앞 블록보다 뒤에 있어 .pad-first 를 120px 로 다시 잡는다.
   그래서 모바일 값도 여기서 한 번 더 눌러야 한다 — 나중에 온 규칙이 이긴다. */
@media(max-width:760px){.pad-first{padding-top:88px}}