body{min-height:100vh;background:var(--sw-bg-page)}.site-wrapper{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:var(--sw-bg-card);border-right:1px solid var(--sw-border-default);padding:var(--sw-space-6);position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sw-space-6)}.sidebar-logo{display:block}.sidebar-nav{display:flex;flex-direction:column;gap:var(--sw-space-6)}.nav-group-title{font-size:var(--sw-text-xs);font-weight:var(--sw-font-semibold);color:var(--sw-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sw-space-2)}.nav-group-links{display:flex;flex-direction:column;gap:var(--sw-space-1)}.nav-link{display:block;padding:var(--sw-space-2) var(--sw-space-3);border-radius:var(--sw-radius-md);font-size:var(--sw-text-md);color:var(--sw-text-secondary);text-decoration:none;transition:all var(--sw-transition-fast)}.nav-link:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.nav-link.active{background:var(--sw-bg-hover);color:var(--sw-text-primary);font-weight:var(--sw-font-medium)}.main-content{flex:1;margin-left:260px;padding:var(--sw-space-10);max-width:900px}.content h1{font-size:var(--sw-text-5xl);font-weight:var(--sw-font-semibold);color:var(--sw-text-primary);margin-bottom:var(--sw-space-2);line-height:var(--sw-leading-tight)}.content>p:first-of-type{font-size:var(--sw-text-lg);color:var(--sw-text-secondary);margin-bottom:var(--sw-space-8)}.content h2{font-size:var(--sw-text-3xl);font-weight:var(--sw-font-semibold);color:var(--sw-text-primary);margin-top:var(--sw-space-10);margin-bottom:var(--sw-space-4);padding-top:var(--sw-space-6);border-top:1px solid var(--sw-border-default)}.content h3:not(.sw-card-title){font-size:var(--sw-text-xl);font-weight:var(--sw-font-semibold);color:var(--sw-text-primary);margin-top:var(--sw-space-6);margin-bottom:var(--sw-space-3)}.content p:not(.sw-card-subtitle,.sw-card *){font-size:var(--sw-text-md);line-height:1.7;color:var(--sw-text-secondary);margin-bottom:var(--sw-space-4)}.content ul,.content ol{margin-bottom:var(--sw-space-4);padding-left:var(--sw-space-6)}.content li{font-size:var(--sw-text-md);line-height:1.7;color:var(--sw-text-secondary);margin-bottom:var(--sw-space-2)}.content a:not(.sw-btn){color:var(--sw-text-primary);text-decoration:none}.content code:not(pre code){background:var(--sw-bg-hover);padding:2px 6px;border-radius:var(--sw-radius-sm);font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.content pre{position:relative;background:var(--sw-gray-900);color:var(--sw-gray-100);padding:var(--sw-space-4);border-radius:var(--sw-radius-lg);overflow-x:auto;margin-bottom:var(--sw-space-4);font-size:var(--sw-text-sm);line-height:1.6}.content pre code{background:none;padding:0;font-size:inherit}.copy-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;padding:6px;cursor:pointer;border-radius:var(--sw-radius-md);transition:background var(--sw-transition-fast)}.copy-btn:hover{background:#ffffff1a}.copy-btn svg{width:16px;height:16px;color:var(--sw-gray-400)}.copy-btn.copied svg{color:var(--sw-success)}.content table{width:100%;border-collapse:collapse;margin-bottom:var(--sw-space-6)}.content th{text-align:left;padding:var(--sw-space-3) var(--sw-space-4);background:var(--sw-bg-hover);border-bottom:1px solid var(--sw-border-default);font-size:var(--sw-text-xs);font-weight:var(--sw-font-semibold);color:var(--sw-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.content td{padding:var(--sw-space-3) var(--sw-space-4);border-bottom:1px solid var(--sw-border-default);font-size:var(--sw-text-md);color:var(--sw-text-secondary)}.content hr{border:none;border-top:1px solid var(--sw-border-default);margin:var(--sw-space-8) 0}.preview{background:var(--sw-bg-page);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-xl);padding:var(--sw-space-6);margin-bottom:var(--sw-space-4)}.preview-row{display:flex;flex-wrap:wrap;gap:var(--sw-space-3);align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--sw-radius-md);cursor:pointer;transition:background var(--sw-transition-fast)}.theme-toggle:hover{background:var(--sw-bg-hover)}.theme-toggle svg{width:18px;height:18px;color:var(--sw-text-secondary)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(max-width:900px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--sw-space-6)}}