:root{--cpz-primary:#2563eb;--cpz-primary-fg:#fff;--cpz-surface:#fff;--cpz-surface-muted:#f6f7f9;--cpz-border:#e5e7eb;--cpz-text:#111827;--cpz-text-muted:#6b7280;--cpz-success:#16a34a;--cpz-warning:#d97706;--cpz-danger:#dc2626;--cpz-neutral:#6b7280;--cpz-radius:12px;--cpz-radius-sm:8px;--cpz-shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f}
html,body{background:var(--cpz-surface);color:var(--cpz-text);margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6}a{color:var(--cpz-primary)}*{box-sizing:border-box}:root{--hp-header-h:57px;--hp-max-w:1280px}.hp-header{z-index:20;border-bottom:1px solid var(--cpz-border);background:var(--cpz-surface);position:sticky;top:0}.hp-header-inner{max-width:var(--hp-max-w);height:var(--hp-header-h);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.hp-brand{color:var(--cpz-text);white-space:nowrap;font-size:17px;font-weight:700;text-decoration:none}.hp-brand span{color:var(--cpz-text-muted);font-weight:500}.hp-search{gap:8px;display:flex}.hp-search input{width:280px;max-width:50vw;color:var(--cpz-text);background:var(--cpz-surface-muted);border:1px solid var(--cpz-border);border-radius:8px;padding:7px 12px;font-size:14px}.hp-search input:focus{background:var(--cpz-surface);border-color:var(--cpz-primary);outline:none}.hp-search button,.hp-hero-search button{color:var(--cpz-primary-fg);background:var(--cpz-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600}.hp-layout{max-width:var(--hp-max-w);min-height:calc(100vh - var(--hp-header-h) - 120px);align-items:flex-start;gap:48px;margin:0 auto;padding:0 24px;display:flex}.hp-sidebar{top:var(--hp-header-h);width:260px;max-height:calc(100vh - var(--hp-header-h));border-right:1px solid var(--cpz-border);flex-shrink:0;padding:28px 12px 40px 0;position:sticky;overflow-y:auto}.hp-content{flex:1;min-width:0;padding:28px 0 72px}.hp-nav-group{margin-bottom:4px}.hp-nav-group summary{color:var(--cpz-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;font-weight:700;list-style:none;display:flex}.hp-nav-group summary::-webkit-details-marker{display:none}.hp-nav-group summary:after{content:"";border-right:1.5px solid var(--cpz-text-muted);border-bottom:1.5px solid var(--cpz-text-muted);width:7px;height:7px;transition:transform .15s;transform:rotate(45deg)}.hp-nav-group:not([open]) summary:after{transform:rotate(-45deg)}.hp-nav-group summary:hover{background:var(--cpz-surface-muted)}.hp-nav-group ul{margin:2px 0 10px;padding:0;list-style:none}.hp-nav-group li a{color:var(--cpz-text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:6px 10px 6px 20px;font-size:14px;text-decoration:none;display:block;overflow:hidden}.hp-nav-group li a:hover{color:var(--cpz-text);background:var(--cpz-surface-muted)}.hp-nav-group li a.active{color:var(--cpz-primary);background:color-mix(in srgb, var(--cpz-primary) 8%, transparent);font-weight:600}.hp-mobile-nav{display:none}.hp-hero{text-align:center;padding:40px 0 8px}.hp-hero h1{margin:0 0 6px;font-size:30px;font-weight:700}.hp-hero p{color:var(--cpz-text-muted);margin:0 0 24px;font-size:15px}.hp-hero-search{gap:8px;max-width:560px;margin:0 auto;display:flex}.hp-hero-search input{color:var(--cpz-text);background:var(--cpz-surface);border:1px solid var(--cpz-border);box-shadow:var(--cpz-shadow);border-radius:10px;flex:1;padding:12px 16px;font-size:15px}.hp-hero-search input:focus{border-color:var(--cpz-primary);outline:none}.hp-hero-search button{border-radius:10px;padding:12px 22px;font-size:15px}.hp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.hp-category-card{border:1px solid var(--cpz-border);border-radius:var(--cpz-radius);background:var(--cpz-surface);padding:20px 22px}.hp-category-card h2{margin:0;font-size:16px;font-weight:700}.hp-category-card>.hp-muted{margin:2px 0 10px;font-size:12px}.hp-category-card ul{margin:0;padding:0;list-style:none}.hp-category-card li a{color:var(--cpz-text);padding:5px 0;font-size:14px;text-decoration:none;display:block}.hp-category-card li a:hover{color:var(--cpz-primary);text-decoration:underline}.hp-title{margin:24px 0 4px;font-size:24px;font-weight:700}.hp-muted{color:var(--cpz-text-muted);font-size:14px}.hp-result-list{gap:10px;margin-top:24px;display:grid}.hp-result{color:inherit;border:1px solid var(--cpz-border);background:var(--cpz-surface);border-radius:10px;padding:14px 16px;text-decoration:none;display:block}.hp-result:hover{border-color:var(--cpz-primary)}.hp-result small{color:var(--cpz-primary);font-size:12px;font-weight:600;display:block}.hp-result strong{margin-top:2px;font-size:15px;font-weight:600;display:block}.hp-result span{color:var(--cpz-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.hp-empty{margin-top:32px}.hp-doc{align-items:flex-start;gap:40px;display:flex}.hp-article{flex:1;min-width:0;max-width:760px}.hp-breadcrumb{color:var(--cpz-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.hp-breadcrumb a{color:var(--cpz-text-muted);text-decoration:none}.hp-breadcrumb a:hover{color:var(--cpz-primary)}.hp-article h1{margin:10px 0 6px;font-size:30px;font-weight:700;line-height:1.35}.hp-doc-meta{color:var(--cpz-text-muted);margin:0;font-size:13px}.hp-doc-body{border-top:1px solid var(--cpz-border);margin-top:28px;padding-top:28px;font-size:15.5px}.hp-toc{top:calc(var(--hp-header-h) + 28px);width:200px;max-height:calc(100vh - var(--hp-header-h) - 56px);border-left:1px solid var(--cpz-border);flex-shrink:0;padding-left:16px;font-size:13px;position:sticky;overflow-y:auto}.hp-toc-label{color:var(--cpz-text-muted);margin-bottom:8px;font-weight:600}.hp-toc a{color:var(--cpz-text-muted);padding:3px 0;text-decoration:none;display:block}.hp-toc a:hover{color:var(--cpz-primary)}.hp-pager{border-top:1px solid var(--cpz-border);gap:12px;margin-top:48px;padding-top:20px;display:flex}.hp-pager a,.hp-pager span{flex:1}.hp-pager a{border:1px solid var(--cpz-border);color:inherit;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none}.hp-pager a:hover{border-color:var(--cpz-primary)}.hp-pager small{color:var(--cpz-text-muted);margin-bottom:2px;font-size:12px;font-weight:400;display:block}.hp-footer{border-top:1px solid var(--cpz-border);text-align:center;color:var(--cpz-text-muted);padding:24px;font-size:13px}@media (max-width:1080px){.hp-toc{display:none}.hp-category-grid{grid-template-columns:1fr}}@media (max-width:860px){.hp-header-inner{padding:0 16px}.hp-search{flex:1;justify-content:flex-end}.hp-search input{flex:1;width:auto;min-width:0;max-width:none}.hp-layout{padding:0 16px;display:block}.hp-sidebar{display:none}.hp-mobile-nav{border:1px solid var(--cpz-border);background:var(--cpz-surface);border-radius:10px;margin-top:16px;display:block}.hp-mobile-nav>summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:14px;font-weight:600;list-style:none}.hp-mobile-nav>summary::-webkit-details-marker{display:none}.hp-mobile-nav>summary:before{content:"☰";color:var(--cpz-text-muted);margin-right:8px}.hp-mobile-nav nav{border-top:1px solid var(--cpz-border);padding:0 12px 12px}.hp-content,.hp-hero{padding-top:20px}.hp-hero h1{font-size:24px}}