:root{--bg:#f6f8fb;--surface:#fff;--ink:#14213d;--ink-soft:#3d4b66;--line:#d8dfea;--teal:#0f766e;--teal-dark:#0b5c56;--teal-bg:#e6f4f2;--warn:#8a4b00;--warn-bg:#fff6e6;--design:#5b3cc4;--design-bg:#f3effe;--focus:#f59e0b;--radius:10px;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--mono:ui-monospace, "D2Coding", Consolas, "Courier New", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:17.5px;line-height:1.75}h1,h2,h3,h4{margin:0;line-height:1.35}p{margin:.5em 0}a{color:var(--teal-dark);text-underline-offset:3px}a:hover{color:var(--teal)}code,kbd{font-family:var(--mono);word-break:break-all;background:#eef2f7;border:1px solid #dde3ec;border-radius:5px;padding:.05em .35em;font-size:.88em}kbd{background:var(--surface);box-shadow:0 1px 0 var(--line)}ul,ol{margin:.4em 0;padding-left:1.4em}li{margin:.25em 0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h2:focus{outline:none}h2:focus-visible{outline:3px solid var(--focus)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.small{color:var(--ink-soft);font-size:.88rem}.print-only{display:none}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px 24px;max-width:1320px;margin:0 auto;padding:12px 24px;display:flex}.brand{flex:360px;align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--teal) url(/favicon.svg) center/cover;border-radius:9px;flex:none;width:36px;height:36px}.brand-kicker{color:var(--teal-dark);letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:700}.brand h1{font-size:1.15rem}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--teal-bg);color:var(--ink);border-radius:999px;margin:0;padding:3px 10px;font-size:.85rem}.chips b{color:var(--teal-dark);margin-right:4px}.top-actions{gap:8px;display:flex}.nav-toggle{display:none}.btn{font:inherit;cursor:pointer;border:1.5px solid var(--teal);background:var(--surface);min-height:42px;color:var(--teal-dark);border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:600}.btn:hover{background:var(--teal-bg)}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.ghost{border-color:var(--line);color:var(--ink)}.btn.ghost:hover,.btn[aria-pressed=true]{border-color:var(--teal)}.layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:32px;max-width:1320px;margin:0 auto;padding:24px;display:grid}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:calc(100vh - 110px);padding:10px;position:sticky;top:92px;overflow-y:auto}.toc ul{margin:0;padding:0;list-style:none}.nav-group+.nav-group{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.nav-group-label{color:var(--ink-soft);padding:2px 10px 4px;font-size:.78rem;font-weight:700;display:block}.toc a{color:var(--ink);border-radius:7px;padding:7px 10px;font-size:.95rem;line-height:1.4;text-decoration:none;display:block}.toc a small{color:var(--ink-soft);font-size:.78rem;display:block}.toc a:hover{background:var(--bg)}.toc a[aria-current=page]{background:var(--teal);color:#fff}.toc a[aria-current=page] small{color:#d9f1ee}.toc li{margin:1px 0}main{outline:none;min-width:0}.page{display:none}.page.is-current{display:block}article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 36px}.step-head{border-bottom:2px solid var(--teal-bg);margin-bottom:8px;padding-bottom:16px}.eyebrow{color:var(--teal-dark);margin:0 0 4px;font-size:.9rem;font-weight:700}.step-head h2{font-size:1.75rem}.lead{color:var(--ink-soft);font-size:1.05rem}.block{margin-top:26px}.block>h3{border-left:4px solid var(--teal);margin-bottom:8px;padding-left:10px;font-size:1.12rem}.block h4{margin:18px 0 6px;font-size:1.02rem}.goal{background:var(--teal-bg);border-radius:var(--radius);padding:14px 18px}.goal>h3{color:var(--teal-dark);border:0;padding:0}.success{border-radius:var(--radius);background:#eef7ee;padding:14px 18px}.success>h3{border-left-color:#2f7d32}.grid-2{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.procedure{counter-reset:n;padding:0;list-style:none}.procedure>li{counter-increment:n;background:var(--bg);border-radius:8px;margin:6px 0;padding:10px 12px 10px 52px;position:relative}.procedure>li:before{content:counter(n);background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;line-height:1;display:grid;position:absolute;top:10px;left:12px}.sites{padding:0;list-style:none}.sites li{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.url{font-family:var(--mono);color:var(--ink-soft);word-break:break-all;font-size:.8rem}.docs li{margin:4px 0}.stuck>div{border-bottom:1px dashed var(--line);padding:10px 0}.stuck dt{font-weight:700}.stuck dt:before{content:"Q. ";color:var(--warn)}.stuck dd{margin:4px 0 0}.stuck dd:before{content:"A. ";color:var(--teal-dark);font-weight:700}.callout{border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:var(--radius);background:var(--surface);margin:16px 0;padding:14px 18px}.callout>strong{margin-bottom:4px;display:block}.callout.warn{border-left-color:var(--warn);background:var(--warn-bg)}.callout.warn>strong{color:var(--warn)}.callout.design{border-left-color:var(--design);background:var(--design-bg)}.callout.design>strong{color:var(--design)}.quote{border-left:4px solid var(--line);padding-left:14px;font-size:1.1rem;font-weight:600}.pill{vertical-align:middle;background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0 0;display:grid}.facts>div{background:var(--bg);border-radius:var(--radius);padding:12px 16px}.facts dt{color:var(--teal-dark);font-size:.9rem;font-weight:700}.facts dd{margin:2px 0 0;font-size:.95rem}.glossary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.glossary>div{border:1px solid var(--line);border-radius:8px;padding:8px 12px}.glossary dt{font-weight:700}.glossary dd{color:var(--ink-soft);margin:0;font-size:.95rem}.two-results{grid-template-columns:1fr 1fr;gap:14px;margin:8px 0;display:grid}.result-card{border:2px solid var(--line);border-radius:var(--radius);padding:14px 18px}.result-card.app{border-color:var(--teal)}.result-card .tag{color:var(--ink-soft);font-size:.8rem;font-weight:700}.result-card.app .tag{color:var(--teal-dark)}.flow{flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;list-style:none;display:flex}.flow li{background:var(--teal-bg);border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 14px 4px 4px;font-size:.95rem;display:flex}.flow-no{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.diagram{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);margin:16px 0;padding:14px}.diagram figcaption{margin-bottom:10px;font-size:.95rem;font-weight:700}.arch{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.node{background:var(--surface);border:1.5px solid var(--line);border-radius:8px;flex-direction:column;flex:130px;justify-content:center;padding:8px 10px;display:flex}.node strong{word-break:break-all;font-size:.9rem}.node span{color:var(--ink-soft);font-size:.78rem}.node.fn,.node.on{border-color:var(--teal);background:var(--teal-bg)}.node.ext{border-style:dashed}.arrow{color:var(--teal);align-self:center;font-weight:700}.tree{font-family:var(--mono);white-space:pre;margin:0;font-size:.85rem;line-height:1.55;overflow-x:auto}.menu-path{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.menu-path>.small{margin-right:6px;font-weight:700}.table-wrap{margin:10px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}caption{text-align:left;padding-bottom:8px;font-weight:700}th,td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:8px 10px}thead th{background:var(--teal-bg)}tbody th{background:var(--bg);white-space:nowrap}.copy-card{border:1.5px solid var(--teal);border-radius:var(--radius);background:var(--surface);margin:16px 0;overflow:hidden}.copy-card.kind-file{border-color:#6b7a99}.copy-card.kind-text{border-color:var(--line)}.copy-card figcaption{background:var(--teal-bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;display:flex}.copy-card.kind-file figcaption{background:#eef1f6}.copy-card.kind-text figcaption{background:var(--bg)}.copy-kind{color:var(--teal-dark);border:1px solid;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:700}.copy-meta{color:var(--ink-soft);margin-left:auto;font-size:.8rem}.copy-note{color:var(--ink-soft);margin:0;padding:8px 14px 0;font-size:.92rem}.copy-tools{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.copy-status{font-size:.9rem;font-weight:600}.copy-status.ok{color:#1f6b2a}.copy-status.fail{color:#a12a1a}.copy-body{color:#eef3fb;font-family:var(--mono);background:#0f1b33;margin:0;padding:14px 16px;font-size:.86rem;line-height:1.65;overflow-x:auto}.copy-body.wrap{white-space:pre-wrap;word-break:break-word}.copy-body.nowrap{white-space:pre}.copy-body.collapsed{max-height:13.5em;overflow-y:hidden}.fade-more{border:0;border-top:1px solid var(--line);cursor:pointer;background:var(--surface);width:100%;color:var(--teal-dark);font:inherit;padding:10px;font-size:.92rem;font-weight:600;display:block}.fade-more:hover{background:var(--teal-bg)}.manual{padding:0 14px 12px}.manual label{margin-bottom:6px;font-size:.88rem;display:block}.manual textarea{width:100%;font-family:var(--mono);border:2px solid var(--teal);resize:vertical;color:var(--ink);border-radius:8px;padding:10px;font-size:.85rem}.app-url{border:1.5px dashed var(--teal);border-radius:var(--radius);margin:18px 0;padding:16px 18px}.app-url label{font-weight:700}.app-url .row{flex-wrap:wrap;gap:8px;display:flex}.app-url input{min-height:44px;font:inherit;color:var(--ink);border:1.5px solid #8794ad;border-radius:8px;flex:280px;padding:8px 12px;font-size:1rem}.url-links{margin:4px 0 0}.mockup{border-radius:var(--radius);background:var(--bg);border:2px dashed #8794ad;margin:10px 0;padding:12px}.mock-label{color:var(--warn);margin-bottom:8px;font-size:.82rem;font-weight:700}.mock-app{background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:.82rem;line-height:1.5;overflow:hidden}.mock-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;display:flex}.mock-badge{background:var(--warn-bg);color:var(--warn);border:1px solid #e9c27a;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:700}.mock-dim{color:var(--ink-soft);font-size:.75rem}.mock-body{grid-template-columns:1fr 1.5fr 1.2fr;display:grid}.mock-body>div{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:10px;display:flex}.mock-body>div:last-child{border-right:0}.mock-filter i{background:var(--bg);border-radius:6px;padding:3px 8px;font-style:normal}.mock-tabs{gap:10px;display:flex}.mock-tabs u{color:var(--teal-dark);font-weight:700}.mock-tabs span{color:var(--ink-soft)}.mock-item{border:1px solid var(--line);border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.mock-item.sel{border-color:var(--teal);background:var(--teal-bg)}.mock-item span,.mock-detail span{color:var(--ink-soft)}.mock-check{color:var(--ink)!important}.mock-compare{border-top:1px solid var(--line);background:var(--teal-bg);padding:8px 12px;font-weight:600}.pager{justify-content:space-between;gap:12px;margin:20px 0 8px;display:flex}.pager .btn{text-align:left;flex-direction:column;align-items:flex-start;max-width:48%;display:flex}.pager .btn small{opacity:.85;font-size:.78rem;font-weight:500}.pager .btn.primary{text-align:right;align-items:flex-end;margin-left:auto}.footer{max-width:1320px;color:var(--ink-soft);margin:0 auto;padding:8px 24px 40px;font-size:.85rem}@media (width<=900px){body{font-size:17px}.topbar-inner{gap:10px;padding:10px 16px}.chips{order:3;width:100%}.nav-toggle{display:inline-block}.layout{grid-template-columns:1fr;gap:16px;padding:16px}.toc{max-height:none;display:none;position:static}.toc.open{display:block}article{padding:20px 16px}.step-head h2{font-size:1.45rem}.grid-2,.two-results,.mock-body{grid-template-columns:1fr}.mock-body>div{border-right:0;border-bottom:1px solid var(--line)}.arrow{text-align:center;width:100%;transform:rotate(90deg)}.arch{flex-direction:column}.node{flex:none}.pager .btn{flex:1;max-width:none}.topbar{position:static}}@media print{@page{margin:14mm 12mm}body{color:#000;background:#fff;font-size:11pt;line-height:1.6}.no-print,.toc,.skip,.top-actions,.pager,button,.fade-more,.manual,.app-url input,.app-url .row,.url-links{display:none!important}.print-only{display:block}.topbar{border:0;position:static}.layout{max-width:none;padding:0;display:block}.page{break-before:page;display:block!important}.page:first-of-type{break-before:auto}article{border:0;padding:0}.copy-body,.copy-body.collapsed,.copy-body.nowrap{word-break:break-word;color:#000;background:#fff;border-top:1px solid #999;white-space:pre-wrap!important;max-height:none!important;overflow:visible!important}.copy-card,.callout,.diagram,table,.procedure>li,.stuck>div{break-inside:avoid}.copy-card{break-inside:auto}.goal,.success,.procedure>li,.facts>div{background:#fff;border:1px solid #bbb}a{color:#000}.sites a:after,.docs a:after{content:""}.chips li{background:#fff;border:1px solid #999}.footer{padding:0}}