/* 도움말 전용 스타일 — index.html(도움말 탭)과 /help/ 정적 페이지가 함께 쓴다. Bootstrap 5.3 변수 기준. */
.hlp{max-width:980px;margin:0 auto;line-height:1.7;font-size:.92rem}
.hlp h2{font-size:1.2rem;margin:0 0 .6rem;font-weight:700}
.hlp h3{font-size:1rem;margin:1.1rem 0 .4rem;font-weight:700}
.hlp h4{font-size:.92rem;margin:.9rem 0 .3rem;font-weight:700;color:var(--bs-primary)}
.hlp section.card{padding:16px 18px;margin-bottom:16px;scroll-margin-top:110px}
.hlp p{margin:.35rem 0}
.hlp ul,.hlp ol{padding-left:1.3rem;margin:.35rem 0}
.hlp li{margin:.2rem 0}
.hlp .lead2{font-size:1rem}
.hlp .box{border-left:4px solid var(--bs-primary);background:var(--bs-primary-bg-subtle);padding:10px 14px;border-radius:6px;margin:.7rem 0}
.hlp .warn{border-left:4px solid #e08a00;background:rgba(224,138,0,.12);padding:10px 14px;border-radius:6px;margin:.7rem 0}
.hlp .ok{border-left:4px solid #13805a;background:rgba(19,128,90,.12);padding:10px 14px;border-radius:6px;margin:.7rem 0}
.hlp table.t{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.86rem}
.hlp table.t th,.hlp table.t td{border:1px solid var(--bs-border-color);padding:6px 9px;text-align:left!important;white-space:normal!important;vertical-align:top;position:static!important;background:transparent}
.hlp table.t th{background:var(--bs-tertiary-bg);font-weight:700}
.hlp .tw2{overflow-x:auto}
.hlp figure{margin:.8rem 0}
.hlp figure img{max-width:100%;height:auto;border:1px solid var(--bs-border-color);border-radius:8px;display:block}
.hlp figcaption{font-size:.8rem;color:var(--bs-secondary-color);margin-top:4px}
.hlp .cn{display:inline-flex;width:20px;height:20px;border-radius:50%;background:#e5484d;color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-right:6px;flex:0 0 20px;line-height:1}
.hlp ul.cl{list-style:none;padding-left:0}
.hlp ul.cl li{display:flex;align-items:flex-start;gap:0}
.hlp ul.cl li>span:last-child{flex:1}
.hlp .step{display:flex;gap:10px;margin:.55rem 0}
.hlp .step>b.sn{flex:0 0 28px;height:28px;border-radius:50%;background:var(--bs-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.hlp .step>div{flex:1}
.hlp .tryit{display:inline-block;margin:.2rem 0}
.hlp kbd{font-size:.8rem}
.hlp .gl{border-bottom:1px solid var(--bs-border-color);padding:8px 2px}
.hlp .gl:last-child{border-bottom:0}
.hlp .gl .nm{font-weight:700}
.hlp .gl .item{font-size:.76rem;color:var(--bs-secondary-color);margin-left:6px}
.hlp .gl p{margin:.2rem 0}
.hlp .gl .how{color:var(--bs-secondary-color);font-size:.86rem}
.hlp-toc{position:sticky;top:52px;z-index:20;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:10px;padding:6px 8px;margin:0 auto 14px;max-width:980px;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.hlp-toc a{font-size:.82rem;padding:4px 10px;border-radius:999px;text-decoration:none;color:var(--bs-body-color);background:var(--bs-tertiary-bg);flex:0 0 auto}
.hlp-toc a:hover{background:var(--bs-primary);color:#fff}
.hlp .strat-card{height:100%}
@media(max-width:720px){.hlp-toc{top:0}.hlp section.card{padding:12px 12px;scroll-margin-top:70px}.hlp{font-size:.9rem}}