:root{--bg: #f6f9fb;--surface: #ffffff;--ink: #0f2340;--ink-2: #33475f;--muted: #56677d;--line: #d6e0e8;--accent: #0b7c86;--accent-strong: #075e66;--accent-soft: #e2f3f4;--warn: #9a4a00;--warn-soft: #fff4e5;--ok: #1d6b3a;--ok-soft: #e8f5ec;--shallow: #e07a1f;--mid: #2f6fd1;--deep: #7a3fb0;--radius: 12px;--font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--mono: "D2Coding", "Consolas", "SFMono-Regular", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17.5px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent-strong);text-underline-offset:3px}a:hover{color:var(--ink)}code{font-family:var(--mono);font-size:.9em;background:#eef3f7;border:1px solid var(--line);border-radius:6px;padding:0 .3em;word-break:break-all}:focus-visible{outline:3px solid #f0a020;outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:.88rem}.break{word-break:break-all}.print-only{display:none}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px}.skip:focus{top:12px}.btn{font:inherit;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:10px;border:2px solid transparent;cursor:pointer;text-align:left;line-height:1.35}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:disabled{background:#9db5b8;cursor:not-allowed}.btn-secondary{background:var(--ink);color:#fff}.btn-secondary:hover{background:#1f3a63}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--accent)}.btn-text{background:transparent;color:var(--muted);text-decoration:underline;padding-inline:8px}.btn-copy{background:var(--accent);color:#fff;flex-shrink:0}.btn-copy:hover{background:var(--accent-strong)}.top{background:var(--surface);border-bottom:1px solid var(--line)}.top-inner{max-width:1240px;margin:0 auto;padding:18px 24px 14px}.guide-name{margin:0;font-size:.85rem;font-weight:700;color:var(--accent-strong);letter-spacing:.02em}.top h1{margin:2px 0 8px;font-size:1.75rem;line-height:1.3}.subtitle{display:block;font-size:1.05rem;font-weight:500;color:var(--ink-2)}.badges{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0}.badges li{font-size:.85rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);border:1px solid #bfe2e4}.badges .badge-route{background:var(--ink);color:#fff;border-color:var(--ink)}.result-line{margin:4px 0 0;font-weight:700}.core-msg{margin:2px 0 0;color:var(--ink-2)}.progress-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.progress{flex:1 1 260px;height:12px;background:#e3eaf0;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress-bar{height:100%;background:var(--accent);transition:width .2s}.progress-text{font-size:.95rem}.top-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.storage-note{margin:8px 0 0;font-size:.85rem;color:var(--muted)}.layout{max-width:1240px;margin:0 auto;padding:20px 24px 60px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}.side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.content{min-width:0;outline:none}.step-select{display:none}.sidebar-title{margin:0 0 8px;font-weight:700;font-size:.9rem;color:var(--muted)}.toc{list-style:none;margin:0;padding:0;display:grid;gap:4px}.toc-link{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);border:2px solid transparent}.toc-link:hover{background:var(--accent-soft);color:var(--ink)}.toc-link.is-current{background:var(--surface);border-color:var(--accent)}.toc-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:#e3eaf0;color:var(--ink)}.toc-link.is-current .toc-num{background:var(--accent);color:#fff}.toc-link.is-complete .toc-num{background:var(--ok);color:#fff}.toc-text{display:grid;line-height:1.35}.toc-title{font-size:.93rem;font-weight:600}.toc-sub{font-size:.78rem;color:var(--muted)}.step{display:none}.step.is-active{display:block}.step>section,.step>.collapse,.step>figure,.step-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:16px}.step-head{border-top:5px solid var(--accent)}.step-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9rem}.step-num{font-weight:800;color:#fff;background:var(--ink);padding:2px 10px;border-radius:6px}.step-time{font-weight:700;color:var(--accent-strong);background:var(--accent-soft);padding:2px 10px;border-radius:6px}.step-count{color:var(--muted)}.step-head h2{margin:8px 0 12px;font-size:1.6rem;line-height:1.3;outline:none;scroll-margin-top:16px}.step-head h2:focus-visible{outline:3px solid #f0a020;outline-offset:4px}.step-keys{display:grid;grid-template-columns:1fr 1fr;gap:12px}.key{border-radius:10px;padding:10px 14px}.key p{margin:2px 0 0}.key-label{font-size:.8rem;font-weight:800;letter-spacing:.03em}.key-outcome{background:var(--ok-soft);border-left:5px solid var(--ok)}.key-outcome .key-label{color:var(--ok)}.key-outcome p{font-weight:700}.key-where{background:var(--accent-soft);border-left:5px solid var(--accent)}.key-where .key-label{color:var(--accent-strong)}.key-where>p:first-of-type{font-weight:700}.key-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}.chip-link{font-size:.85rem;font-weight:600;text-decoration:none;padding:2px 10px;border-radius:999px;background:var(--surface);border:1px solid #a9d3d6}.step h3{margin:0 0 10px;font-size:1.18rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step h4{margin:0;font-size:1rem}.tag{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:6px}.tag-app{background:#fff0d9;color:var(--warn)}.tag-ok{background:var(--ok);color:#fff}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.check-item{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:8px}.check-item:hover{background:#f1f6f9}.check-item input{width:22px;height:22px;margin:4px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.check-item label{display:flex;gap:8px;cursor:pointer;flex:1;min-width:0}.check-num{flex-shrink:0;min-width:26px;height:26px;border-radius:6px;margin-top:2px;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--ink);color:#fff}.check-text{min-width:0}.check-item.is-done .check-text{color:var(--muted)}.check-item.is-done .check-num{background:var(--ok)}.actions-try{border-left:5px solid #f0b46a!important}.info p{margin:0 0 8px}.info p:last-child{margin-bottom:0}.info .lead{font-weight:600}.info-list{margin:0 0 8px;padding-left:1.4em}.info-list li{margin-bottom:4px}.info .after{font-size:.95rem;color:var(--ink-2);margin-top:10px}.tone-core{background:var(--accent-soft)!important;border-color:#a9d3d6!important;font-weight:600}.tone-note{border-left:5px solid var(--accent)!important}.tone-warn{background:var(--warn-soft)!important;border-color:#f2cf9f!important}.tone-warn h3{color:var(--warn)}.tone-question{border-left:5px solid var(--mid)!important}.question{margin-bottom:10px}.question .q{margin:0 0 4px}.table-wrap{overflow-x:auto;margin:8px 0;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:8px 12px;border-bottom:1px solid var(--line)}thead th{background:#eef3f7;font-size:.88rem}tbody th{font-weight:600}tr:last-child th,tr:last-child td{border-bottom:0}.prompt{border:2px solid var(--accent)!important;background:#fbfefe!important}.prompt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.prompt-titles{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.prompt-label{font-weight:800;color:var(--accent-strong)}.prompt-title{font-weight:800;font-size:1.1rem}.prompt-where{margin:8px 0;font-size:.95rem;background:var(--accent-soft);border-radius:8px;padding:6px 10px}.prompt-where-tag{font-size:.78rem;font-weight:800;background:var(--accent);color:#fff;padding:1px 7px;border-radius:5px;margin-right:4px}.prompt-text{margin:0;padding:14px 16px;background:#f3f7f9;border:1px solid var(--line);border-radius:10px;font-family:var(--font);font-size:1rem;line-height:1.75;color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.copy-status{margin:6px 0 0;font-size:.9rem;min-height:0}.copy-status.ok{color:var(--ok);font-weight:700}.copy-status.fail{color:var(--warn);font-weight:700}.prompt-recovery{border-width:1px!important;border-style:dashed!important;padding:12px 14px!important;margin-top:4px}.prompt-recovery .prompt-text{font-size:.95rem}.collapse{padding:0!important;overflow:hidden}.collapse-head{margin:0!important}.collapse-head button{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;font:inherit;font-weight:700;color:var(--ink);background:transparent;border:0;padding:12px 18px;cursor:pointer;min-height:44px}.collapse-head button:hover{background:#f1f6f9}.collapse-icon{flex-shrink:0;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;border:2px solid var(--line);font-weight:800;line-height:1}.collapse-body{display:none;padding:0 18px 14px}.collapse.is-open>.collapse-body{display:block}.optional{border-style:dashed!important}.optional-note{font-size:.88rem;color:var(--muted);margin:0 0 8px}.optional .info{padding:0}.answer{border:1px solid var(--line);border-radius:8px}.answer .collapse-head button{padding:6px 12px;font-size:.95rem}.trouble{border-left:5px solid var(--warn)!important}.trouble>h3{color:var(--warn)}.trouble>p{margin:0 0 10px;font-size:.92rem}.trouble-item{border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.trouble-item .collapse-head button{font-size:1rem}.trouble-dl{margin:0}.trouble-dl dt{font-size:.82rem;font-weight:800;color:var(--warn);margin-top:8px}.trouble-dl dd{margin:2px 0 0}.trouble-dl ul,.trouble-dl ol{margin:0;padding-left:1.3em}.success{border-left:5px solid var(--ok)!important}.success ul{margin:0;padding-left:1.3em}.checklist>p{margin:0 0 8px;font-size:.9rem}.step-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 8px}.step-nav .btn{max-width:100%}.done-note{font-weight:700;color:var(--ok);align-self:center}.diagram{margin:0 0 16px}.diagram-note{display:inline-block;font-size:.78rem;font-weight:800;color:var(--warn);background:var(--warn-soft);border:1px solid #f2cf9f;padding:2px 8px;border-radius:6px;margin-bottom:10px}.diagram figcaption{font-size:.9rem;color:var(--muted);margin-top:10px}.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:none}.flow-node{position:relative;display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);border:1px solid #a9d3d6;font-size:.9rem;line-height:1.4}.flow-node strong{font-size:1rem}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translate(50%,-50%);color:var(--accent-strong);font-weight:800}.flow-num{font-size:.75rem;font-weight:800;color:var(--accent-strong)}.flow-data{margin-top:10px;font-size:.9rem;padding:6px 10px;border:1px dashed var(--line);border-radius:8px}.flow-data-tag{font-weight:800;color:var(--ink);margin-right:4px}.mock{border:2px solid #b8c6d3;border-radius:10px;background:#f8fafc;padding:10px;font-size:.9rem}.mock-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mock-chip{background:var(--ink);color:#fff;padding:2px 10px;border-radius:6px;font-weight:600}.mock-chip.ghost{background:transparent;color:var(--ink-2);border:1px dashed #9fb0c0}.mock-split{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.mock-pane{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:150px}.mock-pane-title{font-weight:700;font-size:.82rem;color:var(--muted)}.mock-lines{display:grid;gap:6px}.mock-lines i{display:block;height:8px;background:#e3eaf0;border-radius:4px}.mock-lines i:nth-child(2){width:70%}.mock-lines i:nth-child(3){width:85%}.mock-input{margin-top:auto;border:2px solid var(--accent);border-radius:8px;padding:8px;font-weight:700;color:var(--accent-strong);background:var(--accent-soft)}.mock-preview{flex:1;border:2px dashed #9fb0c0;border-radius:8px;display:grid;place-items:center;text-align:center;padding:8px;font-weight:700;color:var(--ink-2)}.mock-callout{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0a020;color:#000;font-weight:800;font-size:.8rem;margin-right:4px}.mock-form{margin:0;display:grid;gap:6px}.mock-form>div{display:grid;grid-template-columns:170px 1fr;gap:8px;align-items:center}.mock-form dt{font-weight:700;font-size:.85rem}.mock-form dd{margin:0;background:#fff;border:1px solid #b8c6d3;border-radius:6px;padding:4px 8px;font-family:var(--mono)}.mock-form dd.empty{color:var(--muted);font-family:var(--font)}.mock-deploy{margin-top:10px;display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:4px 12px;border-radius:6px}.repo-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.repo{border-radius:10px;padding:10px;border:1px solid var(--line)}.repo.good{background:var(--ok-soft)}.repo.warn{background:var(--warn-soft)}.repo-title{font-weight:800;margin-bottom:4px}.tree{margin:0;font-family:var(--mono);font-size:.88rem;line-height:1.5;white-space:pre-wrap}.deploy-url{border:2px solid var(--ink)!important}.deploy-url label{display:block;font-size:.92rem;margin-bottom:4px}.deploy-row{display:flex;gap:8px;flex-wrap:wrap}.deploy-row input{flex:1 1 260px;min-width:0;font:inherit;padding:8px 12px;min-height:44px;border:2px solid var(--line);border-radius:10px;color:var(--ink)}.deploy-row input:focus{border-color:var(--accent)}.field-msg{margin:8px 0 0;font-size:.95rem}.field-msg.warn,.warn-inline{color:var(--warn);font-weight:600}.term-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-bottom:2px dotted var(--accent);line-height:inherit}.term-btn:hover{background:var(--accent-soft)}.term-mark{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:2px;border-radius:50%;background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;vertical-align:2px}.term-def{display:none;margin:4px 0;padding:6px 10px;border-radius:8px;background:#fffbea;border:1px solid #ecd98a;font-weight:400;font-size:.95rem;color:var(--ink)}.term.is-open .term-def{display:block}.foot{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:.92rem}.foot-title{font-size:1rem;margin:12px 0 6px}.foot ul{margin:0;padding-left:1.2em}.link-list{columns:2;column-gap:24px}.checked-on{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.toast-region{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:40;width:min(560px,calc(100vw - 32px));pointer-events:none}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 6px 20px #0f234040;font-weight:600}.toast.warn{background:#7a3a00}@media (max-width: 960px){.layout{grid-template-columns:1fr;padding:12px 16px 48px;gap:12px}.side{display:none}.step-select{display:grid;gap:4px;margin-bottom:14px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:10px 12px}.step-select label{font-weight:800;font-size:.9rem;color:var(--accent-strong)}.step-select select{font:inherit;font-size:1rem;min-height:44px;width:100%;max-width:100%;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.top-inner{padding:14px 16px 12px}.top h1{font-size:1.4rem}.step-keys{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow-node:nth-child(2):after{display:none}}@media (max-width: 600px){body{font-size:17px}.step>section,.step>figure,.step-head{padding:14px}.step-head h2{font-size:1.35rem}.core-msg{font-size:.95rem}.storage-note,.badges li{font-size:.8rem}.flow{grid-template-columns:1fr}.flow-node:after{display:none}.mock-split,.repo-compare{grid-template-columns:1fr}.mock-form>div{grid-template-columns:1fr;gap:2px}.link-list{columns:1}.step-nav{flex-direction:column}.step-nav .btn{width:100%;justify-content:center;text-align:center}.top-actions .btn{flex:1 1 calc(50% - 8px);justify-content:center}.prompt-head .btn-copy{width:100%;justify-content:center}.collapse-head button{padding:12px 14px}.collapse-body{padding:0 14px 12px}}@media (prefers-reduced-motion: reduce){.progress-bar{transition:none}}@media print{@page{margin:14mm 12mm}body{background:#fff;font-size:11.5pt;line-height:1.55}.skip,.side,.step-select,.top-actions,.storage-note,.toast-region,.btn,.step-nav,.progress-row,.collapse-icon,.copy-status,.deploy-row button{display:none!important}.print-only{display:block}.print-intro{border:1px solid #999;padding:6px 10px;margin-bottom:10px;font-size:10pt}.layout{display:block;padding:0;max-width:none}.top{border:0}.top-inner{padding:0 0 8px}.step,.step.is-active{display:block!important;break-before:page}.step:first-of-type{break-before:auto}.step>section,.step>.collapse,.step>figure,.step-head{border:1px solid #999!important;box-shadow:none;padding:8pt 10pt;margin-bottom:8pt}.collapse-body,.term-def{display:block!important}.term-mark{display:none}.term-btn{border-bottom:0}.collapse-head button{padding:6pt 10pt}.prompt-text{white-space:pre-wrap;font-size:10pt;background:#fff;border:1px solid #999}.prompt,.table-wrap,table,tr,.check-item,.trouble-item,.diagram,.key{break-inside:avoid}.prompt{page-break-inside:auto}.table-wrap{overflow:visible;border:0}th,td{border:1px solid #999}a.ext:after{content:" (" attr(href) ")";font-size:8.5pt;color:#333;word-break:break-all}.chip-link:after{content:" " attr(href);font-size:8.5pt}h2,h3{break-after:avoid}.check-item input{width:14px;height:14px}}.shot{margin-bottom:20px}.shot:last-of-type{margin-bottom:4px}.shot-title{font-size:1.05rem!important;margin:4px 0 8px!important}.shot-frame{border:1px solid #b8c6d3;border-radius:10px;overflow:hidden;background:#fff}.shot-frame.is-zoom{overflow-x:auto}.shot-inner{position:relative}.shot-inner img{display:block;width:100%;height:auto}.shot-frame.is-zoom .shot-inner img{width:100%;max-width:none}.shot-mark{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f0a020;color:#000;font-weight:800;font-size:.85rem;border:2px solid #fff;box-shadow:0 1px 4px #00000059}.shot-zoom{margin-top:8px;min-height:36px;padding:4px 12px;font-size:.85rem}.shot-legend{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.shot-legend li{display:flex;gap:10px;align-items:flex-start}.shot-legend-num{flex-shrink:0;width:24px;height:24px;margin-top:3px;border-radius:50%;display:grid;place-items:center;background:#f0a020;color:#000;font-weight:800;font-size:.8rem}.shot-note{margin:8px 0 0;font-size:.9rem;color:var(--muted)}@media (max-width: 600px){.shot-mark{width:20px;height:20px;font-size:.7rem}}@media print{.shot{break-inside:avoid}.shot-frame.is-zoom .shot-inner{width:auto!important}}.shot-terms{background:#fffbea;border:1px solid #ecd98a;border-radius:10px;padding:10px 14px;margin-bottom:10px}.shot-terms-title{margin:0 0 4px;font-weight:800;font-size:.9rem}.shot-terms dl{margin:0;display:grid;gap:6px}.shot-terms dt{font-weight:800;color:var(--accent-strong)}.shot-terms dd{margin:0}.diagram .shot+.shot{border-top:1px dashed var(--line);padding-top:16px}