/* TOCS 매뉴얼: 실제 화면·검색·목차를 유지하는 반응형 사용자 가이드. */
.tocs-wp-manual{--wm-blue:#315cf5;--wm-ink:#2b3a55;--wm-muted:#7788a4;--wm-line:#dfe7f3;color:var(--wm-ink);font-size:15px;line-height:1.85;margin-top:0;overflow-wrap:anywhere}
.tocs-wp-manual *{box-sizing:border-box}.tocs-wp-manual [hidden]{display:none!important}.tocs-wp-manual a{color:var(--wm-blue);text-decoration:none}.tocs-wp-manual a:focus-visible,.tocs-wp-manual button:focus-visible,.tocs-wp-manual input:focus-visible,.tocs-wp-manual summary:focus-visible{outline:3px solid #a7b9fa;outline-offset:3px}
.tocs-wp-manual .wm-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:24px;align-items:start}
.tocs-wp-manual .wm-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;min-width:0;padding:19px 17px;border:1px solid var(--wm-line);border-radius:14px;background:#fff;scrollbar-width:thin;scrollbar-color:#cedaf0 #f7f9fd;box-shadow:none}
.tocs-wp-manual .wm-menu>summary{display:none;cursor:pointer;list-style:none;font-size:13px;font-weight:650;color:#526eaa}.tocs-wp-manual .wm-menu>summary::-webkit-details-marker{display:none}.tocs-wp-manual .wm-menu>summary>span{display:inline-flex;align-items:center;gap:8px}.tocs-wp-manual .wm-menu>summary>span>i{color:#7592d9}
.tocs-wp-manual .wm-search{position:relative}.tocs-wp-manual .wm-search label{display:block;color:#607595;font-size:12px;font-weight:650;margin-bottom:9px}.tocs-wp-manual .wm-search input{width:100%;min-width:0;min-height:44px;padding:10px 35px 10px 33px;border:1px solid #dbe4f3;border-radius:9px;background:#f9fbff;color:#3e557b;font:inherit;font-size:12px;line-height:1.6;appearance:none}.tocs-wp-manual .wm-search input::placeholder{color:#9aa9bf}.tocs-wp-manual .wm-search input:focus{background:#fff;border-color:#9cb3f6}.tocs-wp-manual .wm-search input::-webkit-search-cancel-button{appearance:none}.tocs-wp-manual .wm-search-icon{position:absolute;bottom:16px;left:12px;font-size:11px;color:#9badcc;pointer-events:none}.tocs-wp-manual .wm-search-clear{position:absolute;right:6px;bottom:6px;width:29px;height:31px;border:0;border-radius:6px;background:#edf3ff;color:#7f96c5;font-size:21px;line-height:1;cursor:pointer}.tocs-wp-manual .wm-search-status{font-size:11px;line-height:1.7;color:#8092b0;margin:9px 0 15px}.tocs-wp-manual .wm-search-status:empty{display:none}
.tocs-wp-manual .wm-menu-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:23px 0 17px;color:#50698f}.tocs-wp-manual .wm-menu-title:before{content:"";width:6px;height:6px;border-radius:50%;background:#7594e8;flex:none}
.tocs-wp-manual .wm-nav-group{margin:20px 0 0}.tocs-wp-manual .wm-nav-group h4{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b9ab1;font-weight:650;margin:0 0 9px}.tocs-wp-manual .wm-nav-group h4:after{content:"";height:1px;background:#eaf0f8;flex:1}.tocs-wp-manual .wm-nav-group ul{list-style:none;margin:0;padding:0}.tocs-wp-manual .wm-nav-group li{margin:3px 0}.tocs-wp-manual .wm-nav-group a{display:block;border:1px solid transparent;border-radius:8px;padding:8px 9px;color:#7487a5;font-size:12px;line-height:1.65;text-decoration:none}.tocs-wp-manual .wm-nav-group a:hover{background:#f7f9ff;color:#315cf5}.tocs-wp-manual .wm-nav-group a[aria-current]{color:#315cf5;background:#eef3ff;border-color:#dce5fc;font-weight:650}
.tocs-wp-manual .wm-content{min-width:0}.tocs-wp-manual .wm-overview{padding:27px 28px;border:1px solid var(--wm-line);border-radius:16px;background:linear-gradient(125deg,#f8faff,#fff);margin-bottom:20px}.tocs-wp-manual .wm-eyebrow{font-size:10px;color:#8b9bb4;letter-spacing:.5px;margin:0 0 12px}.tocs-wp-manual .wm-title{font-size:28px;font-weight:750;letter-spacing:-.9px;line-height:1.45;margin:0 0 16px;color:#365181;word-break:keep-all}.tocs-wp-manual .wm-intro{font-size:14px;line-height:1.9;color:#7c8da8;margin:0 0 18px}.tocs-wp-manual .wm-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.tocs-wp-manual .wm-actions .btn-e{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;min-height:41px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;white-space:normal}.tocs-wp-manual .wm-actions .btn-e-blue{background:#315cf5;border-color:#315cf5}.tocs-wp-manual .wm-actions .btn-e-gray{background:#fff;border-color:#d9e4fa;color:#758cb6!important}
.tocs-wp-manual .wm-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:22px 0 0;border:1px solid #e1e9f6;border-radius:10px;background:#fff;overflow:hidden}.tocs-wp-manual .wm-route li{padding:14px 13px;border-right:1px solid #e7edf7;font-size:12px;line-height:1.65;color:#7186aa}.tocs-wp-manual .wm-route li:last-child{border-right:0}.tocs-wp-manual .wm-route b{display:block;color:#6d8de0;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:5px}
.tocs-wp-manual .wm-section{padding:27px 28px;border:1px solid var(--wm-line);border-radius:16px;background:#fff;margin:0 0 19px;scroll-margin-top:24px;box-shadow:none}.tocs-wp-manual .wm-section h3{display:flex;align-items:flex-start;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.5px;line-height:1.6;color:#425f92;margin:0 0 18px;word-break:keep-all}.tocs-wp-manual .wm-section-number{display:inline-grid;place-items:center;flex:none;min-width:33px;height:33px;border:1px solid #d8e3fc;border-radius:9px;background:#eff4ff;color:#6588de;font-size:12px;font-weight:700;letter-spacing:0}.tocs-wp-manual .wm-lead{padding:13px 15px;background:#f6f9ff;border:1px solid #e6edfa;border-radius:9px;color:#7287a8;font-size:14px;line-height:1.85;margin:0 0 23px}.tocs-wp-manual .wm-item{margin:0 0 21px;padding-left:14px;border-left:2px solid #e4ebf9}.tocs-wp-manual .wm-item:last-child{margin-bottom:0}.tocs-wp-manual .wm-item h4{font-size:15px;line-height:1.7;font-weight:650;color:#4c638a;margin:0 0 7px}.tocs-wp-manual .wm-item p{font-size:15px;line-height:1.9;letter-spacing:-.1px;color:#5a6d89;margin:0}
.tocs-wp-manual .wm-note{margin:20px 0 0;padding:14px 16px;border:1px solid #f0e2bf;border-left:3px solid #e3bd6c;border-radius:9px;background:#fffaf0;color:#937a4b;font-size:13px;line-height:1.9}.tocs-wp-manual .wm-note strong{font-weight:700;color:#8b7040}.tocs-wp-manual .wm-example{white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;padding:16px;border:1px solid #e0e8f5;border-radius:9px;background:#f7f9fd;color:#60799f;font-size:12px;line-height:1.85}.tocs-wp-manual .wm-example code{font-size:inherit;color:inherit}
.tocs-wp-manual .wm-visual{margin:23px 0;border:1px solid #dce5f3;border-radius:12px;overflow:hidden;background:#fff}.tocs-wp-manual .wm-visual-bar{padding:9px 15px;border-bottom:1px solid #e4eaf6;background:#f5f8ff;color:#8397bb;font-size:10px;font-weight:600;letter-spacing:.2px}.tocs-wp-manual .wm-visual-body{padding:16px}.tocs-wp-manual .wm-visual-title{font-size:14px;font-weight:650;line-height:1.7;color:#5d769d;margin:0 0 13px}.tocs-wp-manual .wm-screenshot-link{display:block;cursor:zoom-in;border-radius:8px;overflow:hidden}.tocs-wp-manual .wm-screenshot{display:block;width:100%;height:auto;max-width:100%;border:1px solid #e7edf6;border-radius:8px}.tocs-wp-manual .wm-visual figcaption{padding:14px 16px;border-top:1px solid #e3eaf5;background:#fafcff;font-size:12px;line-height:1.85;color:#7a8da9}.tocs-wp-manual .wm-visual figcaption p{margin:0 0 9px}.tocs-wp-manual .wm-visual figcaption a{font-size:11px;font-weight:600;color:#6a88c9}
.tocs-wp-manual .wm-resources{padding:23px 25px;border:1px solid var(--wm-line);border-radius:14px;background:#f8faff;margin:0 0 20px}.tocs-wp-manual .wm-resources h3{font-size:18px;font-weight:700;line-height:1.6;letter-spacing:-.3px;color:#526e9b;margin:0 0 15px}.tocs-wp-manual .wm-resources ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.tocs-wp-manual .wm-resources li{padding:11px 13px;border:1px solid #e2eaf7;border-radius:8px;background:#fff;font-size:12px;line-height:1.8;color:#9baac0}.tocs-wp-manual .wm-resources a{color:#6d86b2}.tocs-wp-manual .wm-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 21px;border:1px solid #e1e9f6;border-radius:11px;background:#f5f8ff;font-size:12px;line-height:1.6}.tocs-wp-manual .wm-bottom a{color:#6e87b4;font-weight:600}.tocs-wp-manual .wm-bottom i{font-size:10px;margin:0 5px}
@media(min-width:992px) and (max-width:1199px){.tocs-wp-manual .wm-layout{grid-template-columns:225px minmax(0,1fr);gap:20px}.tocs-wp-manual .wm-overview,.tocs-wp-manual .wm-section{padding:24px}}
@media(max-width:991px){.tocs-wp-manual .wm-layout{grid-template-columns:minmax(0,1fr);gap:19px}.tocs-wp-manual .wm-sidebar{position:static;max-height:none;overflow:visible;padding:0}.tocs-wp-manual .wm-menu>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px}.tocs-wp-manual .wm-menu>summary:after{content:"\f078";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;color:#91a5cb}.tocs-wp-manual .wm-menu[open]>summary{border-bottom:1px solid #e6edf7}.tocs-wp-manual .wm-menu[open]>summary:after{transform:rotate(180deg)}.tocs-wp-manual .wm-menu-body{padding:18px}.tocs-wp-manual .wm-menu-title{display:none}.tocs-wp-manual .wm-nav-group{margin-top:17px}.tocs-wp-manual .wm-search input{font-size:14px}.tocs-wp-manual .wm-overview,.tocs-wp-manual .wm-section{padding:24px}}
@media(min-width:576px) and (max-width:991px){.tocs-wp-manual .wm-menu-body nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:575px){.tocs-wp-manual{font-size:14px}.tocs-wp-manual .wm-layout{gap:17px}.tocs-wp-manual .wm-overview{padding:21px 18px}.tocs-wp-manual .wm-title{font-size:24px;letter-spacing:-.8px}.tocs-wp-manual .wm-eyebrow{font-size:9px;letter-spacing:0}.tocs-wp-manual .wm-intro{font-size:13px}.tocs-wp-manual .wm-actions{gap:8px;margin:17px 0}.tocs-wp-manual .wm-actions .btn-e{flex:1;padding:10px 12px;font-size:11px}.tocs-wp-manual .wm-route{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.tocs-wp-manual .wm-route li{padding:12px 11px;font-size:11px}.tocs-wp-manual .wm-route li:nth-child(2){border-right:0}.tocs-wp-manual .wm-route li:nth-child(-n+2){border-bottom:1px solid #e7edf7}.tocs-wp-manual .wm-section{padding:21px 18px;border-radius:14px}.tocs-wp-manual .wm-section h3{font-size:19px;gap:9px;letter-spacing:-.5px;margin-bottom:16px}.tocs-wp-manual .wm-section-number{min-width:29px;height:29px;font-size:11px;border-radius:8px}.tocs-wp-manual .wm-lead{font-size:13px;padding:11px 12px;margin-bottom:20px}.tocs-wp-manual .wm-item{padding-left:12px;margin-bottom:19px}.tocs-wp-manual .wm-item h4{font-size:14px}.tocs-wp-manual .wm-item p{font-size:14px;line-height:1.9}.tocs-wp-manual .wm-note{padding:12px 13px;font-size:12px}.tocs-wp-manual .wm-example{padding:13px;font-size:11px}.tocs-wp-manual .wm-visual{border-radius:10px;margin:20px 0}.tocs-wp-manual .wm-visual-body{padding:10px}.tocs-wp-manual .wm-visual-title{font-size:13px}.tocs-wp-manual .wm-visual-bar{padding:8px 11px;font-size:9px}.tocs-wp-manual .wm-visual figcaption{padding:12px;font-size:11px}.tocs-wp-manual .wm-visual figcaption a{font-size:10px}.tocs-wp-manual .wm-resources{padding:20px 17px}.tocs-wp-manual .wm-resources h3{font-size:17px}.tocs-wp-manual .wm-resources li{font-size:11px;padding:10px}.tocs-wp-manual .wm-bottom{padding:15px 17px;gap:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.tocs-wp-manual *{scroll-behavior:auto!important;transition:none!important}}