.softsell-page{min-height:100vh;background:var(--softsell-bg-primary)}.softsell-page-header{background:var(--softsell-bg-secondary);padding:var(--softsell-space-12) 0 var(--softsell-space-8);border-bottom:1px solid var(--softsell-border-light);position:relative}.softsell-page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0,rgba(124,58,237,.02) 100%);pointer-events:none}.page-header-content{position:relative;z-index:2;text-align:center}.page-title{font-size:var(--softsell-text-4xl);font-weight:var(--softsell-font-bold);color:var(--softsell-text-primary);margin-bottom:var(--softsell-space-4);line-height:var(--softsell-leading-tight)}.page-subtitle{font-size:var(--softsell-text-lg);color:var(--softsell-text-secondary);margin-bottom:var(--softsell-space-6);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--softsell-leading-relaxed)}.breadcrumb-nav{margin-top:var(--softsell-space-6)}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--softsell-space-2);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;font-size:var(--softsell-text-sm)}.breadcrumb-item:not(:last-child)::after{content:'/';margin-left:var(--softsell-space-2);color:var(--softsell-text-muted)}.breadcrumb-item a{color:var(--softsell-text-secondary);text-decoration:none;display:flex;align-items:center;gap:var(--softsell-space-1);transition:color var(--softsell-transition-fast)}.breadcrumb-item a:hover{color:var(--softsell-primary)}.breadcrumb-item.active{color:var(--softsell-text-primary);font-weight:var(--softsell-font-medium)}.breadcrumb-item i{font-size:var(--softsell-text-xs)}.softsell-page-content{padding:var(--softsell-space-16) 0}.page-content-wrapper{display:grid;gap:var(--softsell-space-12);align-items:start}.page-content-wrapper.has-sidebar{grid-template-columns:1fr 300px}.page-content-wrapper.no-sidebar{grid-template-columns:1fr}.content-main{min-width:0}.page-article{background:var(--softsell-bg-primary);border-radius:var(--softsell-radius-xl);box-shadow:var(--softsell-shadow-sm);overflow:hidden;border:1px solid var(--softsell-border-light)}.page-content{padding:var(--softsell-space-8)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{margin-top:var(--softsell-space-8);margin-bottom:var(--softsell-space-4);color:var(--softsell-text-primary);line-height:var(--softsell-leading-tight)}.page-content h1:first-child,.page-content h2:first-child,.page-content h3:first-child,.page-content h4:first-child,.page-content h5:first-child,.page-content h6:first-child{margin-top:0}.page-content h1{font-size:var(--softsell-text-3xl);font-weight:var(--softsell-font-bold)}.page-content h2{font-size:var(--softsell-text-2xl);font-weight:var(--softsell-font-bold)}.page-content h3{font-size:var(--softsell-text-xl);font-weight:var(--softsell-font-semibold)}.page-content h4{font-size:var(--softsell-text-lg);font-weight:var(--softsell-font-semibold)}.page-content h5{font-size:var(--softsell-text-base);font-weight:var(--softsell-font-semibold)}.page-content h6{font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-semibold)}.page-content p{margin-bottom:var(--softsell-space-4);line-height:var(--softsell-leading-relaxed);color:var(--softsell-text-primary)}.page-content ol,.page-content ul{margin-bottom:var(--softsell-space-4);padding-left:var(--softsell-space-6)}.page-content li{margin-bottom:var(--softsell-space-2);line-height:var(--softsell-leading-relaxed);color:var(--softsell-text-primary)}.page-content a{color:var(--softsell-primary);text-decoration:underline;text-decoration-color:transparent;transition:all var(--softsell-transition-fast)}.page-content a:hover{color:var(--softsell-primary-dark);text-decoration-color:currentColor}.page-content blockquote{border-left:4px solid var(--softsell-primary);padding-left:var(--softsell-space-4);margin:var(--softsell-space-6) 0;font-style:italic;color:var(--softsell-text-secondary);background:var(--softsell-bg-secondary);padding:var(--softsell-space-4);border-radius:var(--softsell-radius-md)}.page-content code{background:var(--softsell-bg-muted);padding:var(--softsell-space-1) var(--softsell-space-2);border-radius:var(--softsell-radius-sm);font-family:var(--softsell-font-mono);font-size:.9em;color:var(--softsell-text-primary)}.page-content pre{background:var(--softsell-bg-dark);color:var(--softsell-text-light);padding:var(--softsell-space-4);border-radius:var(--softsell-radius-md);overflow-x:auto;margin:var(--softsell-space-6) 0}.page-content pre code{background:0 0;padding:0;color:inherit}.page-content img{max-width:100%;height:auto;border-radius:var(--softsell-radius-md);box-shadow:var(--softsell-shadow-sm);margin:var(--softsell-space-4) 0}.page-content table{width:100%;border-collapse:collapse;margin:var(--softsell-space-6) 0;border:1px solid var(--softsell-border-light);border-radius:var(--softsell-radius-md);overflow:hidden}.page-content td,.page-content th{padding:var(--softsell-space-3) var(--softsell-space-4);text-align:left;border-bottom:1px solid var(--softsell-border-light)}.page-content th{background:var(--softsell-bg-secondary);font-weight:var(--softsell-font-semibold);color:var(--softsell-text-primary)}.page-content td{color:var(--softsell-text-primary)}.page-links{margin-top:var(--softsell-space-8);padding-top:var(--softsell-space-6);border-top:1px solid var(--softsell-border-light);text-align:center}.page-links .page-number{display:inline-block;padding:var(--softsell-space-2) var(--softsell-space-4);margin:0 var(--softsell-space-1);background:var(--softsell-primary);color:var(--softsell-text-light);text-decoration:none;border-radius:var(--softsell-radius-md);font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-medium);transition:all var(--softsell-transition-fast)}.page-links .page-number:hover{background:var(--softsell-primary-dark);transform:translateY(-1px);box-shadow:var(--softsell-shadow-md)}.page-meta{padding:var(--softsell-space-6) var(--softsell-space-8);background:var(--softsell-bg-secondary);border-top:1px solid var(--softsell-border-light);display:flex;flex-wrap:wrap;gap:var(--softsell-space-6);align-items:center}.meta-item{display:flex;align-items:center;gap:var(--softsell-space-2);font-size:var(--softsell-text-sm);color:var(--softsell-text-secondary)}.meta-item i{color:var(--softsell-primary);font-size:var(--softsell-text-xs)}.content-sidebar{display:flex;flex-direction:column;gap:var(--softsell-space-8)}.sidebar-widget{background:var(--softsell-bg-primary);border-radius:var(--softsell-radius-xl);box-shadow:var(--softsell-shadow-sm);border:1px solid var(--softsell-border-light);overflow:hidden;transition:all var(--softsell-transition-smooth)}.sidebar-widget:hover{box-shadow:var(--softsell-shadow-md);transform:translateY(-1px)}.widget-title{font-size:var(--softsell-text-lg);font-weight:var(--softsell-font-semibold);color:var(--softsell-text-primary);margin:0;padding:var(--softsell-space-6) var(--softsell-space-6) var(--softsell-space-4);border-bottom:1px solid var(--softsell-border-light);background:var(--softsell-bg-secondary)}.widget-content{padding:var(--softsell-space-6)}.widget-content p{margin-bottom:var(--softsell-space-4);color:var(--softsell-text-secondary);line-height:var(--softsell-leading-relaxed)}.widget-content p:last-child{margin-bottom:0}.page-nav-list{list-style:none;margin:0;padding:0}.page-nav-list li{margin-bottom:var(--softsell-space-2)}.page-nav-list li:last-child{margin-bottom:0}.page-nav-list a{display:block;padding:var(--softsell-space-3) var(--softsell-space-4);color:var(--softsell-text-secondary);text-decoration:none;border-radius:var(--softsell-radius-md);transition:all var(--softsell-transition-fast);border:1px solid transparent}.page-nav-list a:hover{background:var(--softsell-bg-secondary);color:var(--softsell-primary);border-color:var(--softsell-border-light);transform:translateX(4px)}.quick-links{display:flex;flex-direction:column;gap:var(--softsell-space-3)}.quick-link{display:flex;align-items:center;gap:var(--softsell-space-3);padding:var(--softsell-space-3) var(--softsell-space-4);background:var(--softsell-bg-secondary);border-radius:var(--softsell-radius-md);text-decoration:none;color:var(--softsell-text-secondary);transition:all var(--softsell-transition-fast);border:1px solid var(--softsell-border-light)}.quick-link:hover{background:var(--softsell-primary);color:var(--softsell-text-light);transform:translateY(-2px);box-shadow:var(--softsell-shadow-md)}.quick-link i{font-size:var(--softsell-text-base);width:20px;text-align:center;flex-shrink:0}.quick-link span{font-weight:var(--softsell-font-medium)}@media (max-width:1024px){.page-content-wrapper.has-sidebar{grid-template-columns:1fr;gap:var(--softsell-space-8)}.content-sidebar{order:-1}.sidebar-widget{margin-bottom:var(--softsell-space-6)}}@media (max-width:768px){.softsell-page-header{padding:var(--softsell-space-8) 0 var(--softsell-space-6)}.page-title{font-size:var(--softsell-text-3xl)}.page-subtitle{font-size:var(--softsell-text-base)}.softsell-page-content{padding:var(--softsell-space-12) 0}.page-content{padding:var(--softsell-space-6)}.page-meta{padding:var(--softsell-space-4) var(--softsell-space-6);flex-direction:column;align-items:flex-start;gap:var(--softsell-space-3)}.breadcrumb{justify-content:flex-start;flex-wrap:wrap}.quick-links{flex-direction:row;flex-wrap:wrap}.quick-link{flex:1;min-width:120px;justify-content:center;text-align:center}}@media (max-width:480px){.page-content{padding:var(--softsell-space-4)}.widget-content{padding:var(--softsell-space-4)}.widget-title{padding:var(--softsell-space-4) var(--softsell-space-4) var(--softsell-space-3);font-size:var(--softsell-text-base)}.page-title{font-size:var(--softsell-text-2xl)}.quick-links{flex-direction:column}.quick-link{justify-content:flex-start}}@media print{.softsell-page{background:#fff!important}.content-sidebar,.page-meta{display:none!important}.page-content-wrapper{grid-template-columns:1fr!important}.page-article{box-shadow:none!important;border:1px solid #ccc!important}.page-content a{color:#000!important;text-decoration:underline!important}}@media (prefers-contrast:high){.page-article,.sidebar-widget{border:2px solid var(--softsell-text-primary)}.page-content a{text-decoration:underline;text-decoration-color:currentColor}}@media (prefers-reduced-motion:reduce){.page-nav-list a,.quick-link,.sidebar-widget{transform:none!important;transition:color var(--softsell-transition-fast),background-color var(--softsell-transition-fast)!important}}