:root{--ink:#182d26;--green:#174c3c;--muted:#738079;--line:#e2e7e2;--paper:#fafbf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Pretendard','맑은 고딕',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);font-size:15px;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e5ad4d;outline-offset:4px}header{height:84px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;background:var(--green);color:white;border-radius:10px;width:34px;height:34px;font-size:25px}.brand-tag{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:600;margin-left:12px}.download{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:7px;padding:8px 14px}.download span{margin-left:15px}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 84px)}.sidebar{padding:46px 30px 30px 40px;border-right:1px solid var(--line);position:sticky;top:0;align-self:start;height:100vh;max-height:960px}.guide-label{font-size:9px;font-weight:750;letter-spacing:1.4px;color:var(--green)}.sidebar h2{font-size:27px;line-height:1.45;letter-spacing:-1.4px;margin:19px 0 13px}.sidebar-desc{font-size:13px;color:var(--muted);line-height:1.9}.progress{margin:32px 0 25px;padding:16px;background:#eef2e9;border-radius:9px}.progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;align-items:center}.progress strong{font-weight:600}.progress #count{font-weight:800;font-size:12px;color:var(--green)}.track{height:4px;background:#d8e1d6;border-radius:4px;margin-top:12px;overflow:hidden}#bar{height:100%;width:0;background:var(--green);transition:width .3s}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid transparent;border-radius:9px;background:none;padding:14px 11px;width:100%;color:#6f7a73;line-height:1.5}.nav-item.active{background:white;border-color:#d5dfd5;box-shadow:0 3px 10px #182d2606;color:var(--green)}.nav-item:hover{background:#eff2ed}.num{border:1px solid #d6ded6;border-radius:7px;display:grid;place-items:center;width:31px;height:34px;flex-shrink:0;font-size:11px}.active .num,.num.done{background:var(--green);color:white;border-color:var(--green)}.nav-item strong{font-size:13px;font-weight:650;display:block}.nav-item small{font-size:10px;display:block;margin-top:4px;font-weight:400;color:#879089}.chevron{margin-left:auto;font-size:19px}.side-bottom{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.status-dot{display:inline-block;width:6px;height:6px;background:#94ac76;border-radius:50%;margin-right:5px}#reset{display:block;border:0;background:none;font-size:10px;text-decoration:underline;color:#89928b;padding:12px 0}main{background:white;padding:31px 7.5% 24px;min-width:0;scroll-margin-top:10px}.topline{display:flex;justify-content:space-between;align-items:center;color:#8b958e;font-size:11px;padding-bottom:27px;border-bottom:1px solid var(--line)}.os-switch{display:flex;gap:3px;padding:3px;border-radius:6px;background:#f1f3ef}.os-switch button{border:0;background:none;color:#7c877f;border-radius:4px;font-size:10px;padding:5px 10px}.os-switch .selected{background:white;box-shadow:0 1px 5px #0000000a;color:var(--green);font-weight:700}article{padding-top:38px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--green);display:flex;align-items:center;gap:15px}.eyebrow span{letter-spacing:0;font-weight:400;font-size:10px;color:#909990;border-left:1px solid var(--line);padding-left:15px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px}.chapter-heading h1{font-size:36px;line-height:1.3;letter-spacing:-1.7px;margin:0}.chapter-icon{width:55px;height:55px;background:#f0f4eb;display:grid;place-items:center;border-radius:13px;color:var(--green);font-size:28px;flex-shrink:0}.intro{color:#738077;font-size:13px;margin:17px 0 24px}.action-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--line)}.primary{display:inline-flex;gap:25px;align-items:center;color:white;background:var(--green);padding:11px 16px;border-radius:6px;font-size:12px;font-weight:650}.primary:hover{background:#23634f}.text-link{font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.steps{padding-top:31px}.step{display:flex;gap:15px;padding-bottom:25px}.step-index{margin-top:1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f3eb;color:var(--green);font-size:11px;font-weight:750;flex-shrink:0}.step-content{min-width:0;width:100%}.step h2{font-size:15px;letter-spacing:-.4px;margin:0 0 7px;line-height:1.7;font-weight:750}.step p{font-size:12px;color:#738077;margin:0;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}figure{margin:17px 0 0}.screenshot{position:relative;padding:12px;border:1px solid #e4e8e1;border-radius:8px;background:#f8f9f6;width:100%;display:block;overflow:hidden}.screenshot img{display:block;width:100%;max-height:390px;object-fit:contain}.screenshot span{display:block;font-size:9px;color:#718274;text-align:right;padding-top:8px}.screenshot:hover{border-color:#9eb29e}.screenshot:hover span{color:var(--green)}figcaption{text-align:center;font-size:9px;color:#9ba29c;margin-top:7px}.tip{display:flex;gap:12px;background:#f4f6ee;border:1px solid #e4e9da;padding:17px 18px;border-radius:8px;margin:8px 0 27px}.tip>span{border:1px solid #85997b;color:#5f7b56;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;margin-top:3px;flex-shrink:0}.tip strong{font-size:11px}.tip p{font-size:11px;color:#71806c;line-height:1.9;margin:4px 0 0;word-break:keep-all}.command-card{background:#172d27;border-radius:8px;overflow:hidden;color:#e2eddf;margin:0 0 24px}.command-card>div{display:flex;justify-content:space-between;align-items:center;background:#233b32;padding:9px 14px;font-size:10px;color:#b8cbbb}.command-card button{border:1px solid #496251;border-radius:4px;background:none;color:#e2eddf;font-size:10px;padding:4px 9px}.command-card pre{padding:18px;margin:0;overflow-x:auto;font-size:11px;line-height:2}.complete-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.complete-card label{display:flex;align-items:center;gap:12px;cursor:pointer}.complete-card input{accent-color:var(--green);height:20px;width:20px}.complete-card strong{display:block;font-size:12px}.complete-card small{font-size:9px;display:block;color:#919b93;margin-top:3px}.next{background:white;border:1px solid #c7d5c6;color:var(--green);border-radius:6px;padding:9px 14px;font-size:11px;white-space:nowrap}.next span{padding-left:18px}.last-label{font-size:10px;color:var(--muted)}.trouble{margin-top:25px;font-size:12px}.trouble summary{cursor:pointer;color:#67776c}.trouble h3{font-size:12px;margin-top:20px}.trouble p{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;color:#98a198;font-size:9px;line-height:1.9}dialog{border:0;border-radius:12px;padding:17px;max-width:95vw;max-height:94vh;width:1000px;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#10291fbb;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px}.modal-top button{border:1px solid #ddd;border-radius:5px;background:white;font-size:12px;padding:5px 11px}dialog img{display:block;max-width:100%;margin:auto;max-height:78vh;object-fit:contain}@media(min-width:1500px){main{padding-right:11%;padding-left:9%}}@media(max-width:1000px){.shell{grid-template-columns:275px 1fr}.sidebar{padding:35px 20px}.sidebar h2{font-size:25px}main{padding:25px 6%}.chapter-heading h1{font-size:30px}.brand-tag{display:none}}@media(max-width:720px){header{height:68px;padding:0 20px}.brand{font-size:16px}.brand-icon{width:30px;height:30px}.download{font-size:10px;padding:7px 9px}.shell{display:block}.sidebar{height:auto;position:static;padding:26px 20px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar h2{font-size:25px;margin:11px 0 0}.sidebar h2 br{display:none}.sidebar-desc,.side-bottom{display:none}.guide-label{font-size:8px}.progress{margin:18px 0 15px;padding:12px}nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px}.nav-item{width:auto;flex-shrink:0;padding:9px 10px;gap:8px;border-color:#e2e7df;background:white}.nav-item small,.chevron{display:none}.nav-item strong{font-size:11px}.num{width:22px;height:24px;font-size:9px}main{padding:22px 20px}.topline{padding-bottom:19px}article{padding-top:27px}.chapter-heading h1{font-size:30px}.chapter-icon{width:44px;height:44px;font-size:23px}.intro{font-size:12px}.step{gap:12px}.step p{word-break:normal}.screenshot{padding:7px}.step-index{width:23px;height:23px}.complete-card{flex-wrap:wrap}.complete-card small{font-size:9px}.next{margin-left:auto}.action-row{gap:12px}.command-card pre{font-size:10px}.brand-tag{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{header,.sidebar,.topline,.action-row,.complete-card,.trouble,footer{display:none}.shell{display:block}main{padding:0}.screenshot{border:0}article{padding:0}.step,.tip,.command-card{break-inside:avoid}.screenshot span{display:none}body{background:white}}