@font-face{font-family:GuideReader;src:url('/guide/first-use/Pretendard.woff2') format('woff2');font-display:swap}
body.reader-page{--reader-ink:#1b2941;--reader-muted:#526279;--reader-line:#dce4ef;--reader-accent:#2457d6;margin:0!important;background:#f5f7fb!important;color:var(--reader-ink)!important;font:16px/1.75 GuideReader,'Malgun Gothic',sans-serif!important;word-break:keep-all;overflow-wrap:anywhere;color-scheme:light}
.reader-page *{box-sizing:border-box}.reader-page h1,.reader-page h2,.reader-page h3{color:var(--reader-ink)!important;-webkit-text-fill-color:var(--reader-ink)!important;background-image:none!important}.reader-page .top-bar{background:white!important;border-bottom:1px solid var(--reader-line)!important}.reader-page a{color:var(--reader-accent)!important}.reader-page a:focus-visible,.reader-page button:focus-visible,.reader-page summary:focus-visible{outline:3px solid #d98a13;outline-offset:4px}.reader-page .guide-wrapper,.reader-page .ts-wrapper{width:100%;max-width:1180px!important;padding:36px 28px 64px!important;margin:auto!important}
.reader-page .guide-header{padding:22px 0 34px!important;text-align:left!important;border:0!important;background:none!important}.reader-page .guide-header h1{font-size:clamp(30px,4vw,43px)!important;line-height:1.3!important;letter-spacing:-.035em;max-width:22ch;text-wrap:balance;color:var(--reader-ink)!important;margin:14px 0!important}.reader-page .guide-header>p{max-width:68ch;font-size:17px!important;color:var(--reader-muted)!important;line-height:1.8!important}
.reader-page .guide-badge{display:inline-flex!important;align-items:center;min-height:30px;background:#e8efff!important;border:1px solid #d8e3ff!important;color:#2457d6!important;font-size:12px!important;padding:3px 11px!important;border-radius:6px!important}.reader-stamp{display:block;color:var(--reader-muted);font-size:13px;margin:12px 0 0}
.reader-page .status-ok{color:#176449!important}.reader-page .hl{color:#2457d6!important}.reader-page .badge-tab{background:#edf2ff!important;color:#2457d6!important}.reader-toc-mobile{display:none}.reader-toc-mobile summary{min-height:46px;padding:12px 16px;font-size:15px;font-weight:650;color:#2457d6;cursor:pointer}.reader-toc-mobile nav{display:flex;flex-direction:column;padding:0 14px 14px;gap:3px}.reader-toc-mobile a{display:flex;align-items:center;min-height:44px;padding:8px 4px;font-size:14px;line-height:1.6;text-decoration:none}.reader-page .reader-toc a{min-height:44px}.reader-page>nav a{min-height:44px;display:inline-flex;align-items:center}
.reader-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:start}.reader-content{min-width:0;max-width:100%}.reader-toc{position:sticky;top:24px;padding:18px 15px;border:1px solid var(--reader-line);border-radius:12px;background:white;color:var(--reader-ink);font-size:13px;max-height:calc(100vh - 50px);overflow:auto}.reader-toc strong{display:block;margin:0 6px 10px;font-size:14px}.reader-toc a{display:block;text-decoration:none;padding:9px 6px;color:var(--reader-muted)!important;line-height:1.55;border-radius:5px}.reader-toc a:hover{background:#edf2ff;color:var(--reader-accent)!important}
.reader-page .section{background:#fff!important;border:1px solid var(--reader-line)!important;border-radius:14px!important;padding:30px!important;margin:0 0 24px!important;scroll-margin-top:20px;min-width:0}.reader-page .section h2{display:flex;align-items:flex-start;gap:12px;color:var(--reader-ink)!important;font-size:23px!important;line-height:1.5!important;margin:0 0 22px!important}.reader-page .section-num{flex-shrink:0;display:inline-flex!important;align-items:center;justify-content:center;width:31px!important;height:31px!important;margin:2px 0 0!important;background:#eaf0ff!important;color:#2457d6!important;font-size:14px!important;border-radius:8px!important}
.reader-page p,.reader-page .field-desc,.reader-page .field-how,.reader-page .step p,.reader-page .step .sub,.reader-page .flow-step .txt{max-inline-size:74ch;line-height:1.8!important;font-size:16px!important;color:var(--reader-muted)!important}.reader-page strong,.reader-page .field-name,.reader-page .tip-title,.reader-page .warn-title,.reader-page .hl-title{color:var(--reader-ink)!important}.reader-page .checklist{padding-left:0!important;list-style:none}.reader-page .checklist li{font-size:16px!important;line-height:1.75!important;padding:12px 0!important;color:var(--reader-ink)!important;border-bottom:1px solid #e9edf4}
.reader-page .field-card{background:#f8faff!important;border:1px solid #e1e8f3!important;border-radius:10px!important;padding:19px 21px!important;margin:16px 0!important}.reader-page .field-name{font-size:16px!important;margin-bottom:9px!important}.reader-page .field-how{font-size:14px!important;margin-top:8px!important}.reader-page .steps{counter-reset:reader-step}.reader-page .step{background:none!important;border-color:var(--reader-line)!important;padding-top:8px!important;padding-bottom:15px!important;min-width:0}.reader-page .step::before{background:#eaf0ff!important;color:#2457d6!important}.reader-page .step ol{padding-left:22px}.reader-page .step li{padding:5px 0}
.reader-page .tip,.reader-page .highlight-box{background:#eef5ff!important;border:1px solid #d8e7fc!important;border-radius:10px!important;color:var(--reader-ink)!important;padding:18px 21px!important;margin:20px 0!important}.reader-page .warn{background:#fff7e8!important;border:1px solid #f0dfb9!important;border-radius:10px!important;color:var(--reader-ink)!important;padding:18px 21px!important;margin:20px 0!important}.reader-page code{color:#204eaa!important;background:#edf2fb!important;font-size:.9em;white-space:normal;overflow-wrap:anywhere}.reader-page pre,.reader-page .file-tree{background:#f4f7fc!important;color:#3c4c64!important;border:1px solid var(--reader-line)!important;white-space:pre-wrap!important;overflow-wrap:anywhere;font-size:14px!important;line-height:1.8!important;max-width:100%;overflow:auto}
.reader-page .guide-img img,.reader-page .section img{display:block;max-width:100%!important;height:auto!important;border:1px solid var(--reader-line)!important;border-radius:9px!important}.reader-page .guide-img{margin:22px 0!important}.reader-page .guide-img-caption,.reader-page figcaption{font-size:13px!important;color:var(--reader-muted)!important;line-height:1.7;margin-top:10px}.reader-page .divider{display:none}.reader-page .api-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reader-page .nav-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important;margin-top:20px!important}.reader-page .nav-links a,.reader-page .reader-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px!important;border:1px solid #d8e2f3!important;border-radius:8px!important;background:#fff!important;color:#2457d6!important;font-size:14px!important;text-decoration:none;white-space:normal!important;text-align:center;line-height:1.55;max-width:100%}.reader-page .guide-footer{padding:22px 0!important;text-align:left!important}.reader-page .guide-footer p{font-size:13px!important}
.reader-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.reader-path{background:#f7faff;border:1px solid #dbe5f5;border-radius:10px;padding:20px;min-width:0}.reader-path h3{font-size:18px;margin:0 0 8px;color:var(--reader-ink)}.reader-path p{font-size:15px!important;margin:0 0 12px}.reader-page .reader-path .reader-button{background:#2457d6!important;color:white!important;border-color:#2457d6!important}.reader-detail{margin:22px 0;border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:0 18px}.reader-detail>summary{padding:15px 2px;min-height:50px;font-size:16px;font-weight:650;cursor:pointer;line-height:1.7;color:var(--reader-ink)}.reader-detail>div{padding-bottom:16px}.reader-shot{margin:22px 0}.reader-shot img{max-width:620px!important;margin:0 auto}.reader-shot figcaption{max-width:68ch;margin:12px auto 0}
.reader-page .ts-group-title{font-size:22px!important;line-height:1.55!important;font-weight:700!important;color:var(--reader-ink)!important;background:none!important;padding:23px 0 13px!important;margin:8px 0!important;scroll-margin-top:24px}.reader-page .ts-item{background:#fff!important;border:1px solid var(--reader-line)!important;border-radius:10px!important;overflow:hidden;margin-bottom:12px!important}.reader-page .ts-q{background:#fff!important;color:var(--reader-ink)!important;font:600 16px/1.65 GuideReader,'Malgun Gothic',sans-serif!important;min-height:62px;padding:17px 20px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;text-align:left;gap:14px;border:0!important;width:100%;cursor:pointer}.reader-page .ts-a{color:var(--reader-muted)!important;font-size:16px!important;line-height:1.85!important;padding:0 21px 22px!important}.reader-page .ts-a ul,.reader-page .ts-a ol{padding-left:23px}.reader-page .ts-a li{margin:10px 0}.reader-page .ts-item .msg{background:#f2f5fb!important;border:1px solid #e0e6f0!important;color:#324663!important;padding:13px!important;border-radius:7px!important;font-size:14px!important;line-height:1.75!important;white-space:pre-wrap;overflow-wrap:anywhere;display:block;margin-bottom:16px}.reader-page .ts-ico{color:#2457d6!important;flex-shrink:0}.reader-page .ts-search input,.reader-page input[type=search]{background:white!important;color:var(--reader-ink)!important;border:1px solid var(--reader-line)!important;min-height:48px;font-size:16px!important}
.reader-page>header{background:white!important;border-bottom:1px solid #dce4ef!important;color:var(--reader-ink)!important}.reader-page>header .badge{color:var(--reader-muted)!important}.reader-page #layout{max-width:1180px!important;grid-template-columns:205px minmax(0,1fr)!important;gap:32px!important}.reader-page #layout aside ol{list-style:none!important;padding-left:0!important}.reader-page #layout aside a{color:var(--reader-muted)!important;line-height:1.7}.reader-page #content{min-width:0}.reader-page #content>section{padding:28px!important;border-radius:14px!important;scroll-margin-top:20px}.reader-page #content h1{font-size:clamp(28px,4vw,40px)!important;text-wrap:balance}.reader-page #content .body-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}.reader-page #content .steps{padding-left:24px!important}.reader-page #content .steps li{font-size:16px!important;line-height:1.85!important;margin-bottom:14px!important}.reader-page #content figure{max-width:680px!important;margin:auto!important;width:100%}.reader-page #content figure img{max-height:740px!important;object-fit:contain}.reader-page #content .note{background:#eff5ff!important;color:#425a78!important;border-left-color:#5680d8!important}.reader-page #content footer a{display:inline-flex;min-height:44px;align-items:center;margin:6px 16px 6px 0}.reader-page #zoom button{min-height:44px;min-width:70px}
@media(max-width:900px){.reader-layout{grid-template-columns:1fr;gap:18px}.reader-toc{display:none}.reader-toc-mobile{display:block;border:1px solid #dce4ef;background:white;border-radius:10px;margin:0 0 20px}.reader-page #layout{grid-template-columns:1fr!important;gap:18px!important}.reader-page #layout aside{display:none!important}}
@media(max-width:600px){.reader-page .guide-wrapper,.reader-page .ts-wrapper{padding:20px 16px 45px!important}.reader-page .section{padding:22px 18px!important;margin-bottom:18px!important}.reader-page .section h2{font-size:21px!important;gap:10px}.reader-page .guide-header{padding:8px 0 22px!important}.reader-page .guide-header>p{font-size:16px!important}.reader-paths{grid-template-columns:1fr}.reader-page .nav-links a{flex:1 1 140px}.reader-page .api-card-grid{grid-template-columns:1fr!important}.reader-page .field-card{padding:17px 16px!important}.reader-page .ts-q{padding:17px 16px!important}.reader-page .ts-a{padding:0 17px 20px!important}.reader-page #layout{padding:0 16px!important;margin:22px auto!important}.reader-page #content>section{padding:22px 18px!important}}
@media(prefers-reduced-motion:reduce){.reader-page{scroll-behavior:auto!important}.reader-page *{animation:none!important;transition:none!important}}
@media print{body.reader-page{background:white!important}.reader-toc,.reader-page nav,.reader-page .nav-links,.reader-page .reader-button{display:none!important}.reader-layout,.reader-page #layout{display:block!important}.reader-page .section{break-inside:avoid;box-shadow:none!important}.reader-page .ts-a{display:block!important}}
