*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 272px;--sidebar-bg: #FFFFFF;--sidebar-border: #E7E5E4;--sidebar-text: #44403C;--sidebar-muted: #A8A29E;--sidebar-active-bg: #FEF3C7;--sidebar-active: #1C1917;--sidebar-active-border: #FBBF24;--sidebar-hover: #FAFAF9;--content-bg: #F5F5F4;--content-text: #1C1917;--content-muted: #78716C;--content-border: #E7E5E4;--accent: #FBBF24;--accent-light: #FEF3C7;--accent-mid: #F59E0B}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--content-bg);color:var(--content-text);line-height:1.6}.docs-root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:20px 18px 16px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}.sidebar-brand img{width:36px;height:36px;border-radius:10px;flex-shrink:0}.sidebar-brand-name{font-size:16px;font-weight:800;color:#1c1917;letter-spacing:-.3px}.sidebar-brand-sub{font-size:11px;color:var(--sidebar-muted);margin-top:1px}.home-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--sidebar-muted);text-decoration:none;padding:5px 9px;border-radius:7px;border:1px solid var(--sidebar-border);transition:background .15s,color .15s}.home-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-nav{padding:10px 10px 20px;flex:1}.nav-section{margin-bottom:20px}.nav-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted);padding:0 8px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--sidebar-text);text-decoration:none;transition:background .12s;border-left:3px solid transparent;margin:1px 0;cursor:pointer}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);font-weight:700;border-left-color:var(--sidebar-active-border)}.main{flex:1;min-width:0;padding:40px 48px;max-width:860px;margin:0 auto;width:100%}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--content-muted);margin-bottom:20px;flex-wrap:wrap}.breadcrumb-sep{color:#d6d3d1}.breadcrumb .current{color:var(--content-text);font-weight:600}.article-header{margin-bottom:28px}.article-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px;margin-bottom:10px}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.article-title{font-size:26px;font-weight:800;color:var(--content-text);line-height:1.2;letter-spacing:-.4px}.article-body{font-size:15px;color:var(--content-text);line-height:1.7}.article-body p{margin-bottom:14px}.article-body h2{font-size:18px;font-weight:700;color:var(--content-text);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--content-border)}.article-body ul,.article-body ol{padding-left:20px;margin-bottom:14px}.article-body li{margin-bottom:6px}.article-body strong{font-weight:700}.article-body a{color:var(--accent-mid)}.callout{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;line-height:1.55;margin:18px 0;border:1px solid transparent}.callout-icon{font-size:16px;flex-shrink:0;margin-top:1px}.callout-tip{background:#f0fdf4;border-color:#d1fae5;color:#064e3b}.callout-info{background:#eff6ff;border-color:#dbeafe;color:#1e3a5f}.callout-warn{background:#fffbeb;border-color:#fde68a;color:#78350f}.step-block{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--content-border)}.step-block:last-of-type{border-bottom:none}.step-num{width:28px;height:28px;background:var(--accent);color:#1c1917;border-radius:50%;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.step-content strong{font-size:14px;font-weight:700;display:block;margin-bottom:4px}.step-content p{font-size:13px;color:var(--content-muted);margin:0}.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--content-border)}.page-btn{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:12px;border:1px solid var(--content-border);background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s}.page-btn:hover{border-color:var(--accent);box-shadow:0 2px 8px #fbbf2426}.page-btn.next{text-align:right;grid-column:2}.page-btn.prev{grid-column:1}.page-btn-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--content-muted)}.page-btn-title{font-size:13px;font-weight:700;color:var(--content-text)}.page-btn.disabled{opacity:.35;pointer-events:none}.mobile-bar{display:none;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--sidebar-border);padding:12px 16px;align-items:center;gap:12px}.hamburger{background:none;border:none;cursor:pointer;padding:4px;color:var(--content-text);flex-shrink:0}.mobile-title{font-size:14px;font-weight:700;color:var(--content-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:199}.sidebar-overlay.open{display:block}@media(max-width:768px){.mobile-bar{display:flex}.docs-root{flex-direction:column}.sidebar{position:fixed;top:0;left:-100%;height:100%;z-index:200;transition:left .25s ease;width:min(var(--sidebar-w),90vw)}.sidebar.open{left:0}.main{padding:24px 20px 40px}.page-nav{grid-template-columns:1fr}.page-btn.next{grid-column:1;text-align:left}}